/*
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
 */
.ladda-button {
  position: relative; }

.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  opacity: 0; }

.ladda-button .ladda-label {
  position: relative;
  z-index: 3; }

.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s linear all !important;
  -moz-transition: 0.1s linear all !important;
  -ms-transition: 0.1s linear all !important;
  -o-transition: 0.1s linear all !important;
  transition: 0.1s linear all !important; }

.ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible; }

.ladda-button .ladda-spinner, .ladda-button .ladda-label {
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }

.ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label {
  -webkit-transition: 0.3s ease all !important;
  -moz-transition: 0.3s ease all !important;
  -ms-transition: 0.3s ease all !important;
  -o-transition: 0.3s ease all !important;
  transition: 0.3s ease all !important; }

.ladda-button[data-style=expand-right] .ladda-spinner {
  right: 14px; }

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: 4px; }

.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px; }

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1; }

.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
  padding-right: 40px; }

.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 14px; }

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px; }

.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px; }

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
  opacity: 1; }

.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
  padding-left: 40px; }

.ladda-button[data-style=expand-up] {
  overflow: hidden; }

.ladda-button[data-style=expand-up] .ladda-spinner {
  top: -32px;
  left: 50%;
  margin-left: -16px; }

.ladda-button[data-style=expand-up][data-loading] {
  padding-top: 54px; }

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
  opacity: 1;
  top: 14px;
  margin-top: 0; }

.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
  padding-top: 32px; }

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
  top: 4px; }

.ladda-button[data-style=expand-down] {
  overflow: hidden; }

.ladda-button[data-style=expand-down] .ladda-spinner {
  top: 62px;
  left: 50%;
  margin-left: -16px; }

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
  top: 40px; }

.ladda-button[data-style=expand-down][data-loading] {
  padding-bottom: 54px; }

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
  opacity: 1; }

.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
  padding-bottom: 32px; }

.ladda-button[data-style=slide-left] {
  overflow: hidden; }

.ladda-button[data-style=slide-left] .ladda-label {
  position: relative; }

.ladda-button[data-style=slide-left] .ladda-spinner {
  left: 100%;
  margin-left: -16px; }

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%; }

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%; }

.ladda-button[data-style=slide-right] {
  overflow: hidden; }

.ladda-button[data-style=slide-right] .ladda-label {
  position: relative; }

.ladda-button[data-style=slide-right] .ladda-spinner {
  right: 100%;
  margin-left: -16px; }

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%; }

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%; }

.ladda-button[data-style=slide-up] {
  overflow: hidden; }

.ladda-button[data-style=slide-up] .ladda-label {
  position: relative; }

.ladda-button[data-style=slide-up] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  margin-top: 1em; }

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em; }

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: -16px; }

.ladda-button[data-style=slide-down] {
  overflow: hidden; }

.ladda-button[data-style=slide-down] .ladda-label {
  position: relative; }

.ladda-button[data-style=slide-down] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  margin-top: -2em; }

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em; }

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: -16px; }

.ladda-button[data-style=zoom-out] {
  overflow: hidden; }

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5); }

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

.ladda-button[data-style=zoom-in] {
  overflow: hidden; }

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2); }

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -ms-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2); }

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px; }

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: -16px; }

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px; }

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1; }

.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0); }

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: -16px; }

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8); }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1; }

/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
/* $group Web Font-Faces */
@font-face {
  font-family: 'icomoon';
  src: url("/static/fonts/icomoon.eot");
  src: url("/static/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/static/fonts/icomoon.woff") format("woff"), url("/static/fonts/icomoon.ttf") format("truetype"), url("/static/fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*  IcoMoon - icomoon.io
    read the K3 docs  */
[data-icon]:before,
[class^="icon-"], [class*=" icon-"],
[class^="k4-icon-"], [class*=" k4-icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.icon-close2:before {
  content: "\E912"; }

.icon-paypal2:before {
  content: "\F1ED"; }

.icon-facebook-official:before {
  content: "\F230"; }

.icon-google2:before {
  content: "\E911"; }

.icon-cog:before {
  content: "\F013"; }

.icon-sign-out:before {
  content: "\F08B"; }

.icon-sign-in:before {
  content: "\F090"; }

.icon-truck:before {
  content: "\F0D1"; }

.icon-caret-down:before {
  content: "\F0D7"; }

.icon-bell:before {
  content: "\F0F3"; }

.icon-chevron-right:before {
  content: "\E90B"; }

.icon-chevron-left:before {
  content: "\E90C"; }

.icon-kogan:before,
.icon-kogan-logo:before {
  content: "\E000"; }

.icon-facebook:before,
.k4-icon-facebook:before {
  content: "\E001"; }

.icon-twitter:before,
.k4-icon-twitter:before {
  content: "\E002"; }

.icon-google-plus:before {
  content: "\E003"; }

.icon-envelope:before {
  content: "\E004"; }

.icon-search:before {
  content: "\E005"; }

.icon-shopping-cart:before {
  content: "\F07A"; }

.icon-arrow-right:before {
  content: "\E903"; }

.icon-arrow-left:before {
  content: "\E904"; }

.icon-arrow-right-square:before {
  content: "\EA34"; }

.icon-lines:before {
  content: "\E008"; }

.icon-add-to-cart:before {
  content: "\E009"; }

.icon-warning:before {
  content: "\E00A"; }

.icon-heart:before {
  content: "\E00C"; }

.icon-user:before {
  content: "\E600"; }

.icon-arrow-up:before {
  content: "\E906"; }

.icon-arrow-down:before {
  content: "\E905"; }

.icon-thumbs-up:before {
  content: "\E604"; }

.icon-thumbs-down:before {
  content: "\E605"; }

.icon-check-alt:before {
  content: "\E606"; }

.icon-menu:before {
  content: "\E9BD"; }

.icon-google:before {
  content: "\E910"; }

.icon-paypal:before {
  content: "\EAD6"; }

.icon-menu-grid:before {
  content: "\F00A"; }

.icon-close:before {
  content: "\F00D"; }

.icon-pencil:before {
  content: "\F040"; }

.icon-hot-deals:before {
  content: "\F06D"; }

.icon-chevron-up:before {
  content: "\F077"; }

.icon-bars:before {
  content: "\F0C9"; }

.icon-dropdown-select:before {
  content: "\F0DC"; }

.icon-commenting:before {
  content: "\F27A"; }

.icon-lock:before,
.k4-icon-lock:before {
  content: "\E800";
  width: 1em;
  display: inline-block; }

.icon-link:before {
  content: "\E801"; }

.icon-airplane:before {
  content: "\E802"; }

.icon-location:before {
  content: "\E803"; }

.icon-credit-card:before {
  content: "\E804"; }

.icon-history:before {
  content: "\E805"; }

.icon-tree:before {
  content: "\E806"; }

.icon-bolt:before {
  content: "\E900"; }

.icon-trophy:before {
  content: "\E901"; }

.icon-shield:before {
  content: "\E902"; }

.icon-tags:before {
  content: "\E907"; }

.icon-user2:before {
  content: "\F007"; }

.icon-bullhorn:before {
  content: "\E91A"; }

.icon-plus:before {
  content: "\E908"; }

.icon-minus:before {
  content: "\E909"; }

.icon-info-circle:before {
  content: "\E90A"; }

.icon-home:before {
  content: "\E90F"; }

.icon-copy:before {
  content: "\E92C"; }

.icon-bubbles3:before {
  content: "\E96F"; }

.icon-shop:before {
  content: "\E914"; }

/* $end web font-faces */
.page-aside {
  display: none;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 203px;
  padding: 0 1px 30px 0; }
  @media screen and (min-width: 1300px) {
    .page-aside {
      display: block; } }
  .page-aside .guarantee-box {
    margin: 20px 0 50px; }
  .page-aside .payment-box {
    color: #808080;
    margin-bottom: 50px; }
    .page-aside .payment-box li {
      display: inline; }
  .page-aside .location-box {
    color: #808080; }
    .page-aside .location-box figure {
      padding: 12px 0 6px 0; }

/** Sprites **/
.aside-images {
  background-image: url("/static/img/aside_sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none; }
  .aside-images.guarantee_14days {
    background-position: -0px -339px;
    width: 113px;
    height: 169px;
    margin: 20px 0 50px; }
  .aside-images.visa {
    background-position: -0px -99px;
    width: 32px;
    height: 23px; }
  .aside-images.mastercard {
    background-position: -0px -33px;
    width: 33px;
    height: 23px; }
  .aside-images.paypal_small {
    background-position: -0px -66px;
    width: 33px;
    height: 23px; }
  .aside-images.smartpay_small {
    background-position: -42px -33px;
    width: 33px;
    height: 23px; }
  .aside-images.ge_interest_free_small {
    background-position: -40px -62px;
    width: 37px;
    height: 32px;
    margin-top: 0px;
    padding-top: 6px; }
  .aside-images.ge_interest_free_big {
    background-position: -115px -224px;
    width: 64px;
    height: 64px; }
  .aside-images.click_rent_keep {
    background-position: -119px -288px;
    width: 55px;
    height: 38px;
    position: relative;
    top: 10px; }
  .aside-images.click_rent_keep_small {
    background-position: -42px -99px;
    width: 33px;
    height: 22px; }
  .aside-images.gift {
    background-position: -0px -0px;
    width: 32px;
    height: 23px; }
  .aside-images.amex {
    background-position: -42px -0px;
    width: 32px;
    height: 23px; }
  .aside-images.au_owned {
    background-position: -0px -525px;
    width: 114px;
    height: 91px; }
  .aside-images.paypal_big {
    background-position: -0px -234px;
    width: 60px;
    height: 38px; }
  .aside-images.eway {
    background-position: -0px -282px;
    width: 89px;
    height: 47px; }
  .aside-images.smartpay {
    background-position: -74px -234px;
    width: 32px;
    height: 47px; }
  .aside-images.make_a_wish {
    background-position: -0px -132px;
    width: 180px;
    height: 92px; }
  .aside-images.make_a_wish_nz {
    background-position: -0px -132px;
    width: 180px;
    height: 72px; }
  .aside-images.epilepsy {
    background-position: -0px -802px;
    width: 180px;
    height: 60px; }

/* Dedicated type styles */
.k3_legacy {
  /**
	 * lesser.typography.less
	 * type styles
	 */
  /* =============================================================================
	   Type variables
	   ========================================================================== */
  /* =============================================================================
	   Heading Styles
	   ========================================================================== */
  /* =============================================================================
	   Body Copy Styles
	   ========================================================================== */
  /* =============================================================================
	   Definition List Styles
	   ========================================================================== */
  /* =============================================================================
	   Others
	   ========================================================================== */ }
  .k3_legacy input {
    font-size: 0.8em; }
  .k3_legacy h1 {
    font-size: 2.2em;
    color: #1e2b4b;
    margin-bottom: 9px; }
  .k3_legacy h2 {
    font-size: 1.45em;
    color: #3C5A98; }
  .k3_legacy h3 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #3C5A98; }
  .k3_legacy h4, .k3_legacy h5 {
    font-size: 1em;
    color: #3C5A98; }
  .k3_legacy h6 {
    font: normal 1.25em/1.2em; }
  .k3_legacy h1 + p {
    margin-top: 3em; }
  .k3_legacy h4 + p {
    margin-top: 1em; }
  .k3_legacy h5 + form {
    margin-top: 0.5em; }
  .k3_legacy p {
    margin-bottom: 1em; }
  .k3_legacy p + h3 {
    margin-top: 2em; }
  .k3_legacy table td > h3,
  .k3_legacy table td > h4 {
    margin-bottom: 0.4em; }
  .k3_legacy ul {
    overflow: auto; }
  .k3_legacy dl {
    overflow: auto;
    margin-bottom: 12px; }
  .k3_legacy dt, .k3_legacy dd {
    font-size: 0.8em;
    display: inline-block;
    zoom: 1;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 6px; }
  .k3_legacy dt {
    width: 50%;
    text-align: right;
    padding-right: 6px;
    color: #B3B3B3; }
  .k3_legacy dd {
    width: 50%;
    padding-left: 6px;
    color: #393833; }
  .k3_legacy time {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #B3B3B3;
    display: block; }
  .k3_legacy legend {
    font-size: 1.45em; }
  .k3_legacy blockquote {
    border-left: 4px solid #800;
    padding-left: 1em;
    margin: 0 0 1em;
    font-style: italic; }
    .k3_legacy blockquote cite {
      color: #B3B3B3;
      font-style: italic;
      margin: 0;
      padding: 0; }

/* =============================================================================
   Class based type rules
   ========================================================================== */
.midSizeHead {
  font-size: 2.2em; }

.midSizeTextHead {
  font-size: 1.45em;
  font-weight: bold;
  margin-bottom: 6px; }

.more {
  margin-top: 11px;
  font-size: 0.95em; }

.price,
.old-price,
.current-price {
  text-align: right; }

.old-price {
  color: #cccccc;
  text-decoration: line-through; }

.price,
.current-price {
  color: #5B729B;
  font-weight: bold; }

/* ============================================================================== */
/* ============================================================================== */
/* ================================= Grid system for 2 3 and 4 grid layouts with  */
.grid-view {
  text-align: left;
  /* KD: added > to limit this to first children, was causing issues with nested divs.  please remove if you need to. */ }
  .grid-view > div,
  .grid-view > section,
  .grid-view > article {
    width: 25%;
    padding: 15px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    margin-right: -4px;
    zoom: 1; }
  .grid-view.one-column > div,
  .grid-view.one-column > section,
  .grid-view.one-column > article {
    width: 100%; }
  .grid-view.two-column > div,
  .grid-view.two-column > section,
  .grid-view.two-column > article {
    width: 50%; }
  .grid-view.three-column > div,
  .grid-view.three-column > section,
  .grid-view.three-column > article {
    width: 100%/3; }
  .grid-view.four-column > div,
  .grid-view.four-column > section,
  .grid-view.four-column > article {
    width: 25%; }

/* Grid Variations */
.graduated-border {
  padding: 20px; }
  .graduated-border > article {
    border-top: 1px solid #d6d6d6;
    background-image: url("/static/img/product-divider-gradient.png");
    background-repeat: no-repeat;
    background-position: right top; }
    .graduated-border > article img {
      /* width: 100%;*/ }
  .graduated-border.two-column > article:nth-of-type(2n+1), .graduated-border.three-column > article:nth-of-type(3n+1), .graduated-border.four-column > article:nth-of-type(4n+1), .graduated-border.one-column > article {
    background-image: url("/static/img/product-divider-gradient.png"), url("/static/img/product-divider-gradient.png");
    background-position: left top, right top; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
.largeInputField {
  height: 30px;
  width: 100%;
  padding: 6px;
  font-size: 0.9em; }

.textButton {
  border: 0;
  background: 0;
  cursor: pointer;
  padding: 3px 0;
  margin: 0; }
  .textButton:hover {
    color: #E83650; }

p {
  font-size: 0.8em;
  margin-top: 12px; }

select {
  font-size: 0.8em;
  display: block;
  -webkit-appearance: menulist;
  -webkit-box-align: center;
  border: 1px solid #cccccc;
  height: 30px;
  width: 100%; }

select[disabled='disabled'] {
  font-size: 2.2em;
  background-color: white; }

.number-counter {
  width: 52px;
  height: 24px;
  position: relative; }
  .number-counter span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px; }
  .number-counter input,
  .number-counter input[type=text] {
    background-color: #f0f5f9;
    text-align: center;
    width: 28px;
    height: 24px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; }
  .number-counter button {
    border: 1px solid #cccccc;
    background-color: #e6e6e6;
    height: 12px;
    width: 24px;
    display: inline-block;
    zoom: 1;
    /* Clean up*/ }
    .number-counter button:active {
      background-color: #f0f5f9;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset; }
  .number-counter button.up {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/static/img/btn-arrow-up.png");
    background-repeat: no-repeat;
    background-position: center center; }
  .number-counter button.down {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("/static/img/btn-arrow-down.png");
    background-repeat: no-repeat;
    background-position: center center; }

/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
table {
  width: 100%;
  margin-bottom: 24px;
  border-collapse: separate;
  border-spacing: 0px; }
  table p {
    margin-bottom: 0;
    color: #4d4d4d; }
  table h3, table h4 {
    font-weight: normal;
    margin-bottom: 0; }
  table tr td {
    vertical-align: middle; }
  table thead th {
    font-size: 1em;
    padding: 9px;
    color: #3C5A98;
    text-shadow: 0px 1px 1px #fff;
    border-bottom: 1px solid #cccccc;
    background-color: #d8e7ee;
    text-align: left; }
    table thead th h2 {
      text-transform: uppercase; }
  table tr:first-child td {
    border-top: 5px solid #f2f2f2; }
  table tr.product-warranty td {
    border-top: 1px dashed #cccccc; }
  table tr.product-warranty td:first-child {
    border-top: 0px dashed #cccccc; }
  table tr td {
    border-top: 1px solid #cccccc;
    padding: 9px; }
    table tr td:last-child {
      color: #393833;
      font-weight: bold;
      border-right: 1px solid #cccccc;
      text-align: right; }
    table tr td:first-child {
      border-left: 1px solid #cccccc; }
    table tr td figure {
      width: 100px;
      height: 100px; }
  table tr.cart-total td {
    background-color: #d8e7ee;
    border-left: 0 none;
    border-bottom: 1px solid #cccccc; }
    table tr.cart-total td p {
      margin-bottom: 0.4em; }
    table tr.cart-total td p.rent-price {
      color: #e83650;
      margin-top: 3px; }
  table tr.cart-total .total-price,
  table tr.cart-total h4 {
    font-size: 1.45em;
    margin: 0;
    padding: 0; }
  table tr.cart-delivery td {
    background-image: url("/static/img/bg-grid-cross.png"); }
  table tr.cart-discounts-header td, table tr.cart-discount td {
    background-image: url("/static/img/bg-grid-cross.png"); }
    table tr.cart-discounts-header td h4, table tr.cart-discount td h4 {
      text-align: left; }
  table tr.cart-discount td {
    border-top: 1px dotted #cccccc; }
    table tr.cart-discount td p {
      margin-top: 0; }
  table tfoot tr #store-tax-warnings {
    border: none; }
  table tr.cart-deduction + tr.cart-deduction td {
    border-top: 0px; }
  table tr.cart-deduction + tr.cart-deduction.active:hover {
    background-color: #fff8dc; }
    table tr.cart-deduction + tr.cart-deduction.active:hover span.delete-item {
      display: block; }
  table tr.cart-deductions {
    padding-top: 0;
    padding-bottom: 0; }
    table tr.cart-deductions h4 {
      padding-bottom: 0px;
      margin-bottom: 8px;
      text-align: left;
      font-weight: normal; }
    table tr.cart-deductions ul {
      margin-bottom: 1em;
      font-size: 12px;
      font-weight: bold; }
      table tr.cart-deductions ul .discount-title {
        width: 70%;
        text-align: left;
        float: left; }
      table tr.cart-deductions ul .discount-code {
        color: #cccccc;
        font-size: 10px;
        font-weight: normal;
        margin-top: 0; }
      table tr.cart-deductions ul .discount-amount {
        width: 30%;
        text-align: right;
        font-size: 12px;
        float: left;
        margin-top: 0;
        color: #E83650; }
        table tr.cart-deductions ul .discount-amount.no-remove {
          padding-right: 30px; }
    table tr.cart-deductions .product-code {
      font-size: 0.8em;
      display: block;
      color: #5B729B; }
    table tr.cart-deductions .product-price {
      color: #E83650; }
    table tr.cart-deductions .delete-item {
      position: absolute;
      left: 3px;
      top: 7px;
      display: none; }
      table tr.cart-deductions .delete-item:hover {
        cursor: pointer; }

tfoot.expanded tr > td:first-child {
  border: none;
  background: #fff;
  /* Old browsers */
  background: linear-gradient(left, #fff 98%, #f6f6f6 100%);
  /* W3C */ }
  tfoot.expanded tr > td:first-child:last-child {
    background: #fff;
    /* Old browsers */
    background: linear-gradient(left, #fff 98%, #fff 100%);
    /* W3C */ }

tfoot.expanded tr > td:nth-of-type(2) {
  border-left: 1px solid #cccccc; }

tfoot.expanded tr:last-child td:first-child {
  background: transparent; }

tfoot.expanded tr:last-child td:last-child {
  border-left: 1px solid white; }

tfoot.expanded tr:first-child td {
  border-top: 1px solid #cccccc; }

/* ===== Tab Navigation Style ===============================================
   ========================================================================== */
/* HTML Structure :


	<section class="horizontal-tabs-navigation">
		<ul>
			<li><a href="#sometab"></a></li>
			<li><a href="#sometab"></a></li>
			<li><a href="#sometab"></a></li>
			<li><a href="#sometab"></a></li>
		</ul
	</section>

	<section class="horizontal-tabs-content" data-timer="false/3000" data-animation="none/fade/slide">
		<section/article/div id="sometab" class="active"></section>
		<section/article/div id="sometab"></section>
		<section/article/div id="sometab"></section>
		<section/article/div id="sometab"></section>
	</section>


markup attributes:

	data-timer		to use timed transitions, set a numeric value for milliseconds between transitions.  set to false or omit to use manual transitions.
	data-animation	set a transition, currently unsupported.  omit or 'none' for none.

	.active 		set on a content tab to have it displayed initially.  for best results ensure any preceding content tabs are set to .inactive
					todo:  possibly include the option to have this on the navigation as well


*/
/* ==|=======================================================================
   ========================================================================== */
.horizontal-tabs-navigation {
  width: 100%;
  height: auto; }
  .horizontal-tabs-navigation > ul > li {
    float: left;
    outline: none; }

.horizontal-tabs-content {
  width: 100%;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 0; }
  .horizontal-tabs-content > figure,
  .horizontal-tabs-content > article,
  .horizontal-tabs-content > section,
  .horizontal-tabs-content > a {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    max-height: 100%;
    vertical-align: top;
    white-space: normal; }
    .horizontal-tabs-content > figure.inactive, .horizontal-tabs-content > figure:first-child.inactive,
    .horizontal-tabs-content > article.inactive,
    .horizontal-tabs-content > article:first-child.inactive,
    .horizontal-tabs-content > section.inactive,
    .horizontal-tabs-content > section:first-child.inactive,
    .horizontal-tabs-content > a.inactive,
    .horizontal-tabs-content > a:first-child.inactive {
      display: none; }
    .horizontal-tabs-content > figure:first-child, .horizontal-tabs-content > figure.active,
    .horizontal-tabs-content > article:first-child,
    .horizontal-tabs-content > article.active,
    .horizontal-tabs-content > section:first-child,
    .horizontal-tabs-content > section.active,
    .horizontal-tabs-content > a:first-child,
    .horizontal-tabs-content > a.active {
      display: block;
      position: relative; }
    .horizontal-tabs-content > figure > img,
    .horizontal-tabs-content > article > img,
    .horizontal-tabs-content > section > img,
    .horizontal-tabs-content > a > img {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      margin: 0 auto; }
    .horizontal-tabs-content > figure.loading::after,
    .horizontal-tabs-content > article.loading::after,
    .horizontal-tabs-content > section.loading::after,
    .horizontal-tabs-content > a.loading::after {
      content: '';
      background: white url("/static/img/loading.gif") no-repeat center center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.6; }
  .horizontal-tabs-content.fade > figure,
  .horizontal-tabs-content.fade > article,
  .horizontal-tabs-content.fade > section,
  .horizontal-tabs-content.fade > a {
    display: block;
    transition: opacity 0.8s ease-in-out, height 0.5s ease-in-out; }
    .horizontal-tabs-content.fade > figure.inactive,
    .horizontal-tabs-content.fade > article.inactive,
    .horizontal-tabs-content.fade > section.inactive,
    .horizontal-tabs-content.fade > a.inactive {
      display: block;
      opacity: 0;
      z-index: 1; }
    .horizontal-tabs-content.fade > figure.active,
    .horizontal-tabs-content.fade > article.active,
    .horizontal-tabs-content.fade > section.active,
    .horizontal-tabs-content.fade > a.active {
      opacity: 1;
      position: absolute;
      z-index: 3; }
    .horizontal-tabs-content.fade > figure:first-child, .horizontal-tabs-content.fade > figure:first-child.active,
    .horizontal-tabs-content.fade > article:first-child,
    .horizontal-tabs-content.fade > article:first-child.active,
    .horizontal-tabs-content.fade > section:first-child,
    .horizontal-tabs-content.fade > section:first-child.active,
    .horizontal-tabs-content.fade > a:first-child,
    .horizontal-tabs-content.fade > a:first-child.active {
      position: relative; }

/* Pagination */
.pager {
  font-weight: bold; }
  .pager .page {
    position: relative;
    display: inline-block;
    zoom: 1;
    line-height: 2em;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 0.3em;
    background-color: #f2f2f2; }
    .pager .page a {
      color: #808080;
      position: relative;
      display: block;
      padding: 0 0.8em;
      z-index: 3; }
      .pager .page a:hover {
        background: #fff; }
  .pager .active {
    position: relative;
    display: inline-block;
    zoom: 1;
    line-height: 2em;
    text-align: center;
    cursor: default;
    color: #36a !important;
    border: 1px solid #36a;
    box-shadow: 0 0 3px 1px #36a inset;
    padding: 0 0.8em;
    background: #fff; }
  .pager .inactive {
    padding: 0 0.8em;
    color: #bbb !important; }
  .pager .ellipsis {
    display: inline-block;
    zoom: 1;
    margin: 0 5em; }

/* Action navigation for articles */
nav.action {
  font-size: 0.9em;
  text-align: right; }
  nav.action a {
    font-weight: bold; }
  nav.action .button {
    margin-left: 20px; }

/* Generic List styles - move later */
ul.menu-dashed-items {
  overflow: hidden; }
  ul.menu-dashed-items li {
    display: list-item;
    overflow: auto;
    padding: 0; }
    ul.menu-dashed-items li a {
      padding: 0; }
    ul.menu-dashed-items li span:last-child {
      float: right;
      margin-right: 4px; }

ul.traditional-list li {
  display: list-item;
  list-style: disc inside; }

/*  Application style nav bar */
nav.application-style {
  margin-bottom: 20px;
  /* No. of Tabs */ }
  nav.application-style ul li {
    /* This is current set for size nav item*/
    width: 100%/4;
    text-align: center;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #4d4d4d;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
    line-height: 1em;
    background: #ededed;
    /* Old browsers */
    background: linear-gradient(top, #ededed 0%, #dadada 100%);
    /* W3C */
    margin: 0; }
  nav.application-style ul li:first-child {
    border-left: 1px solid #cccccc;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  nav.application-style ul li:last-child {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  nav.application-style ul li a {
    color: inherit;
    display: inline-block;
    width: 100%;
    padding: 6px 0; }
  nav.application-style ul li a:hover, nav.application-style ul li a:focus, nav.application-style ul li a.active {
    color: #3C5A98;
    box-shadow: 0px 0px 5px 0 #B3B3B3 inset;
    background-color: #f0f5f9; }
  nav.application-style ul li.img a {
    padding: 0; }
    nav.application-style ul li.img a img {
      line-height: 22px;
      vertical-align: middle; }
  nav.application-style.tabs-6 ul li {
    width: 17%; }
    nav.application-style.tabs-6 ul li:last-child {
      width: 15%; }
  nav.application-style.tabs-5 ul li {
    width: 20%; }
  nav.application-style.tabs-4 ul li {
    width: 25%; }
  nav.application-style.tabs-3 ul li {
    width: 33%; }
    nav.application-style.tabs-3 ul li:last-child {
      width: 34%; }
  nav.application-style.tabs-2 ul li {
    width: 50%; }
  nav.application-style.tabs-1 {
    display: none; }

/* Showcase style nav bar */
nav.showcase-style {
  width: 100%;
  text-align: center;
  z-index: 999; }
  nav.showcase-style > ul {
    width: auto;
    /*border:1px solid green;*/
    text-align: center;
    overflow: hidden; }
    nav.showcase-style > ul li {
      display: inline-block;
      float: none;
      margin-right: -3px;
      zoom: 1; }
      nav.showcase-style > ul li:hover img, nav.showcase-style > ul li:focus img {
        display: block; }
      nav.showcase-style > ul li a {
        text-align: center;
        display: inline-block;
        zoom: 1;
        /*float:left;*/
        margin: 0 3px 0 2px;
        width: 13px;
        height: 13px;
        border: 1px solid #bfbfbf;
        background: #9BC1D4;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        font-size: 11px;
        border: 1px solid #9BC1D4;
        background: white;
        transition: background 0.2s ease-in-out;
        color: #9bc1d4;
        line-height: 13px;
        vertical-align: top; }
        nav.showcase-style > ul li a:hover, nav.showcase-style > ul li a:focus, nav.showcase-style > ul li a.active {
          background: #9bc1d4; }
        nav.showcase-style > ul li a figure {
          position: absolute;
          width: 100%;
          height: auto;
          left: 0;
          bottom: 50px; }
          nav.showcase-style > ul li a figure img {
            margin: 0 auto;
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6) inset;
            border: 1px solid #555655; }
        nav.showcase-style > ul li a img {
          display: none; }
      nav.showcase-style > ul li.video a {
        width: auto;
        padding: 0 6px; }
        nav.showcase-style > ul li.video a .triangle-right {
          width: 0;
          height: 0;
          display: inline-block;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 5px solid; }
        nav.showcase-style > ul li.video a:hover, nav.showcase-style > ul li.video a:focus, nav.showcase-style > ul li.video a.active {
          color: #eee; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/*
*
*  Base styles
*  -----------------------------------------------------------------------------
*  Everything here is applicable globally; all apps and all views.
*  Any styles applicable to base.html should be in here.
*  Any styles used site-wide should be in here.
*
*/
.adexchange__ad--fullwidth,
.kogan__ad--fullwidth {
  max-width: 1202px;
  margin: 0 auto;
  padding: 24px 136px; }
  @media (max-width: 1299px) {
    .adexchange__ad--fullwidth,
    .kogan__ad--fullwidth {
      max-width: 990px; } }
  .home_page_view .adexchange__ad--fullwidth, .home_page_view
  .kogan__ad--fullwidth {
    margin-bottom: 48px; }

.adexchange__ad--sidebar,
.kogan__ad--sidebar {
  margin: 32px auto;
  width: 160px; }

.menu-icon {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding: 6px 4px 4px 6px;
  border-radius: 4px;
  background: #eae9eb; }
  .menu-icon:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    color: #333333;
    background: #c4c4c3; }

.logo {
  width: 150px;
  height: 33px;
  float: left;
  margin: 4px 16px 0; }
  .logo.small {
    width: 112px;
    height: 25px; }

.home_page_view_b #container {
  padding-bottom: 0; }

/* verisign seal */
.banner-scripts {
  float: right;
  margin-top: 20px;
  z-index: 5;
  position: relative; }

.search-form {
  position: relative; }
  .search-form input.text {
    float: left;
    width: 400px;
    height: 30px;
    font-size: 13px;
    padding: 0 8px;
    background: #f0f0f0;
    border: 1px solid #c9c9c9;
    margin: 0;
    color: #333;
    position: relative; }
    .search-form input.text:focus, .search-form input.text:active {
      outline: none; }
    .search-form input.text.loading {
      background: url("/static/img/loading-small.gif") no-repeat 95% center; }
  .search-form .results-list {
    position: absolute;
    left: 0;
    top: 30px;
    background: white;
    z-index: 9999;
    width: 100%;
    list-style: none;
    margin: 0; }
    .search-form .results-list:focus, .search-form .results-list:active {
      outline: none; }
    .search-form .results-list.hidden {
      display: none; }
    .search-form .results-list li {
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      padding: 3px 8px;
      background: white;
      margin: 0; }
      .search-form .results-list li:last-child {
        border-bottom: 3px solid #5B729B; }
      .search-form .results-list li:hover, .search-form .results-list li.highlighted {
        color: #1e2b4b;
        background: #99c6e5;
        cursor: pointer; }
      .search-form .results-list li.showmore {
        font-style: italic;
        border-top: 1px solid #ddd; }
  .search-form .btn-search {
    width: 40px;
    height: 30px;
    background: url("/static/img/main-sprite.png") no-repeat -262px -141px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    cursor: pointer;
    float: right;
    font-size: 0;
    text-indent: -9999px; }
    .search-form .btn-search:hover {
      background-position: -262px -106px; }

#page-content.k3_legacy {
  padding: 0; }
  #page-content.k3_legacy figure img {
    display: block; }

/* ============================================================================== */
/* ============================================================================== */
/* ==============================================================================  */
/* Globally declared gallery items */
.noimage {
  position: relative;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 60px 0 #f2f2f2 inset; }
  .noimage p {
    position: absolute;
    display: block;
    padding: 0;
    background: url("/static/img/main-sprite.png");
    background-repeat: no-repeat;
    background-position: -338px -295px;
    width: 68px;
    height: 48px;
    margin: 0 auto;
    text-indent: -9999px;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -34px; }

.secure {
  display: block;
  font-size: 0.8em;
  margin-top: 6px; }
  .secure:before {
    content: url("/static/img/icon-padlock-white-tiny.gif");
    margin-right: 5px; }

.footer-kespa {
  background: white url("/static/img/paypal-2for1-desktop.png");
  height: 50px;
  width: 990px;
  position: fixed;
  bottom: 0;
  z-index: 99;
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.3) inset; }
  .footer-kespa #kespa-close-button {
    position: absolute;
    top: -12px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url("/static/img/tinyboxclose.png") no-repeat 0 0; }
    .footer-kespa #kespa-close-button:hover {
      background-position: 0 -30px; }

/**
 * Blue out-of-five star ratings.  ex:
 * <span class="star-rating four-half">four and a half out of five</span>
 */
.star-rating {
  background: url("/static/img/stars.png") bottom left no-repeat;
  height: 18px;
  width: 100px;
  display: inline-block;
  zoom: 1;
  position: relative;
  font-size: 0;
  color: rgba(255, 255, 255, 0); }
  .star-rating:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    background: url("/static/img/stars.png") top left no-repeat;
    height: 18px; }
  .star-rating.half:after {
    width: 10%; }
  .star-rating.one:after {
    width: 20%; }
  .star-rating.one-half:after {
    width: 30%; }
  .star-rating.two:after {
    width: 40%; }
  .star-rating.two-half:after {
    width: 50%; }
  .star-rating.three:after {
    width: 60%; }
  .star-rating.three-half:after {
    width: 70%; }
  .star-rating.four:after {
    width: 80%; }
  .star-rating.four-half:after {
    width: 91%; }
  .star-rating.five:after {
    width: 100%; }

/*----------------------------------------------------------------------------*/
/* Button Classes                                                             */
/*----------------------------------------------------------------------------*/
.button.add-to-cart {
  overflow: hidden; }
  .button.add-to-cart span {
    font-weight: bold; }
  .button.add-to-cart .counter {
    display: block;
    float: left;
    padding: 0;
    width: 30px;
    text-align: center;
    font-size: 15px;
    line-height: 30px !important; }
    .button.add-to-cart .counter span {
      display: block;
      line-height: inherit;
      -webkit-transition: top 0.35s ease-out;
      transition: top 0.35s ease-out;
      position: relative;
      top: 0px; }
    .button.add-to-cart .counter.in-cart span {
      top: -30px; }
  .button.add-to-cart .label {
    padding: 0;
    line-height: 1em !important;
    width: 100%; }

.button.large.add-to-cart {
  width: 196px;
  overflow: hidden; }
  .button.large.add-to-cart span {
    font-weight: normal; }
  .button.large.add-to-cart .counter {
    display: block;
    float: left;
    padding: 0;
    width: 48px;
    text-align: center;
    border-right: 1px solid #777;
    font-size: 15px;
    line-height: 46px !important; }
    .button.large.add-to-cart .counter span {
      display: block;
      line-height: inherit;
      -webkit-transition: top 0.35s ease-out;
      transition: top 0.35s ease-out;
      position: relative;
      top: 0px; }
    .button.large.add-to-cart .counter.in-cart span {
      top: -46px; }
  .button.large.add-to-cart .detail-label {
    font-family: Helvetica, Arial, sans-serif; }

dd.button.block.small {
  margin-bottom: 3px; }

.k3_legacy .new-button {
  display: inline-block;
  height: 38px;
  padding: 0 16px;
  color: #fff;
  font-size: 1.2em;
  line-height: 38px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  border: 1px solid #999;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.4); }
  .k3_legacy .new-button:hover {
    color: #fff; }
  .k3_legacy .new-button.icon {
    padding-left: 40px; }
  .k3_legacy .new-button.Facebook, .k3_legacy .new-button.facebook {
    background: #39579c url("/static/img/facebook-icon-@2x.png") no-repeat 8px 6px;
    background-size: 25px;
    border: 1px solid #304881; }
    .k3_legacy .new-button.Facebook:hover, .k3_legacy .new-button.facebook:hover {
      background-color: #4b66a6; }
  .k3_legacy .new-button.Google, .k3_legacy .new-button.google {
    background: #e92a44 url("/static/img/gplus@2x.png") no-repeat 8px 6px;
    background-size: 25px;
    border: 1px solid #cc132e; }
    .k3_legacy .new-button.Google:hover, .k3_legacy .new-button.google:hover {
      background-color: #e93d55; }
  .k3_legacy .new-button.Paypal, .k3_legacy .new-button.paypal {
    background: #287CBB url("/static/img/paypal@2x.png") no-repeat 8px 6px;
    background-size: 25px;
    border: 1px solid #185C9B; }
    .k3_legacy .new-button.Paypal:hover, .k3_legacy .new-button.paypal:hover {
      background-color: #388CCB; }
  .k3_legacy .new-button.Password, .k3_legacy .new-button.password {
    background: #287CBB no-repeat 8px 6px;
    background-size: 25px;
    border: 1px solid #185C9B; }
    .k3_legacy .new-button.Password:hover, .k3_legacy .new-button.password:hover {
      background-color: #388CCB; }

.k3_legacy .button {
  text-align: left;
  position: relative;
  border: 0 none;
  display: inline-block;
  zoom: 1;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  line-height: 36px;
  height: 36px;
  padding: 0;
  color: #fff;
  font-size: 1em;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
  background-image: url("/static/img/bg-buttons.png");
  background-position: 0 -5px;
  background-repeat: repeat-x;
  /* Sizes */
  /* Colours */
  /*Default Block Color */
  /*---------------*/
  /*- Block -------*/
  /*---------------*/
  /*---------------------*/
  /*- Blue Square -------*/
  /*---------------------*/
  /*Symbols*/ }
  .k3_legacy .button > span {
    padding: 0 15px;
    line-height: 36px; }
  .k3_legacy .button.loading {
    opacity: 0.33; }
  .k3_legacy .button.center {
    text-align: center; }
  .k3_legacy .button:hover {
    color: #fff; }
  .k3_legacy .button:active {
    background-position: 0 -51px; }
  .k3_legacy .button:active, .k3_legacy .button:focus {
    outline: none; }
  .k3_legacy .button:before {
    border-radius: 4px;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .k3_legacy .button:after {
    border-radius: 4px;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .k3_legacy .button.full-width {
    display: block;
    width: 100%; }
  .k3_legacy .button.small {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 28px;
    height: 28px;
    background-position: 0 -9px; }
    .k3_legacy .button.small > span {
      line-height: 28px; }
    .k3_legacy .button.small:active {
      background-position: 0 -55px; }
  .k3_legacy .button.large {
    font-size: 1.45em;
    font-weight: normal;
    line-height: 46px;
    height: 46px;
    background-position: 0 0; }
    .k3_legacy .button.large > span {
      line-height: 46px; }
    .k3_legacy .button.large:active {
      background-position: 0 -46px; }
  .k3_legacy .button.block {
    background-color: #eaeaea;
    border-color: #777;
    color: #393833;
    text-shadow: #fff 0 1px 0;
    background-position: 0 -557px;
    /**/
    /**/ }
    .k3_legacy .button.block:after {
      box-shadow: 0 1px 0 0 #fff inset; }
    .k3_legacy .button.block:active {
      background-position: 0 -603px; }
    .k3_legacy .button.block.small {
      background-position: 0 -561px; }
      .k3_legacy .button.block.small:active {
        background-position: 0 -607px; }
    .k3_legacy .button.block.large {
      background-position: 0 -552px; }
      .k3_legacy .button.block.large:active {
        background-position: 0 -598px; }
  .k3_legacy .button.purple {
    border-color: #6B1B56;
    background-color: #9b4989;
    background-position: 0 -97px;
    /**/
    /**/ }
    .k3_legacy .button.purple:active {
      background-position: 0 -143px; }
    .k3_legacy .button.purple.small {
      background-position: 0 -101px; }
      .k3_legacy .button.purple.small:active {
        background-position: 0 -147px; }
    .k3_legacy .button.purple.large {
      background-position: 0 -92px; }
      .k3_legacy .button.purple.large:active {
        background-position: 0 -138px; }
  .k3_legacy .button.blue {
    border-color: #323E54;
    background-color: #395897;
    background-position: 0 -189px;
    /**/
    /**/ }
    .k3_legacy .button.blue:active {
      background-position: 0 -235px; }
    .k3_legacy .button.blue.small {
      background-position: 0 -193px; }
      .k3_legacy .button.blue.small:active {
        background-position: 0 -239px; }
    .k3_legacy .button.blue.large {
      background-position: 0 -184px; }
      .k3_legacy .button.blue.large:active {
        background-position: 0 -230px; }
  .k3_legacy .button.orange {
    background-color: #d3812f;
    border-color: #895A28;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    background-position: 0 -281px;
    /**/
    /* Colours */
    /**/ }
    .k3_legacy .button.orange:active {
      background-position: 0 -327px; }
    .k3_legacy .button.orange.small {
      background-position: 0 -285px; }
      .k3_legacy .button.orange.small:active {
        background-position: 0 -331px; }
    .k3_legacy .button.orange.large {
      background-position: 0 -276px; }
      .k3_legacy .button.orange.large:active {
        background-position: 0 -322px; }
  .k3_legacy .button.green {
    background-color: #699a15;
    border-color: #4c6b14;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    background-position: 0 -373px;
    /**/
    /**/ }
    .k3_legacy .button.green:active {
      background-position: 0 -419px; }
    .k3_legacy .button.green.small {
      background-position: 0 -377px; }
      .k3_legacy .button.green.small:active {
        background-position: 0 -423px; }
    .k3_legacy .button.green.large {
      background-position: 0 -368px; }
      .k3_legacy .button.green.large:active {
        background-position: 0 -414px; }
  .k3_legacy .button.powder {
    background-color: #647ca6;
    border-color: #3a4a65;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    background-position: 0 -465px;
    /**/
    /**/ }
    .k3_legacy .button.powder:active {
      background-position: 0 -511px; }
    .k3_legacy .button.powder.small {
      background-position: 0 -469px; }
      .k3_legacy .button.powder.small:active {
        background-position: 0 -515px; }
    .k3_legacy .button.powder.large {
      background-position: 0 -460px; }
      .k3_legacy .button.powder.large:active {
        background-position: 0 -506px; }
  .k3_legacy .button.pink {
    background-color: #c848a5;
    border-color: #6a1e55;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
    background-position: 0 -649px;
    /**/
    /**/ }
    .k3_legacy .button.pink:active {
      background-position: 0 -695px; }
    .k3_legacy .button.pink.small {
      background-position: 0 -653px; }
      .k3_legacy .button.pink.small:active {
        background-position: 0 -699px; }
    .k3_legacy .button.pink.large {
      background-position: 0 -644px; }
      .k3_legacy .button.pink.large:active {
        background-position: 0 -690px; }
  .k3_legacy .button.block {
    border-radius: 0;
    border-width: 1px;
    font-weight: normal;
    border-style: solid;
    padding: 0 0.5em; }
    .k3_legacy .button.block:before {
      border-radius: 0; }
    .k3_legacy .button.block:after {
      border-radius: 0;
      border-top: 0 none;
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; }
    .k3_legacy .button.block.small {
      height: 26px;
      line-height: 26px; }
    .k3_legacy .button.block.wide {
      padding: 0 1em;
      font-weight: bold; }
  .k3_legacy .button.square {
    font-weight: bold;
    border: 1px solid #1e2b4b;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    background-position: 0 -745px;
    border-radius: 1px;
    box-shadow: 0 0 0 #fff;
    color: #1e2b4b;
    font-size: 1em;
    text-shadow: rgba(255, 255, 255, 0.2) 0 1px 0; }
    .k3_legacy .button.square:active {
      box-shadow: 0 0 4px 0 #f0f5f9 inset; }
    .k3_legacy .button.square:before {
      border-top: 0 none;
      box-shadow: 0 0 0 0 transparent inset; }
    .k3_legacy .button.square:after {
      border-top: 0 none;
      box-shadow: 0 0 0 0 transparent inset; }
  .k3_legacy .button.arrow {
    padding-right: 52px; }
    .k3_legacy .button.arrow:before {
      width: 30px;
      height: 23px;
      background: url("/static/img/main-sprite.png") no-repeat 0 -242px;
      top: 7px;
      right: 10px;
      left: auto; }
    .k3_legacy .button.arrow.large {
      padding-right: 58px; }
      .k3_legacy .button.arrow.large:before {
        width: 36px;
        height: 30px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -187px;
        top: 8px;
        right: 10px;
        left: auto; }
    .k3_legacy .button.arrow.small {
      padding-right: 46px; }
      .k3_legacy .button.arrow.small:before {
        width: 26px;
        height: 29px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -290px;
        top: 5px;
        right: 10px;
        left: auto; }
  .k3_legacy .button.plus {
    padding-right: 52px; }
    .k3_legacy .button.plus:before {
      width: 30px;
      height: 23px;
      background: url("/static/img/main-sprite.png") no-repeat 0 -392px;
      top: 7px;
      right: 10px;
      left: auto; }
    .k3_legacy .button.plus.large {
      padding-right: 58px; }
      .k3_legacy .button.plus.large:before {
        width: 36px;
        height: 30px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -337px;
        top: 8px;
        right: 10px;
        left: auto; }
    .k3_legacy .button.plus.small {
      padding-right: 46px; }
      .k3_legacy .button.plus.small:before {
        width: 26px;
        height: 29px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -440px;
        top: 5px;
        right: 10px;
        left: auto; }
  .k3_legacy .button.trolly {
    vertical-align: bottom; }
    .k3_legacy .button.trolly.small {
      text-indent: 50px;
      padding-right: 36px;
      width: 36px;
      overflow: hidden; }
      .k3_legacy .button.trolly.small::before {
        width: 26px;
        height: 16px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -81px;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -14px; }
  .k3_legacy .button.square {
    width: auto; }
    .k3_legacy .button.square.search {
      color: rgba(0, 0, 0, 0);
      text-shadow: rgba(0, 0, 0, 0) 0 0 0;
      width: 28px;
      padding-right: 28px; }
      .k3_legacy .button.square.search:before {
        width: 18px;
        height: 17px;
        background: url("/static/img/main-sprite.png") no-repeat 0 -118px;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -9px; }

/*----------------------------------------------------------------------------*/
/* Fixed Column Classes                                                       */
/* A super simple column grid for basic content layout. Works with any tag.   */
/*                                                                            */
/* <section class="fixed-columns">                                            */
/*                                                                            */
/*  <section class="col_2">                                                   */
/*      Two columns wide                                                      */
/*  </section>                                                                */
/*                                                                            */
/*  <section class="col_4">                                                   */
/*      Four columns wide                                                     */
/*  </section>                                                                */
/*                                                                            */
/* <section>                                                                  */
/*                                                                            */
/* Note: This will need to be extended so that behavior is nice on mobiles    */
/*----------------------------------------------------------------------------*/
.fixed-columns {
  display: block;
  margin: 0;
  padding: 0;
  width: 990px;
  padding: 0 12px 12px;
  clear: both;
  border: 0 none;
  /* Max 4 columns */
  /* Max 5 columns */ }
  .fixed-columns:before, .fixed-columns:after {
    content: ' ';
    /* 1 */
    display: table;
    /* 2 */ }
  .fixed-columns:after {
    clear: both; }
  .fixed-columns > div,
  .fixed-columns > section,
  .fixed-columns > article {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 161px; }
  .fixed-columns .col_2 {
    width: 322px; }
  .fixed-columns .col_3 {
    width: 483px; }
  .fixed-columns .col_4 {
    width: 644px; }
  .fixed-columns .col_5 {
    width: 805px; }
  .fixed-columns .col_6 {
    width: 966px; }
  .fixed-columns.four_col {
    padding: 0 13px 12px; }
    .fixed-columns.four_col > div,
    .fixed-columns.four_col > section,
    .fixed-columns.four_col > article {
      width: 241px; }
    .fixed-columns.four_col .col_2 {
      width: 482px; }
    .fixed-columns.four_col .col_3 {
      width: 723px; }
    .fixed-columns.four_col .col_4 {
      width: 964px; }
  .fixed-columns.five_col {
    padding: 0 13px 12px 12px; }
    .fixed-columns.five_col > div,
    .fixed-columns.five_col > section,
    .fixed-columns.five_col > article {
      width: 193px; }
    .fixed-columns.five_col .col_2 {
      width: 386px; }
    .fixed-columns.five_col .col_3 {
      width: 579px; }
    .fixed-columns.five_col .col_4 {
      width: 772px; }

/*-------------------------------------------------------------------------------------*/
/* Page Content classes                                                                */
/* Specifically for: Product Detail tab-content, flatpage & blog content     */
/*-------------------------------------------------------------------------------------*/
.blog-post-banner {
  max-width: 100%; }

.salesnotice {
  z-index: 999;
  position: fixed;
  bottom: 16px;
  left: 16px;
  background: #fff;
  border-radius: 3px;
  border-left: 6px solid #3C5A98;
  color: #a3a3a3;
  width: 335px;
  padding: 12px 17px 10px 10px;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
  transition: opacity 0.8s linear, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.8s linear;
  transition: transform 1s ease, opacity 0.8s linear, -webkit-transform 1s ease;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0; }
  .salesnotice.active {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .salesnotice p {
    color: #333;
    margin: 0;
    padding: 0; }
  .salesnotice img {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: auto;
    max-height: 60px; }
  .salesnotice time {
    padding-top: 3px;
    color: #a3a3a3; }
  .salesnotice p, .salesnotice time {
    margin-left: 100px; }
  .salesnotice .btn-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 10px;
    color: #DA2F47;
    opacity: 0.7;
    cursor: pointer; }
    .salesnotice .btn-close:hover {
      opacity: 1; }

.no-cssgradients .salesnotice {
  background: #fff; }

.no-boxshadow .salesnotice {
  border: 1px solid #aaa;
  border-left: 6px solid #3C5A98; }

/*----------------------------------------------------------------------------*/
.display-inline-block {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  zoom: 1; }

.visibility-hidden {
  visibility: hidden; }

.pagebody {
  padding: 30px; }

.hide, .alsohide {
  display: none !important; }

.nopacity {
  opacity: 0; }

.highlight-text {
  color: red; }
  .highlight-text strong {
    font-weight: bold;
    color: black; }

/*-----------------*/
/* Tooltip Classes */
/*-----------------*/
.cssanimations.opacity .tooltip {
  -webkit-animation: fadeinandrise 0.3s 0s 1 normal forwards;
          animation: fadeinandrise 0.3s 0s 1 normal forwards;
  opacity: 0; }

/**/
.loader {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 220px;
  border: 1px solid #cccccc;
  padding: 6px 18px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 28px;
  padding-bottom: 62px;
  text-align: center;
  z-index: 999; }
  .loader span {
    position: absolute;
    right: 50%;
    bottom: 18px;
    width: 32px;
    height: 32px;
    margin-right: -16px;
    background-image: url("/static/img/loading.gif");
    background-repeat: no-repeat; }

.cssanimations.opacity .loader {
  opacity: 0;
  -webkit-animation: fadeinandrise 0.3s 0s 1 normal forwards;
          animation: fadeinandrise 0.3s 0s 1 normal forwards; }

/*----------------*/
/* Tinybox */
.tbox {
  position: absolute;
  display: none;
  padding: 14px 17px;
  z-index: 100000002; }

.tinner {
  border-radius: 5px;
  background: #fff url("/static/img/loading.gif") no-repeat 50% 50%;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333; }

.tmask {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 100000001; }

#tmaskwhite {
  background: #fff;
  opacity: 1; }

.tclose {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("/static/img/tinyboxclose.png") no-repeat; }

.tclose:hover {
  background-position: 0 -30px; }

/* other Tinyboxes */
.tinner#tinyboxyoutube {
  background: black;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) inset; }

.youtube-embed {
  display: inline-block;
  cursor: pointer;
  background: url("/static/img/playbutton.png") no-repeat center center; }
  .youtube-embed img {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out; }
  .youtube-embed:hover img {
    opacity: 1; }

@-webkit-keyframes fadeinandrise {
  from {
    opacity: 0;
    margin-top: 10px; }
  to {
    opacity: 1;
    margin-top: 0; } }

@-webkit-keyframes fadeoutanddrop {
  from {
    opacity: 1;
    margin-top: 0; }
  to {
    opacity: 0;
    margin-top: 20px; } }

@keyframes fadeinandrise {
  from {
    opacity: 0;
    margin-top: 10px; }
  to {
    opacity: 1;
    margin-top: 0; } }

@keyframes fadeoutanddrop {
  from {
    opacity: 1;
    margin-top: 0; }
  to {
    opacity: 0;
    margin-top: 20px; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.z-depth-1 {
  box-shadow: 0 1px 2px 0 #1a1a1a;
  /* Fall back for IE8 */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26); }

.z-depth-2 {
  box-shadow: 0 2px 5px #1a1a1a;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

/* Paywalls */
.tinner#notice-tbox {
  border: none; }

#notice-facebook-tinybox {
  background: url("/static/img/notice-facebook.jpg");
  width: 680px;
  height: 380px;
  position: relative; }
  #notice-facebook-tinybox #notice-facebook-like-box {
    background: url("/static/img/loading.gif") no-repeat center center;
    position: absolute;
    top: 160px;
    left: 160px; }
    #notice-facebook-tinybox #notice-facebook-like-box > * {
      background: white; }

#notice-handling-tinybox {
  padding: 20px;
  font-size: 1.2em;
  line-height: 1.5em; }

.gssb_a span {
  padding-right: 5px; }

.cse-sayt-title, .cse-sayt-price {
  text-align: left;
  line-height: 1.3; }

.cse-sayt-price {
  display: none; }

.product-display.list-view .prices .out-of-stock,
.product-display.list-view .prices .coming-soon {
  display: none; }

/**
 * .logoloader
 * A pulsing Kogan logo to use as a loader
 * Uses CSS animations and transforms, or fallbacks to a GIF for crap browsers
 */
.cssanimations.csstransforms.svg.backgroundsize .logoloader {
  background-image: url("/static/img/kogan-icon.svg") !important;
  background-size: 100%;
  -webkit-animation: bounceandpulse 3s ease-in-out infinite;
  animation: bounceandpulse 3s ease-in-out infinite; }
  .cssanimations.csstransforms.svg.backgroundsize .logoloader.bounce {
    -webkit-animation: bounceandpulse 3s ease-in-out infinite;
    animation: bounceandpulse 3s ease-in-out infinite; }

.logoloader {
  background: url("/static/img/loading.gif") no-repeat;
  width: 32px;
  height: 32px;
  position: relative;
  margin: 0 auto; }
  .logoloader.large {
    background-image: url("/static/img/loading-small.gif");
    width: 56px;
    height: 56px; }
  .logoloader.small {
    background-image: url("/static/img/loading-small.gif");
    width: 16px;
    height: 16px; }

@-webkit-keyframes bounceandpulse {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0; }
  10% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 1; }
  20% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  30% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  40% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  60% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  70% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  81% {
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes bounceandpulse {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0; }
  10% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 1; }
  20% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  30% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  40% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  50% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  60% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  70% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  81% {
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeandspin {
  0% {
    -webkit-transform: scale(0.2) rotateY(0deg);
            transform: scale(0.2) rotateY(0deg);
    opacity: 0; }
  10% {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
    opacity: 1; }
  95% {
    -webkit-transform: scale(1) rotateY(1439deg);
            transform: scale(1) rotateY(1439deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2) rotateY(1439deg);
            transform: scale(1.2) rotateY(1439deg);
    opacity: 0; } }

@keyframes fadeandspin {
  0% {
    -webkit-transform: scale(0.2) rotateY(0deg);
            transform: scale(0.2) rotateY(0deg);
    opacity: 0; }
  10% {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
    opacity: 1; }
  95% {
    -webkit-transform: scale(1) rotateY(1439deg);
            transform: scale(1) rotateY(1439deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2) rotateY(1439deg);
            transform: scale(1.2) rotateY(1439deg);
    opacity: 0; } }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }

.shake {
  -webkit-animation: shake 0.75s ease-out;
          animation: shake 0.75s ease-out; }

/**
 * photospinner
 */
.photospinner {
  position: relative;
  height: auto;
  max-width: 100%;
  text-align: center; }
  .photospinner img {
    max-width: 100%;
    height: auto;
    max-height: 100%; }
  .photospinner .progressbar {
    position: absolute;
    top: 90%;
    width: 100%;
    text-align: center;
    display: none; }
    .photospinner .progressbar div {
      display: inline-block;
      background: #CADCE1;
      border-radius: 1px;
      position: relative;
      width: 70%;
      height: 10px;
      opacity: 0.7; }
    .photospinner .progressbar .progress {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: #72BF4A;
      width: 0%;
      height: 100%;
      -webkit-transition: width 0.2s ease-in-out;
      transition: width 0.2s ease-in-out; }
  .photospinner button {
    display: none;
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: #72BF4A;
    font-family: Helvetica;
    color: #FFF;
    padding: 6px 8px;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    text-shadow: 0 0 1px #000;
    cursor: pointer; }
    .photospinner button:hover {
      background: #428F1A; }
  .photospinner .instructions {
    position: absolute;
    top: 40%;
    left: 30%;
    width: 40%;
    padding: 16px;
    text-align: center;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px #72BF4A;
    border-radius: 5px;
    color: #444;
    display: none; }
  .photospinner.initialized button {
    display: inline; }
  .photospinner.preloading .progressbar {
    display: block; }
  .photospinner.ready .instructions {
    display: block; }

/**
 * Things that are possibly deprecated but *might* be used in displays (markup is in the database)
 */
ul.gallery-items {
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-style: solid;
  border-color: #e6e6e6;
  width: 100%;
  height: 100%;
  padding: 12px;
  white-space: nowrap;
  overflow: auto; }
  ul.gallery-items > li {
    width: 100%;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    white-space: normal;
    margin-right: 20px; }
    ul.gallery-items > li > div {
      float: left; }
      ul.gallery-items > li > div.subject {
        width: 30%;
        float: left;
        margin: 0 0 0 0; }
      ul.gallery-items > li > div.content {
        width: 70%;
        overflow: hidden;
        position: relative;
        height: 111px;
        padding: 0 0 30px; }

.k3_legacy figcaption {
  display: block;
  background-color: #f2f2f2;
  font-size: 0.6em;
  color: #808080;
  line-height: 1em;
  margin: 0;
  padding: 4em 1em; }

.k3_legacy .toggle.reveal {
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  text-size: 0;
  overflow: hidden;
  background-image: url("/static/img/main-sprite.png");
  background-repeat: no-repeat;
  background-position: -390px -440px; }
  .k3_legacy .toggle.reveal.active {
    background-image: url("/static/img/main-sprite.png");
    background-repeat: no-repeat;
    background-position: -390px -440px;
    background-position: -390px -416px; }

.page-content .products-warranty-container {
  padding: 20px; }
  .page-content .products-warranty-container #checkout-buttons {
    text-align: right; }
  .page-content .products-warranty-container .loading-container {
    width: 100%;
    height: 300px;
    background-image: url("/static/img/loading.gif");
    background-repeat: no-repeat;
    background-position: center center; }
  .page-content .products-warranty-container h1 {
    margin: 0px;
    padding: 20px 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    font-size: 2.5em;
    font-weight: normal; }
  .page-content .products-warranty-container p.subtitle {
    margin: 10px 2px;
    font-size: 16px; }
  .page-content .products-warranty-container #order_container table {
    border-collapse: collapse; }
    .page-content .products-warranty-container #order_container table tr td {
      border: 1px solid #ccc;
      width: 55%;
      background-color: #f8f8f8; }
      .page-content .products-warranty-container #order_container table tr td.first-child {
        border: 1px transparent;
        background-color: transparent; }
      .page-content .products-warranty-container #order_container table tr td.total {
        width: 30%; }
      .page-content .products-warranty-container #order_container table tr td.total-amount {
        width: 15%;
        text-align: center; }
        .page-content .products-warranty-container #order_container table tr td.total-amount h3 {
          color: #4d4d4d; }
  .page-content .products-warranty-container #order_container h3 {
    margin-bottom: 0px;
    padding: 10px 0px; }

table.products-warranty-table {
  border-collapse: separate;
  border-spacing: 0px 20px;
  margin-top: 24px;
  margin-bottom: 0px; }
  table.products-warranty-table thead tr th {
    text-align: left;
    border: none;
    padding: 0px 2px 10px;
    font-weight: normal;
    font-size: 18px;
    color: #4d4d4d;
    background-color: transparent;
    font-family: Helvetica, Arial, sans-serif; }
  table.products-warranty-table tbody tr {
    margin-bottom: 20px; }
    table.products-warranty-table tbody tr:first-child td {
      border-top: 1px solid #ccc; }
    table.products-warranty-table tbody tr td {
      text-align: center;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-weight: normal;
      width: 15%; }
      table.products-warranty-table tbody tr td.product-option {
        position: relative;
        top: -20px; }
        table.products-warranty-table tbody tr td.product-option.title {
          width: 35%;
          text-align: left; }
        table.products-warranty-table tbody tr td.product-option.image {
          width: 20%; }
      table.products-warranty-table tbody tr td.warranty-option {
        position: relative;
        top: -20px;
        background-color: #f8f8f8;
        cursor: pointer; }
        table.products-warranty-table tbody tr td.warranty-option table {
          margin-bottom: 0px; }
          table.products-warranty-table tbody tr td.warranty-option table td {
            height: 20%;
            border: none;
            padding: 5px; }
        table.products-warranty-table tbody tr td.warranty-option.unavailable {
          background-color: #d2d2d2;
          background-image: url("/static/img/unavailable-warranty.png");
          background-repeat: repeat;
          opacity: 0.6;
          cursor: default; }
          table.products-warranty-table tbody tr td.warranty-option.unavailable .price {
            display: none; }
          table.products-warranty-table tbody tr td.warranty-option.unavailable .was-price {
            visibility: hidden; }
          table.products-warranty-table tbody tr td.warranty-option.unavailable input {
            visibility: hidden; }
          table.products-warranty-table tbody tr td.warranty-option.unavailable:hover {
            background-color: #d2d2d2; }
            table.products-warranty-table tbody tr td.warranty-option.unavailable:hover .hover.message {
              display: none; }
          table.products-warranty-table tbody tr td.warranty-option.unavailable .message.unavailable {
            display: inline; }
        table.products-warranty-table tbody tr td.warranty-option.current .message.current {
          display: inline; }
        table.products-warranty-table tbody tr td.warranty-option.current .price {
          display: none; }
        table.products-warranty-table tbody tr td.warranty-option.current .was-price {
          visibility: hidden; }
        table.products-warranty-table tbody tr td.warranty-option.selected, table.products-warranty-table tbody tr td.warranty-option.selected:hover {
          background-color: #dfdfdf;
          -moz-box-shadow: inset 0 0 20px #a0a0a0;
          -webkit-box-shadow: inset 0 0 20px #a0a0a0;
          box-shadow: inset 0 0 20px #a0a0a0; }
        table.products-warranty-table tbody tr td.warranty-option.loading {
          background-image: url("/static/img/loading.gif");
          background-repeat: no-repeat;
          background-position: center center; }
        table.products-warranty-table tbody tr td.warranty-option .message {
          display: none; }
          table.products-warranty-table tbody tr td.warranty-option .message.current p, table.products-warranty-table tbody tr td.warranty-option .message.unavailable p {
            font-size: 14px;
            line-height: 18px; }
        table.products-warranty-table tbody tr td.warranty-option .message p {
          margin-top: 0px; }
        table.products-warranty-table tbody tr td.warranty-option .message .date {
          font-weight: bold; }
        table.products-warranty-table tbody tr td.warranty-option .title {
          font-weight: bold;
          font-size: 14px;
          line-height: 18px;
          text-transform: uppercase;
          margin-top: 0px; }
        table.products-warranty-table tbody tr td.warranty-option .price {
          font-size: 14px;
          color: #4d4d4d;
          line-height: 18px;
          text-align: center;
          font-weight: normal;
          margin-top: 0px; }
        table.products-warranty-table tbody tr td.warranty-option .was-price {
          text-decoration: line-through;
          color: red; }
        table.products-warranty-table tbody tr td.warranty-option:hover {
          background-color: #eeeeee;
          -moz-box-shadow: inset 0 0 10px #cccccc;
          -webkit-box-shadow: inset 0 0 10px #cccccc;
          box-shadow: inset 0 0 10px #cccccc; }
          table.products-warranty-table tbody tr td.warranty-option:hover .hover.message {
            display: block;
            position: absolute;
            background: white;
            border: 2px solid #444;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25) inset;
            z-index: 9999999;
            padding: 5px;
            width: 150px;
            margin-left: -15px; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/* Dedicated type styles */
.k3_legacy {
  /**
	 * lesser.typography.less
	 * type styles
	 */
  /* =============================================================================
	   Type variables
	   ========================================================================== */
  /* =============================================================================
	   Heading Styles
	   ========================================================================== */
  /* =============================================================================
	   Body Copy Styles
	   ========================================================================== */
  /* =============================================================================
	   Definition List Styles
	   ========================================================================== */
  /* =============================================================================
	   Others
	   ========================================================================== */ }
  .k3_legacy input {
    font-size: 0.8em; }
  .k3_legacy h1 {
    font-size: 2.2em;
    color: #1e2b4b;
    margin-bottom: 9px; }
  .k3_legacy h2 {
    font-size: 1.45em;
    color: #3C5A98; }
  .k3_legacy h3 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #3C5A98; }
  .k3_legacy h4, .k3_legacy h5 {
    font-size: 1em;
    color: #3C5A98; }
  .k3_legacy h6 {
    font: normal 1.25em/1.2em; }
  .k3_legacy h1 + p {
    margin-top: 3em; }
  .k3_legacy h4 + p {
    margin-top: 1em; }
  .k3_legacy h5 + form {
    margin-top: 0.5em; }
  .k3_legacy p {
    margin-bottom: 1em; }
  .k3_legacy p + h3 {
    margin-top: 2em; }
  .k3_legacy table td > h3,
  .k3_legacy table td > h4 {
    margin-bottom: 0.4em; }
  .k3_legacy ul {
    overflow: auto; }
  .k3_legacy dl {
    overflow: auto;
    margin-bottom: 12px; }
  .k3_legacy dt, .k3_legacy dd {
    font-size: 0.8em;
    display: inline-block;
    zoom: 1;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 6px; }
  .k3_legacy dt {
    width: 50%;
    text-align: right;
    padding-right: 6px;
    color: #B3B3B3; }
  .k3_legacy dd {
    width: 50%;
    padding-left: 6px;
    color: #393833; }
  .k3_legacy time {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #B3B3B3;
    display: block; }
  .k3_legacy legend {
    font-size: 1.45em; }
  .k3_legacy blockquote {
    border-left: 4px solid #800;
    padding-left: 1em;
    margin: 0 0 1em;
    font-style: italic; }
    .k3_legacy blockquote cite {
      color: #B3B3B3;
      font-style: italic;
      margin: 0;
      padding: 0; }

/* =============================================================================
   Class based type rules
   ========================================================================== */
.midSizeHead {
  font-size: 2.2em; }

.midSizeTextHead {
  font-size: 1.45em;
  font-weight: bold;
  margin-bottom: 6px; }

.more {
  margin-top: 11px;
  font-size: 0.95em; }

.price,
.old-price,
.current-price {
  text-align: right; }

.old-price {
  color: #cccccc;
  text-decoration: line-through; }

.price,
.current-price {
  color: #5B729B;
  font-weight: bold; }

/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
body.product_list_view #category-image, body.search_list_view #category-image {
  margin-left: 1px;
  clear: both; }

body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display {
  clear: both; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display {
    margin-bottom: 15px;
    overflow: hidden; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div {
      display: inline-block; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-image, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-image {
        width: 150px;
        height: 60px; }
        body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-image img, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-image img {
          width: 100%; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-description, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-header-display .brand-display div.brand-description {
        width: 520px;
        vertical-align: top;
        padding-left: 15px; }

body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-loading, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-loading {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 47%;
  top: 240px;
  background: url("/static/img/loading.gif") no-repeat center center;
  display: none; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-loading.show, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #product-list-loading.show {
    display: block; }

body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice {
  position: relative;
  background: #fff3f3;
  border: 1px solid #ebeeef;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.35) inset;
  margin-bottom: 20px;
  padding: 8px;
  padding-right: 150px; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice a.button, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice a.button {
    position: absolute;
    top: 8px;
    right: 8px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 150px; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice p, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody #pagination-notice p {
    margin: 0;
    line-height: 26px; }

body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display {
  padding: 0;
  clear: left;
  transition: opacity 0.2s ease-in-out; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display.refreshing, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display.refreshing {
    opacity: 0.3; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display.grid-view .product-thumb img, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display.grid-view .product-thumb img {
    height: auto; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .did-you-mean b, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .did-you-mean b {
    font-weight: 700;
    font-style: italic; }
  body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results {
    width: 100%;
    padding: 0; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h3, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h3 {
      font-size: 2em;
      line-height: 1.2em;
      font-weight: 200;
      color: #333;
      margin: 0 0 40px 0; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h3 b, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h3 b {
        font-weight: 700; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h5, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results h5 {
      font-size: 1.4em;
      line-height: 1.2em;
      font-weight: 400;
      color: #666; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ol, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ol {
      list-style: decimal inside;
      margin: 20px 0; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ol li, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ol li {
        font-size: 1.2em;
        padding-bottom: 5px; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ul, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ul {
      margin-top: 10px; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ul > li, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results ul > li {
        font-size: 1.1em;
        line-height: 1.2em;
        padding-left: 30px;
        padding-bottom: 7px; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel {
      float: left;
      width: 30%;
      margin-right: 3%;
      margin-bottom: 20px; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel h2, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel h2 {
        font-size: 1.1em;
        line-height: 1.4em; }
        body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel h2 a, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .product-panel h2 a {
          color: #3C5A98; }
    body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .search-all, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .search-all {
      clear: both; }
      body.product_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .search-all a, body.search_list_view .wrapper-twocol-left > .product-grid .pagebody .product-display .no-results .search-all a {
        color: #2f99cd; }

#products-modal-mask {
  background: white; }

#products-modal-box.tinner {
  box-shadow: 0 5px 25px 10px rgba(0, 0, 0, 0.4) inset;
  border: none;
  border-left: 6px solid #e83650; }
  #products-modal-box.tinner .tcontent {
    padding: 20px 40px 40px; }

.notifications_app h1 {
  margin-top: 20px; }

.notifications_app .page-content {
  background: none;
  box-shadow: none; }

.notifications_app section#page {
  background: transparent;
  padding-bottom: 10px;
  min-height: 200px; }
  .notifications_app section#page h1 {
    text-align: center;
    margin-bottom: 20px; }

.notifications_app #notification-filter {
  width: 150px;
  margin-right: 50px;
  float: right; }

.notifications_app #notification-wrapper {
  margin: auto;
  width: 450px;
  box-shadow: inset 0 0 2px 2px white, 0 1px 5px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  display: block; }
  .notifications_app #notification-wrapper header {
    padding: 8px 15px;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #D4D4D4; }
  .notifications_app #notification-wrapper p {
    font-weight: bold;
    font-size: 13px; }
  .notifications_app #notification-wrapper ul .new {
    background-color: #f0f5f9; }
    .notifications_app #notification-wrapper ul .new .image img {
      border: 1px solid #D4D4D4; }
  .notifications_app #notification-wrapper ul li {
    border-bottom: 1px solid #D4D4D4; }
    .notifications_app #notification-wrapper ul li:last-child {
      border-bottom: none; }
    .notifications_app #notification-wrapper ul li:hover {
      box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2); }
    .notifications_app #notification-wrapper ul li img {
      height: 72px;
      width: 120px;
      float: left; }
    .notifications_app #notification-wrapper ul li p {
      font-size: 13px; }
    .notifications_app #notification-wrapper ul li a {
      color: black;
      font-weight: bold; }
      .notifications_app #notification-wrapper ul li a:hover {
        color: #E83650; }
    .notifications_app #notification-wrapper ul li section.notification-box {
      display: inline-block;
      padding: 8px;
      min-height: 100px;
      width: 450px;
      cursor: hand;
      cursor: pointer; }
      .notifications_app #notification-wrapper ul li section.notification-box div.image {
        width: 130px;
        display: block;
        float: left; }
        .notifications_app #notification-wrapper ul li section.notification-box div.image p {
          display: inline;
          margin: 0;
          width: 100px; }
      .notifications_app #notification-wrapper ul li section.notification-box div.message {
        float: left;
        width: 280px; }
        .notifications_app #notification-wrapper ul li section.notification-box div.message p {
          margin: 0; }
        .notifications_app #notification-wrapper ul li section.notification-box div.message p.content {
          padding-top: 8px;
          line-height: 18px;
          font-weight: bold;
          color: #E83650; }
          .notifications_app #notification-wrapper ul li section.notification-box div.message p.content img {
            float: left;
            width: 24px;
            height: 24px;
            display: block;
            padding: 0;
            margin-left: 10px; }
          .notifications_app #notification-wrapper ul li section.notification-box div.message p.content span {
            display: block;
            float: left;
            width: 196px;
            margin-left: 10px; }
        .notifications_app #notification-wrapper ul li section.notification-box div.message p.time {
          font-size: 10px;
          float: right;
          margin-top: 25px; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/* Dedicated type styles */
.k3_legacy {
  /**
	 * lesser.typography.less
	 * type styles
	 */
  /* =============================================================================
	   Type variables
	   ========================================================================== */
  /* =============================================================================
	   Heading Styles
	   ========================================================================== */
  /* =============================================================================
	   Body Copy Styles
	   ========================================================================== */
  /* =============================================================================
	   Definition List Styles
	   ========================================================================== */
  /* =============================================================================
	   Others
	   ========================================================================== */ }
  .k3_legacy input {
    font-size: 0.8em; }
  .k3_legacy h1 {
    font-size: 2.2em;
    color: #1e2b4b;
    margin-bottom: 9px; }
  .k3_legacy h2 {
    font-size: 1.45em;
    color: #3C5A98; }
  .k3_legacy h3 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #3C5A98; }
  .k3_legacy h4, .k3_legacy h5 {
    font-size: 1em;
    color: #3C5A98; }
  .k3_legacy h6 {
    font: normal 1.25em/1.2em; }
  .k3_legacy h1 + p {
    margin-top: 3em; }
  .k3_legacy h4 + p {
    margin-top: 1em; }
  .k3_legacy h5 + form {
    margin-top: 0.5em; }
  .k3_legacy p {
    margin-bottom: 1em; }
  .k3_legacy p + h3 {
    margin-top: 2em; }
  .k3_legacy table td > h3,
  .k3_legacy table td > h4 {
    margin-bottom: 0.4em; }
  .k3_legacy ul {
    overflow: auto; }
  .k3_legacy dl {
    overflow: auto;
    margin-bottom: 12px; }
  .k3_legacy dt, .k3_legacy dd {
    font-size: 0.8em;
    display: inline-block;
    zoom: 1;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 6px; }
  .k3_legacy dt {
    width: 50%;
    text-align: right;
    padding-right: 6px;
    color: #B3B3B3; }
  .k3_legacy dd {
    width: 50%;
    padding-left: 6px;
    color: #393833; }
  .k3_legacy time {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #B3B3B3;
    display: block; }
  .k3_legacy legend {
    font-size: 1.45em; }
  .k3_legacy blockquote {
    border-left: 4px solid #800;
    padding-left: 1em;
    margin: 0 0 1em;
    font-style: italic; }
    .k3_legacy blockquote cite {
      color: #B3B3B3;
      font-style: italic;
      margin: 0;
      padding: 0; }

/* =============================================================================
   Class based type rules
   ========================================================================== */
.midSizeHead {
  font-size: 2.2em; }

.midSizeTextHead {
  font-size: 1.45em;
  font-weight: bold;
  margin-bottom: 6px; }

.more {
  margin-top: 11px;
  font-size: 0.95em; }

.price,
.old-price,
.current-price {
  text-align: right; }

.old-price {
  color: #cccccc;
  text-decoration: line-through; }

.price,
.current-price {
  color: #5B729B;
  font-weight: bold; }

/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
body.usermanuals_list_view strong {
  font-weight: bold; }

body.usermanuals_list_view h1#department-title {
  padding: 25px 0; }
  body.usermanuals_list_view h1#department-title img {
    margin-right: 5px; }

body.usermanuals_list_view .sku-location-info {
  margin-bottom: 40px; }
  body.usermanuals_list_view .sku-location-info figcaption {
    background-color: transparent;
    padding: 1em 0;
    font-size: 1em; }

body.usermanuals_list_view #user-manual-search-form {
  margin: 0 0 40px; }
  body.usermanuals_list_view #user-manual-search-form p {
    float: left;
    margin-right: 5px; }
  body.usermanuals_list_view #user-manual-search-form input {
    height: 36px; }
  body.usermanuals_list_view #user-manual-search-form button {
    background-color: #ed193a;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.12);
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0;
    height: 3em;
    line-height: 3;
    min-width: 3em;
    border: 0;
    font-weight: bold;
    white-space: nowrap;
    transition: background-color 0.1s ease-out, box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    font-size: 12px; }
    body.usermanuals_list_view #user-manual-search-form button:hover {
      color: #fff;
      background-color: #c40f2b; }
    body.usermanuals_list_view #user-manual-search-form button > * {
      min-width: 1.5em;
      margin: 0.75em; }
      body.usermanuals_list_view #user-manual-search-form button > * + * {
        margin: 0 1.5em 0 0; }
    body.usermanuals_list_view #user-manual-search-form button > i {
      display: inline-block;
      font-size: 0.875em;
      text-align: center; }
    body.usermanuals_list_view #user-manual-search-form button:active {
      -webkit-transform: scale(0.98);
          -ms-transform: scale(0.98);
              transform: scale(0.98); }

body.usermanuals_list_view #list-header.response {
  display: none; }

body.usermanuals_list_view .manuals {
  padding: 0;
  position: relative;
  min-height: 140px;
  transition: opacity 0.15s ease-in-out; }
  body.usermanuals_list_view .manuals.refreshing {
    opacity: 0.3;
    transition: opacity 0.4s ease-in-out; }
    body.usermanuals_list_view .manuals.refreshing:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.3);
      background: url("/static/img/loading.gif") no-repeat 30px center; }
  body.usermanuals_list_view .manuals > article {
    position: relative;
    min-height: 160px;
    max-height: none;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-left: 18px; }
    body.usermanuals_list_view .manuals > article div {
      position: relative;
      min-height: 140px; }
      body.usermanuals_list_view .manuals > article div > figure, body.usermanuals_list_view .manuals > article div > div, body.usermanuals_list_view .manuals > article div > section {
        display: inline-block;
        zoom: 1;
        vertical-align: top;
        margin-right: -4px;
        zoom: 1; }
    body.usermanuals_list_view .manuals > article header h3 {
      color: #555655;
      font-weight: bold;
      margin-bottom: 6px; }
      body.usermanuals_list_view .manuals > article header h3 a {
        color: #555655; }
    body.usermanuals_list_view .manuals > article header h4 {
      color: #808080;
      font-size: 0.8em;
      line-height: 1.2em;
      margin-bottom: 6px; }
    body.usermanuals_list_view .manuals > article header p {
      color: #808080; }
    body.usermanuals_list_view .manuals > article .manual-thumb {
      position: absolute;
      left: 0;
      top: 0;
      width: 210px;
      height: 140px; }
    body.usermanuals_list_view .manuals > article .manual-details {
      display: block;
      float: none;
      width: 480px;
      padding: 0 15px;
      margin-right: 20%;
      margin-left: 224px; }
      body.usermanuals_list_view .manuals > article .manual-details header {
        width: auto; }
    body.usermanuals_list_view .manuals > article .download {
      width: 178px;
      position: absolute;
      display: block;
      right: 6px;
      bottom: 0;
      margin-right: 8px; }
      body.usermanuals_list_view .manuals > article .download a {
        background-color: #ed193a;
        color: #fff;
        text-shadow: 0 1px rgba(0, 0, 0, 0.25);
        text-align: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.12);
        display: inline-block;
        font-size: 16px;
        margin: 0;
        padding: 0;
        height: 3em;
        line-height: 3;
        min-width: 3em;
        border: 0;
        font-weight: bold;
        white-space: nowrap;
        transition: background-color 0.1s ease-out, box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
        body.usermanuals_list_view .manuals > article .download a:hover {
          color: #fff;
          background-color: #c40f2b; }
        body.usermanuals_list_view .manuals > article .download a > * {
          min-width: 1.5em;
          margin: 0.75em; }
          body.usermanuals_list_view .manuals > article .download a > * + * {
            margin: 0 1.5em 0 0; }
        body.usermanuals_list_view .manuals > article .download a > i {
          display: inline-block;
          font-size: 0.875em;
          text-align: center; }
        body.usermanuals_list_view .manuals > article .download a:active {
          -webkit-transform: scale(0.98);
              -ms-transform: scale(0.98);
                  transform: scale(0.98); }
      body.usermanuals_list_view .manuals > article .download .button.small.block {
        width: 170px;
        padding: 0;
        text-align: center; }
      body.usermanuals_list_view .manuals > article .download button.button.small.block {
        margin-bottom: 6px; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/* Dedicated type styles */
.k3_legacy {
  /**
	 * lesser.typography.less
	 * type styles
	 */
  /* =============================================================================
	   Type variables
	   ========================================================================== */
  /* =============================================================================
	   Heading Styles
	   ========================================================================== */
  /* =============================================================================
	   Body Copy Styles
	   ========================================================================== */
  /* =============================================================================
	   Definition List Styles
	   ========================================================================== */
  /* =============================================================================
	   Others
	   ========================================================================== */ }
  .k3_legacy input {
    font-size: 0.8em; }
  .k3_legacy h1 {
    font-size: 2.2em;
    color: #1e2b4b;
    margin-bottom: 9px; }
  .k3_legacy h2 {
    font-size: 1.45em;
    color: #3C5A98; }
  .k3_legacy h3 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #3C5A98; }
  .k3_legacy h4, .k3_legacy h5 {
    font-size: 1em;
    color: #3C5A98; }
  .k3_legacy h6 {
    font: normal 1.25em/1.2em; }
  .k3_legacy h1 + p {
    margin-top: 3em; }
  .k3_legacy h4 + p {
    margin-top: 1em; }
  .k3_legacy h5 + form {
    margin-top: 0.5em; }
  .k3_legacy p {
    margin-bottom: 1em; }
  .k3_legacy p + h3 {
    margin-top: 2em; }
  .k3_legacy table td > h3,
  .k3_legacy table td > h4 {
    margin-bottom: 0.4em; }
  .k3_legacy ul {
    overflow: auto; }
  .k3_legacy dl {
    overflow: auto;
    margin-bottom: 12px; }
  .k3_legacy dt, .k3_legacy dd {
    font-size: 0.8em;
    display: inline-block;
    zoom: 1;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 6px; }
  .k3_legacy dt {
    width: 50%;
    text-align: right;
    padding-right: 6px;
    color: #B3B3B3; }
  .k3_legacy dd {
    width: 50%;
    padding-left: 6px;
    color: #393833; }
  .k3_legacy time {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #B3B3B3;
    display: block; }
  .k3_legacy legend {
    font-size: 1.45em; }
  .k3_legacy blockquote {
    border-left: 4px solid #800;
    padding-left: 1em;
    margin: 0 0 1em;
    font-style: italic; }
    .k3_legacy blockquote cite {
      color: #B3B3B3;
      font-style: italic;
      margin: 0;
      padding: 0; }

/* =============================================================================
   Class based type rules
   ========================================================================== */
.midSizeHead {
  font-size: 2.2em; }

.midSizeTextHead {
  font-size: 1.45em;
  font-weight: bold;
  margin-bottom: 6px; }

.more {
  margin-top: 11px;
  font-size: 0.95em; }

.price,
.old-price,
.current-price {
  text-align: right; }

.old-price {
  color: #cccccc;
  text-decoration: line-through; }

.price,
.current-price {
  color: #5B729B;
  font-weight: bold; }

/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
/*----------------------------------------------------------------------------*/
/* Posts/Blog classes                                                         */
/*----------------------------------------------------------------------------*/
.posts_app {
  /* Posts Index */
  /* Post Detail */ }
  .posts_app strong {
    font-weight: bold; }
  .posts_app .page-content {
    position: relative;
    overflow: auto; }
    .posts_app .page-content .featured,
    .posts_app .page-content .post-detail {
      padding: 0;
      background: url("/static/img/bg-blog_header.jpg") repeat-x top left; }
      .posts_app .page-content .featured h2,
      .posts_app .page-content .post-detail h2 {
        font-size: 1.45em;
        margin-bottom: 0.4em;
        line-height: 1.33em; }
      .posts_app .page-content .featured p,
      .posts_app .page-content .post-detail p {
        font-size: 0.9em;
        line-height: 1.3em; }
      .posts_app .page-content .featured > header,
      .posts_app .page-content .post-detail > header {
        height: 220px;
        width: 236px;
        float: left;
        background: url("/static/img/bg-blog_heading.png") no-repeat top left; }
        .posts_app .page-content .featured > header h1,
        .posts_app .page-content .post-detail > header h1 {
          visibility: hidden; }
        .posts_app .page-content .featured > header a,
        .posts_app .page-content .post-detail > header a {
          display: block;
          height: 148px;
          width: 156px;
          margin: 42px 40px 34px; }
      .posts_app .page-content .featured aside,
      .posts_app .page-content .post-detail aside {
        clear: left;
        width: 236px;
        padding: 30px 38px 8px; }
        .posts_app .page-content .featured aside > h3,
        .posts_app .page-content .post-detail aside > h3 {
          color: #cccccc;
          font-weight: normal;
          font-size: 1.45em;
          margin-bottom: 20px; }
        .posts_app .page-content .featured aside a,
        .posts_app .page-content .post-detail aside a {
          color: #4d4d4d; }
          .posts_app .page-content .featured aside a:hover,
          .posts_app .page-content .post-detail aside a:hover {
            color: #E83650; }
        .posts_app .page-content .featured aside article,
        .posts_app .page-content .post-detail aside article {
          font-size: 0.8em;
          margin-bottom: 22px; }
          .posts_app .page-content .featured aside article h3,
          .posts_app .page-content .post-detail aside article h3 {
            margin-bottom: 0; }
      .posts_app .page-content .featured > article,
      .posts_app .page-content .post-detail > article {
        float: right;
        width: 710px;
        margin: 26px 44px 3em 0;
        border-color: #b3b3b3;
        border: 5px solid #bbb;
        border: 5px solid rgba(0, 0, 0, 0.3); }
        .posts_app .page-content .featured > article .wrapper,
        .posts_app .page-content .post-detail > article .wrapper {
          padding: 40px 40px 30px;
          background-color: #fff; }
          .posts_app .page-content .featured > article .wrapper > p,
          .posts_app .page-content .post-detail > article .wrapper > p {
            font-size: 1.2em;
            line-height: 1.5em; }
          .posts_app .page-content .featured > article .wrapper ul,
          .posts_app .page-content .post-detail > article .wrapper ul {
            font-size: 1.2em;
            margin-left: 0; }
            .posts_app .page-content .featured > article .wrapper ul li,
            .posts_app .page-content .post-detail > article .wrapper ul li {
              list-style: disc outside none;
              padding-left: 1em;
              line-height: 1.5em;
              margin-bottom: 1.2em;
              margin-left: 1.2em; }
        .posts_app .page-content .featured > article header,
        .posts_app .page-content .post-detail > article header {
          position: relative;
          margin-bottom: 2em; }
          .posts_app .page-content .featured > article header h2,
          .posts_app .page-content .post-detail > article header h2 {
            font-weight: normal;
            font-size: 3em;
            margin: 0; }
          .posts_app .page-content .featured > article header nav #blogBackToList,
          .posts_app .page-content .post-detail > article header nav #blogBackToList {
            position: absolute;
            top: -25px;
            right: 0; }
        .posts_app .page-content .featured > article .action,
        .posts_app .page-content .post-detail > article .action {
          margin-top: 1em; }
          .posts_app .page-content .featured > article .action .button.block,
          .posts_app .page-content .post-detail > article .action .button.block {
            min-width: 10em;
            text-align: center; }
      .posts_app .page-content .featured #waypoint-notice,
      .posts_app .page-content .post-detail #waypoint-notice {
        position: relative;
        width: 236px;
        height: 380px;
        overflow: hidden;
        z-index: 1; }
        .posts_app .page-content .featured #waypoint-notice > div > section,
        .posts_app .page-content .post-detail #waypoint-notice > div > section {
          position: relative;
          -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); }
          .posts_app .page-content .featured #waypoint-notice > div > section > article,
          .posts_app .page-content .post-detail #waypoint-notice > div > section > article {
            padding: 15px;
            position: absolute !important; }
            .posts_app .page-content .featured #waypoint-notice > div > section > article .ribbon,
            .posts_app .page-content .post-detail #waypoint-notice > div > section > article .ribbon {
              top: 0;
              right: 0; }
        .posts_app .page-content .featured #waypoint-notice > div > section, .posts_app .page-content .featured #waypoint-notice > div > section > article,
        .posts_app .page-content .post-detail #waypoint-notice > div > section,
        .posts_app .page-content .post-detail #waypoint-notice > div > section > article {
          background: white;
          /* Old browsers */
          background: -moz-linear-gradient(top, white 70%, #eeeeee 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, white), color-stop(100%, #eeeeee));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, white 70%, #eeeeee 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, white 70%, #eeeeee 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, white 70%, #eeeeee 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, white 70%, #eeeeee 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
          /* IE6-9 */
          height: 375px; }
        .posts_app .page-content .featured #waypoint-notice.show,
        .posts_app .page-content .post-detail #waypoint-notice.show {
          position: fixed;
          top: 10px;
          left: auto; }
        .posts_app .page-content .featured #waypoint-notice.bottom,
        .posts_app .page-content .post-detail #waypoint-notice.bottom {
          position: absolute;
          bottom: 37px;
          top: auto; }
    .posts_app .page-content figure {
      margin-bottom: 1em; }
  .posts_app header {
    color: #808080; }
    .posts_app header h2, .posts_app header h3, .posts_app header h4, .posts_app header h5, .posts_app header h6 {
      color: #4d4d4d;
      font-weight: bold; }
    .posts_app header time {
      display: inline;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      font-weight: bold; }
  .posts_app .articles-nav {
    text-align: center; }
  .posts_app.post_list_view .page-content {
    padding: 0; }
  .posts_app.post_list_view aside {
    margin-bottom: 0; }
  .posts_app.post_list_view #posts-list {
    clear: both;
    margin: 20px 40px 0;
    padding: 38px 0;
    position: relative;
    border-top: 1px solid #cccccc; }
    .posts_app.post_list_view #posts-list > h3 {
      color: #cccccc;
      font-weight: normal;
      font-size: 2.2em;
      margin-bottom: 20px;
      height: auto;
      line-height: 1em;
      background-color: white;
      padding-right: 10px; }
    .posts_app.post_list_view #posts-list header {
      margin-bottom: 0.4em; }
      .posts_app.post_list_view #posts-list header span {
        font-size: 0.6em; }
    .posts_app.post_list_view #posts-list article {
      vertical-align: top;
      display: inline-block;
      zoom: 1;
      margin: 0;
      padding: 0;
      width: 162px;
      margin-right: 16px;
      margin-bottom: 20px; }
      .posts_app.post_list_view #posts-list article h3 {
        font-size: 0.9em;
        line-height: 1em;
        margin-bottom: 0.1em; }
    .posts_app.post_list_view #posts-list footer {
      text-align: center;
      clear: both; }
  .posts_app.post_detail_view .page-content #posts-list {
    clear: both;
    margin: 20px 40px 0; }
  .posts_app.post_detail_view .page-content #comments {
    clear: left;
    margin-top: 20px; }
    .posts_app.post_detail_view .page-content #comments p {
      font-size: 1em !important; }

/* eo posts_app */
.csstransitions .post_detail_view #waypoint-notice > div {
  position: relative;
  right: -260px;
  transition: right 0.3s ease-in-out; }
  .csstransitions .post_detail_view #waypoint-notice > div.show {
    right: 0px; }

.action.social {
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 10px 10px 6px 10px; }
  .action.social .segment {
    display: inline-block;
    zoom: 1; }
    .action.social .segment .fb-like {
      vertical-align: 3px; }

/*
*
*  Style Guide & Common Variables - styleguide.less
*  -----------------------------------------------------------------------------
*  This contains common variables for colours,
*  widths and padding that are used across the site.
* 
*/
/* Colour pallette */
/* Base Colours */
/* Section Colours */
/* Border */
/* Page & Section paddings */
/* Dedicated type styles */
.k3_legacy {
  /**
	 * lesser.typography.less
	 * type styles
	 */
  /* =============================================================================
	   Type variables
	   ========================================================================== */
  /* =============================================================================
	   Heading Styles
	   ========================================================================== */
  /* =============================================================================
	   Body Copy Styles
	   ========================================================================== */
  /* =============================================================================
	   Definition List Styles
	   ========================================================================== */
  /* =============================================================================
	   Others
	   ========================================================================== */ }
  .k3_legacy input {
    font-size: 0.8em; }
  .k3_legacy h1 {
    font-size: 2.2em;
    color: #1e2b4b;
    margin-bottom: 9px; }
  .k3_legacy h2 {
    font-size: 1.45em;
    color: #3C5A98; }
  .k3_legacy h3 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #3C5A98; }
  .k3_legacy h4, .k3_legacy h5 {
    font-size: 1em;
    color: #3C5A98; }
  .k3_legacy h6 {
    font: normal 1.25em/1.2em; }
  .k3_legacy h1 + p {
    margin-top: 3em; }
  .k3_legacy h4 + p {
    margin-top: 1em; }
  .k3_legacy h5 + form {
    margin-top: 0.5em; }
  .k3_legacy p {
    margin-bottom: 1em; }
  .k3_legacy p + h3 {
    margin-top: 2em; }
  .k3_legacy table td > h3,
  .k3_legacy table td > h4 {
    margin-bottom: 0.4em; }
  .k3_legacy ul {
    overflow: auto; }
  .k3_legacy dl {
    overflow: auto;
    margin-bottom: 12px; }
  .k3_legacy dt, .k3_legacy dd {
    font-size: 0.8em;
    display: inline-block;
    zoom: 1;
    margin-right: -4px;
    vertical-align: top;
    padding-bottom: 6px; }
  .k3_legacy dt {
    width: 50%;
    text-align: right;
    padding-right: 6px;
    color: #B3B3B3; }
  .k3_legacy dd {
    width: 50%;
    padding-left: 6px;
    color: #393833; }
  .k3_legacy time {
    font-size: 9px;
    line-height: 11px;
    font-style: normal;
    color: #B3B3B3;
    display: block; }
  .k3_legacy legend {
    font-size: 1.45em; }
  .k3_legacy blockquote {
    border-left: 4px solid #800;
    padding-left: 1em;
    margin: 0 0 1em;
    font-style: italic; }
    .k3_legacy blockquote cite {
      color: #B3B3B3;
      font-style: italic;
      margin: 0;
      padding: 0; }

/* =============================================================================
   Class based type rules
   ========================================================================== */
.midSizeHead {
  font-size: 2.2em; }

.midSizeTextHead {
  font-size: 1.45em;
  font-weight: bold;
  margin-bottom: 6px; }

.more {
  margin-top: 11px;
  font-size: 0.95em; }

.price,
.old-price,
.current-price {
  text-align: right; }

.old-price {
  color: #cccccc;
  text-decoration: line-through; }

.price,
.current-price {
  color: #5B729B;
  font-weight: bold; }

/* $group List */
/* $end */
/* $end */
/* $group Borders */
/* $end */
/* $group Corners */
/* $group Rounded */
/* $end */
/* $group box-shadow */
/* $endgroup box-shadow */
/* $group box-sizing */
/* $endgroup box-sizing */
/* $group Backgrounds */
/* $end */
/* $group Buttons */
/* $group Apple */
/* $end */
/* $end */
/* $group Utility Classes */
.hide {
  display: none; }

.show {
  display: inherit; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

/* $end */
/* $end */
/* $group CSS Graphics */
/* $group Arrows */
/* $$$ add configurable heights & widths; $$$ center the 'registration point' */
/* $end */
/* $end */
/* comment */
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

/* Button styles */
/* To Clean UP - appears as both mix in and inline style */
/* Tech Spec Button  */
/* KD : I overwrote this - MR*/
/*@mixin techSpecButton($startColour:#0971b8, $endColour:#3286c2) {

	@include defaultGradient($startColour, $endColour);

	border:1px solid $lightGrey;
	color:white;
	@include boxShadow(0, 2px, 3px, 0, $lightGrey);
	text-align:center;
	font-size:1em;
}
*/
/* speechBubble - product slider values, postcode search etc */
/* todo :: can this be nested in the above somehow, like a class on a mixin? */
/* */
/* Puts an 'indent' in a right column. */
/*---------------------------------------------------------------------------------------*/
/* Taken from: http://anthonyvscode.com/2010/11/15/simplify-css3-with-less-cssmix-ins/   */
/*---------------------------------------------------------------------------------------*/
/**
 * Product list narrow (eg: shipment tracking page,
 * product detail "similar products", etc. )
 */
/*
** A subset of lesser/form-inputs.less that doesn't cause global styles
*/
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden; }

div.rating-cancel, div.rating-cancel a {
  background: url("/static/img/delete.gif") no-repeat 0 -16px; }

div.star-rating, div.star-rating a {
  background: url("/static/img/star.gif") no-repeat 0 0px; }

div.rating-cancel a, div.star-rating a {
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 0; }

div.star-rating-on a {
  background-position: 0 -16px !important; }

div.star-rating-hover a {
  background-position: 0 -32px; }

/* Read Only CSS */
div.star-rating-readonly a {
  cursor: default !important; }

/* Partial Star CSS */
div.star-rating {
  background: transparent !important;
  overflow: hidden !important; }

/* END jQuery.Rating Plugin CSS */
.feedback_view h1 {
  padding-left: 0; }