@charset "UTF-8";
/**
* Website name here
* Website URL here
*
* @author Author name here
* @package mypackagename_default
*
*/
/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,700,700italic,400italic");
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body,
button,
input,
select,
table,
textarea {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #232323; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-mzi3nt");
  src: url("../fonts/icomoon.eot?#iefix-mzi3nt") format("embedded-opentype"), url("../fonts/icomoon.ttf?-mzi3nt") format("truetype"), url("../fonts/icomoon.woff?-mzi3nt") format("woff"), url("../fonts/icomoon.svg?-mzi3nt#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon, #banner nav#top .hamburger:before, footer#main .col#callus:before, footer#main .col#emailus:before, .validation-advice:before, #intro .slick-arrow:before, #dealer_locator.activelocator #postcodesearch #postcodeerror.activeerror:before, #dealer_locator.activelocator #postcodesearch .fieldsetshow span#closesearch:before, #dealer_locator.activelocator #dealers.dealersactive .key span:before, #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer:before, #opc-shipping_method dt:before, #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_cvv_div .input-box #browsermethod-cvv-what-is-this:before, #payment_form_bpoint_browsermethod #browsermethod-tool-tip .btn-close a:before, .dropdown-container-single .dropdown-single div b:before, .search_results .result .preferred-star:before, .search_results .result.topdealer:before, .expander .text .expand:before, .cms-competitions .wrap#maincontent .competitions .std .buttons .terms:before, .cms-competitions .wrap#maincontent .competitions .std .buttons .permits:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*, *:before, *:after {
  box-sizing: border-box; }

.wrap, .wrapper {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px; }
  .wrap:after, .wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .wrap#maincontent, .wrapper#maincontent {
    padding: 50px 20px 70px; }

.container {
  padding: 0 30px;
  margin: 0 auto; }

.column-group {
  *zoom: 1; }

.column-group:before,
.column-group:after {
  display: table;
  content: "";
  line-height: 0; }

.column-group:after {
  clear: both; }

.column-group {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.column-group > .column-group {
  clear: none;
  float: left;
  margin: 0 !important; }

.column {
  float: left;
  width: 100%; }

.page {
  background: #fff;
  margin: 0 auto; }

.page-print,
.page-empty,
.page-popup {
  background: #fff;
  padding: 25px 30px;
  text-align: left; }

.main {
  min-height: 400px;
  text-align: left;
  padding-bottom: 50px; }

.col-left {
  float: left;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col-left:last-child {
    margin-right: 0; }

.col-main {
  float: left;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .col-main:last-child {
    margin-right: 0; }

.col-right {
  float: right;
  padding: 0 0 1px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  margin-right: 0; }
  .col-right:last-child {
    margin-right: 0; }

.col1-layout .col-main {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-right: 0; }
  .col1-layout .col-main:last-child {
    margin-right: 0; }

.col2-left-layout .col-main {
  float: right;
  margin-right: 0; }

.col3-layout .col-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .col3-layout .col-wrapper:last-child {
    margin-right: 0; }

.col3-layout .col-left {
  float: left;
  float: left;
  display: block;
  margin-right: 3.1684356888%;
  width: 31.2210428741%; }
  .col3-layout .col-left:last-child {
    margin-right: 0; }

.col3-layout .col-main {
  float: right !important;
  float: left;
  display: block;
  margin-right: 3.1684356888%;
  width: 65.6105214371%; }
  .col3-layout .col-main:last-child {
    margin-right: 0; }

.col3-layout .col-right {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col3-layout .col-right:last-child {
    margin-right: 0; }

.col2-set .col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .col2-set .col-1:last-child {
    margin-right: 0; }

.col2-set .col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-right: 0; }
  .col2-set .col-2:last-child {
    margin-right: 0; }

.col2-set .col-narrow {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col2-set .col-narrow:last-child {
    margin-right: 0; }

.col2-set .col-wide {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
  margin-right: 0; }
  .col2-set .col-wide:last-child {
    margin-right: 0; }

.col3-set .col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col3-set .col-1:last-child {
    margin-right: 0; }

.col3-set .col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col3-set .col-2:last-child {
    margin-right: 0; }

.col3-set .col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
  margin-right: 0; }
  .col3-set .col-3:last-child {
    margin-right: 0; }

.col4-set .col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col4-set .col-1:last-child {
    margin-right: 0; }

.col4-set .col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col4-set .col-2:last-child {
    margin-right: 0; }

.col4-set .col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col4-set .col-3:last-child {
    margin-right: 0; }

.col4-set .col-4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  margin-right: 0; }
  .col4-set .col-4:last-child {
    margin-right: 0; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
  .col-left {
    float: left;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .col-left:last-child {
      margin-right: 0; }
  .col-main {
    float: left;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .col-main:last-child {
      margin-right: 0; }
  .col-right {
    float: right;
    padding: 0 0 1px;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-right: 0; }
    .col-right:last-child {
      margin-right: 0; }
  .col3-layout .col-wrapper {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-layout .col-wrapper:last-child {
      margin-right: 0; }
  .col3-layout .col-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-layout .col-left:last-child {
      margin-right: 0; }
  .col3-layout .col-main {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-layout .col-main:last-child {
      margin-right: 0; }
  .col3-layout .col-right {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-layout .col-right:last-child {
      margin-right: 0; }
  .col2-set .col-narrow {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .col2-set .col-narrow:last-child {
      margin-right: 0; }
  .col2-set .col-wide {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-right: 0; }
    .col2-set .col-wide:last-child {
      margin-right: 0; }
  .col3-set .col-1 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-set .col-1:last-child {
      margin-right: 0; }
  .col3-set .col-2 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-set .col-2:last-child {
      margin-right: 0; }
  .col3-set .col-3 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col3-set .col-3:last-child {
      margin-right: 0; }
  .col4-set .col-1 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .col4-set .col-1:last-child {
      margin-right: 0; }
  .col4-set .col-2 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-right: 0; }
    .col4-set .col-2:last-child {
      margin-right: 0; }
  .col4-set .col-3 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .col4-set .col-3:last-child {
      margin-right: 0; }
  .col4-set .col-4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-right: 0; }
    .col4-set .col-4:last-child {
      margin-right: 0; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .col-left {
    float: left;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col-left:last-child {
      margin-right: 0; }
  .col-main {
    float: left;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col-main:last-child {
      margin-right: 0; }
  .col-right {
    float: right;
    padding: 0 0 1px;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col-right:last-child {
      margin-right: 0; }
  .col2-set {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .col2-set:last-child {
      margin-right: 0; }
    .col2-set .col-1 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .col2-set .col-1:last-child {
        margin-right: 0; }
    .col2-set .col-2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .col2-set .col-2:last-child {
        margin-right: 0; }
    .col2-set .col-narrow {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .col2-set .col-narrow:last-child {
        margin-right: 0; }
    .col2-set .col-wide {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .col2-set .col-wide:last-child {
        margin-right: 0; } }

#banner {
  height: 120px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); }
  #banner .logo {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
    margin-right: 0;
    text-align: right;
    float: left;
    padding: 12px 0 0; }
    #banner .logo:last-child {
      margin-right: 0; }
    #banner .logo a {
      width: 180px;
      height: 56px;
      float: left; }
  #banner nav#toplinks {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    background-color: #f7f5f3; }
    #banner nav#toplinks:last-child {
      margin-right: 0; }
    #banner nav#toplinks ul {
      float: right; }
      #banner nav#toplinks ul li {
        position: relative;
        font-size: 14px;
        margin: 0 0 0 15px; }
        #banner nav#toplinks ul li a {
          color: #666;
          text-decoration: none;
          height: 34px;
          line-height: 34px;
          display: inline-block; }
          #banner nav#toplinks ul li a:hover {
            color: #1174ad; }
        #banner nav#toplinks ul li:hover ul {
          display: block; }
        #banner nav#toplinks ul li:nth-child(1) a:after {
          content: "";
          padding: 7px;
          margin: 0 0 0 6px;
          background-position: left;
          background-repeat: no-repeat;
          background-image: url("../img/icons/location.svg"); }
        #banner nav#toplinks ul li:nth-child(2) a:after {
          font-family: 'icomoon';
          content: "";
          font-size: 17px;
          position: relative;
          top: 2px;
          margin: 5px 0 0 6px;
          color: #124b97; }
        #banner nav#toplinks ul li:nth-child(3) a:after {
          content: "";
          padding: 9px;
          margin: 0 0 0 6px;
          background-position: left;
          background-repeat: no-repeat;
          background-image: url("../img/icons/question.svg"); }
        #banner nav#toplinks ul li:nth-child(3) ul {
          position: absolute;
          top: 28px;
          left: -20px;
          z-index: 999999;
          background: #FFF;
          border-radius: 0 0 10px 10px;
          width: 140px;
          padding: 5px 5px;
          display: none;
          -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
          -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
          box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); }
          #banner nav#toplinks ul li:nth-child(3) ul li {
            display: block;
            border-bottom: #CCC 1px solid; }
            #banner nav#toplinks ul li:nth-child(3) ul li:last-child {
              border-bottom: none; }
            #banner nav#toplinks ul li:nth-child(3) ul li a {
              padding: 5px 0;
              display: block;
              width: 100%;
              height: auto; }
            #banner nav#toplinks ul li:nth-child(3) ul li:nth-child(1) a:after, #banner nav#toplinks ul li:nth-child(3) ul li:nth-child(2) a:after, #banner nav#toplinks ul li:nth-child(3) ul li:nth-child(3) a:after, #banner nav#toplinks ul li:nth-child(3) ul li:nth-child(4) a:after {
              display: none; }
        #banner nav#toplinks ul li:nth-child(3):hover ul {
          display: block; }
        #banner nav#toplinks ul li:nth-child(4) a:after {
          font-family: 'icomoon';
          content: "";
          font-size: 20px;
          position: relative;
          top: 4px;
          margin: 5px 0 0 7px;
          color: #124b97; }
  #banner nav#top {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
    float: right !important;
    padding: 0 0 0 72px; }
    #banner nav#top:last-child {
      margin-right: 0; }
    #banner nav#top ul li {
      position: relative;
      font-size: 16px; }
      #banner nav#top ul li a {
        color: #666;
        text-transform: uppercase;
        text-decoration: none;
        padding: 37px 45px 15px;
        display: inline-block;
        font-weight: 700;
        height: 80px; }
        #banner nav#top ul li a:hover {
          color: #1174ad; }
      #banner nav#top ul li ul {
        position: absolute;
        top: 42px;
        left: 0;
        z-index: 999999;
        background: #FFF;
        border-radius: 0 0 10px 10px;
        width: 300px;
        padding: 10px 15px;
        display: none;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); }
        #banner nav#top ul li ul li {
          display: block;
          border-bottom: #CCC 1px solid; }
          #banner nav#top ul li ul li:last-child {
            border-bottom: none; }
          #banner nav#top ul li ul li a {
            padding: 10px 0;
            display: block;
            width: 100%;
            height: auto; }
      #banner nav#top ul li:hover ul {
        display: block; }
    #banner nav#top .hamburger {
      padding: 20px 15px 15px;
      display: inline-block;
      font-size: 0;
      text-decoration: none;
      color: #1174ad;
      display: none;
      position: relative;
      z-index: 99999; }
      #banner nav#top .hamburger:before {
        content: "";
        font-size: 40px; }
  @media screen and (max-width: 1200px) {
    #banner nav#toplinks {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      background-color: #f7f5f3; }
      #banner nav#toplinks:last-child {
        margin-right: 0; }
      #banner nav#toplinks ul li {
        position: relative;
        font-size: 14px;
        margin: 0 0 0 15px; }
        #banner nav#toplinks ul li a {
          color: #666;
          text-decoration: none; }
          #banner nav#toplinks ul li a:hover {
            color: #1174ad; }
    #banner nav#top ul {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      text-align: center;
      width: 100%;
      height: 100%;
      overflow-x: scroll;
      background: #1174ad;
      display: none; }
      #banner nav#top ul li {
        display: block;
        border-top: rgba(0, 0, 0, 0.1) 1px solid; }
        #banner nav#top ul li a {
          color: #FFF;
          display: block;
          padding: 20px;
          height: auto; }
          #banner nav#top ul li a:hover {
            background: #189bc1;
            color: #FFF; }
        #banner nav#top ul li ul {
          position: static;
          display: block;
          background: #189bc1;
          width: 100%;
          padding: 0;
          border-radius: 0;
          border-top: rgba(0, 0, 0, 0.1) 1px solid; }
          #banner nav#top ul li ul li {
            border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
            border-top: none; }
            #banner nav#top ul li ul li a {
              padding: 15px 20px; }
    #banner nav#top .hamburger {
      display: inline-block;
      float: right; }
    #banner nav#top.open ul {
      display: block; }
    #banner nav#top.open .hamburger {
      color: #FFF; }
      #banner nav#top.open .hamburger:before {
        content: ""; } }

#pageintro {
  height: 300px;
  width: 100%;
  background: url("../img/pages/header-intro-single.jpg") center no-repeat;
  background-size: cover; }

@media screen and (max-width: 1024px) {
  #banner nav#toplinks:after {
    content: "";
    display: table;
    clear: both; }
  #banner nav#toplinks ul {
    height: 40px;
    line-height: 40px;
    width: 150px;
    float: right; }
    #banner nav#toplinks ul li {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%;
      position: relative; }
      #banner nav#toplinks ul li:last-child {
        margin-right: 0; }
      #banner nav#toplinks ul li:nth-child(1), #banner nav#toplinks ul li:nth-child(2), #banner nav#toplinks ul li:nth-child(3), #banner nav#toplinks ul li:nth-child(4) {
        margin: 0; }
        #banner nav#toplinks ul li:nth-child(1) a, #banner nav#toplinks ul li:nth-child(2) a, #banner nav#toplinks ul li:nth-child(3) a, #banner nav#toplinks ul li:nth-child(4) a {
          margin: 0;
          text-align: center; }
          #banner nav#toplinks ul li:nth-child(1) a:after, #banner nav#toplinks ul li:nth-child(2) a:after, #banner nav#toplinks ul li:nth-child(3) a:after, #banner nav#toplinks ul li:nth-child(4) a:after {
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
      #banner nav#toplinks ul li:nth-child(1) a {
        font-size: 0; }
        #banner nav#toplinks ul li:nth-child(1) a:after {
          padding: 10px; }
      #banner nav#toplinks ul li:nth-child(2) a {
        font-size: 0; }
      #banner nav#toplinks ul li:nth-child(3) a {
        font-size: 0; }
        #banner nav#toplinks ul li:nth-child(3) a:after {
          padding: 10px; }
      #banner nav#toplinks ul li:nth-child(3) ul {
        display: none; }
      #banner nav#toplinks ul li:nth-child(3):hover ul {
        display: block;
        top: 39px;
        display: block;
        width: 200px;
        height: auto;
        right: -10px;
        left: auto; }
        #banner nav#toplinks ul li:nth-child(3):hover ul:after {
          content: "";
          display: table;
          clear: both; }
        #banner nav#toplinks ul li:nth-child(3):hover ul li {
          float: none;
          width: 100%; }
          #banner nav#toplinks ul li:nth-child(3):hover ul li a {
            font-size: 14px; }
      #banner nav#toplinks ul li:nth-child(4) {
        font-size: 0; } }

@media print {
  /* All your print styles go here */
  body {
    padding-top: 0 !important; }
  #banner, footer#main, #pageintro, .cta {
    display: none !important; } }

footer#main {
  background: -moz-linear-gradient(left, #124b97 0%, #1c93bd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #124b97), color-stop(100%, #1c93bd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #124b97 0%, #1c93bd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #124b97 0%, #1c93bd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #124b97 0%, #1c93bd 100%);
  /* IE10+ */
  background: linear-gradient(to right, #124b97 0%, #1c93bd 100%);
  color: #FFF;
  padding: 60px 0; }
  footer#main .wrap {
    max-width: 1100px; }
  footer#main .logos {
    width: 100%;
    text-align: center; }
    footer#main .logos:after {
      content: "";
      display: table;
      clear: both; }
    footer#main .logos a {
      width: 200px;
      height: 60px;
      display: inline-block;
      background: url("../img/icons/makeawish.svg");
      background-size: cover;
      margin: 0 10px 45px;
      text-indent: -99999px; }
      footer#main .logos a.logo {
        background: url("../img/kreepykraulyreversed.svg");
        width: 200px;
        height: 62px; }
  footer#main .col {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%; }
    footer#main .col:last-child {
      margin-right: 0; }
    footer#main .col#callus {
      text-transform: uppercase;
      font-size: 14px; }
      footer#main .col#callus:before {
        content: "";
        font-size: 50px;
        float: left;
        margin: 0 10px 0 0; }
      footer#main .col#callus span {
        font-size: 28px;
        font-style: italic;
        font-weight: 700;
        line-height: 1em; }
      footer#main .col#callus p {
        padding: 4px 0;
        margin: 0; }
      footer#main .col#callus a {
        color: #FFF; }
    footer#main .col#emailus:before {
      content: "";
      font-size: 50px;
      float: left;
      margin: 5px 15px 0 0; }
    footer#main .col#emailus ul {
      list-style: none; }
      footer#main .col#emailus ul li {
        font-size: 14px;
        padding: 6px 0; }
        footer#main .col#emailus ul li a {
          font-weight: 700;
          font-size: 1.3em;
          color: #FFF;
          text-decoration: none;
          margin: 0 8px 0 0; }
    footer#main .col#social {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 14.7019570017%;
      margin-right: 0;
      text-align: right; }
      footer#main .col#social:last-child {
        margin-right: 0; }
      footer#main .col#social nav li a {
        width: 45px;
        height: 45px;
        margin: 0 4px;
        display: inline-block;
        font-size: 0;
        background: url("../img/icons/facebook.svg") no-repeat; }
      footer#main .col#social nav li.instagram a {
        background: url("../img/icons/instagram.svg") no-repeat; }
  @media screen and (max-width: 1200px) {
    footer#main .col {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      text-align: center; }
      footer#main .col:last-child {
        margin-right: 0; }
      footer#main .col#callus {
        padding-bottom: 30px; }
      footer#main .col#emailus ul li a {
        font-size: 1.2em; }
      footer#main .col#social {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        text-align: center;
        padding: 40px 0 0; }
        footer#main .col#social:last-child {
          margin-right: 0; }
      footer#main .col:before {
        display: block !important;
        float: none !important;
        padding: 0 0 15px; } }

body #banner nav#top ul li a {
  padding-left: 8px !important;
  padding-right: 8px !important; }

body {
  height: 100%;
  padding-top: 120px;
  color: #666; }

a, a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
  color: #232323;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear; }

img {
  max-width: 100%;
  height: auto; }

nav ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  nav ul li {
    display: inline; }

.logo a {
  display: block;
  width: 155px;
  height: 50px;
  background: url("../img/KreepyKrauly.jpg") center no-repeat;
  background-size: cover;
  font-size: 0; }

.breadcrumbs {
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 13px;
  clear: both; }
  .breadcrumbs li {
    display: inline; }
    .breadcrumbs li strong {
      font-weight: bold; }

.page-title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px; }
  .page-title h1,
  .page-title h2 {
    font-size: 30px;
    font-style: italic;
    color: #1174ad;
    font-weight: 700;
    margin-bottom: 0; }
  .page-title .separator {
    margin: 0 3px; }
  .page-title .link-rss {
    float: right;
    margin: 7px 0 0; }

.title-buttons {
  text-align: right; }
  .title-buttons h1,
  .title-buttons h2,
  .title-buttons h3,
  .title-buttons h4,
  .title-buttons h5,
  .title-buttons h6 {
    float: left; }

.subtitle {
  clear: both;
  padding: 15px 0 0;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 6px; }

.noscript {
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  background: #ffff90;
  font-size: 12px;
  line-height: 1.25;
  text-align: center; }
  .noscript .noscript-inner {
    margin: 0 auto;
    padding: 12px 0 12px;
    background: url(../img/icons/i_notice.svg) 20px 50% no-repeat;
    background-size: 16px; }
  .noscript p {
    margin: 0; }

.info-box {
  background: #fff;
  border: 1px solid #d0cbc1;
  padding: 12px 15px;
  margin: 0 0 15px; }
  .info-box h2 {
    font-weight: bold;
    font-size: 13px; }

.info-table th {
  font-weight: bold;
  padding: 2px 15px 2px 0; }

.info-table td {
  padding: 2px 0; }

.link-rss {
  background: url(../img/icons/i_rss.svg) 0 2px no-repeat;
  background-size: 16px;
  padding-left: 18px;
  line-height: 14px;
  white-space: nowrap; }

.btn-remove {
  display: block;
  height: 11px;
  width: 11px;
  font-size: 0;
  line-height: 0;
  background: url(../img/icons/btn_remove.svg) 0 0 no-repeat;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden; }

.btn-remove2 {
  display: block;
  height: 16px;
  width: 16px;
  font-size: 0;
  line-height: 0;
  background: url(../img/icons/btn_remove.svg) 0 0 no-repeat;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden; }

.separator {
  margin: 0 3px; }

.divider {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 1px;
  margin: 10px 0;
  text-indent: -999em;
  overflow: hidden; }

.advanced-search .form-list label {
  padding-right: 10px; }

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
  float: left;
  clear: none; }

.advanced-search-amount {
  margin: 0 0 10px; }

.advanced-search-summary {
  margin: 10px 0;
  border: 1px solid #e9d7c9;
  background: #fff6f1;
  padding: 10px; }
  .advanced-search-summary ul {
    float: left;
    width: 49%; }
  .advanced-search-summary strong {
    padding-left: 15px;
    background: url(../img/icons/i_search_criteria.svg) 0 3px no-repeat;
    background-size: 16px 16px; }
  .advanced-search-summary p {
    clear: both;
    font-weight: bold;
    margin: 0; }

.page-sitemap .links {
  text-align: right;
  margin: 0 8px -22px 0; }
  .page-sitemap .links a {
    text-decoration: none;
    position: relative; }
    .page-sitemap .links a:hover {
      text-decoration: underline; }

.page-sitemap .sitemap {
  margin: 12px; }
  .page-sitemap .sitemap li {
    margin: 3px 0; }
    .page-sitemap .sitemap li.level-0 {
      margin: 10px 0 0;
      font-weight: bold; }

.rss-title h1 {
  background: url(../img/icons/i_rss.svg) 0 4px no-repeat;
  background-size: 24px;
  padding-left: 27px; }

.rss-table .link-rss {
  display: block;
  line-height: 1.55;
  background-position: 0 4px; }

#outdated {
  display: none; }

.outdated #outdated {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  text-align: center;
  z-index: 1500;
  background-color: #21b8ce;
  color: #fff; }
  .outdated #outdated h6 {
    font-size: 25px;
    line-height: 25px;
    margin: 30px 0 20px; }
  .outdated #outdated p {
    font-size: 12px;
    line-height: 12px;
    margin: 0; }
  .outdated #outdated #btnUpdateBrowser {
    display: block;
    position: relative;
    padding: 10px 20px;
    margin: 20px auto 0;
    width: 230px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    cursor: pointer; }
    .outdated #outdated #btnUpdateBrowser:hover {
      color: #f25648;
      background-color: #fff; }
  .outdated #outdated .last {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 20px;
    height: 20px; }
  .outdated #outdated #btnCloseUpdateBrowser {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 36px;
    line-height: 36px; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
.mini-products-list .product-image {
  float: left; }

.mini-products-list .product-details {
  margin-left: 60px; }

.block-account {
  border-color: #bbb; }
  .block-account .block-title {
    border: 0;
    padding: 3px 10px; }
    .block-account .block-title strong {
      font-size: 13px; }
  .block-account .block-content {
    background: #fbfaf6;
    padding: 7px 10px 7px; }
    .block-account .block-content li a {
      display: block;
      border-bottom: 1px solid #ddd;
      padding: 3px 0; }
    .block-account .block-content li.last a {
      border-bottom: 0; }
    .block-account .block-content li.current {
      border-bottom: 1px solid #ddd;
      padding: 3px 0; }
    .block-account .block-content li.current.last {
      border-bottom: 0; }

.block-currency {
  border: 0;
  padding: 7px 12px 10px;
  height: 51px; }
  .block-currency .block-title {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 5px; }
    .block-currency .block-title strong {
      font-family: "Titillium Web", sans-serif;
      font-weight: 700;
      text-transform: none; }
  .block-currency .block-content {
    background: none;
    padding: 0; }
    .block-currency .block-content select {
      width: 100%;
      padding: 0; }

.block-layered-nav {
  border: 0; }
  .block-layered-nav .block-title {
    border: 0;
    padding: 0;
    height: 24px;
    overflow: hidden; }
  .block-layered-nav .block-subtitle {
    line-height: 1.35;
    text-transform: uppercase; }
  .block-layered-nav dt {
    padding: 7px 10px 0 0px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .block-layered-nav dd {
    padding: 0 12px 12px; }
    .block-layered-nav dd.last {
      background: none; }
  .block-layered-nav .currently li {
    padding: 8px 6px 8px 10px;
    border-bottom: #EEE 1px solid; }
  .block-layered-nav .currently .label {
    font-weight: bold;
    text-transform: uppercase; }
  .block-layered-nav .currently .btn-remove {
    margin: 3px 0 0; }
  .block-layered-nav .actions {
    font-size: 14px;
    padding: 4px 9px;
    margin: 0 0 15px;
    background: #EEE;
    text-align: center; }

.block-cart .summary {
  padding: 2px 8px 8px;
  margin: -1px 0 0;
  position: relative;
  z-index: 1; }

.block-cart .amount {
  margin: 0; }
  .block-cart .amount a {
    font-weight: bold; }

.block-cart .subtotal {
  margin: 5px 0 0;
  padding: 2px 0;
  text-align: center; }
  .block-cart .subtotal .price {
    font-weight: bold; }

.block-cart .actions {
  border-bottom: 1px solid #c2c2c2; }

.page-popup .link-print {
  padding: 2px 0 2px 25px;
  font-weight: bold; }

.compare-table {
  border: 0; }
  .compare-table thead tr.first th,
  .compare-table thead tr.first td {
    border: 0;
    background: none;
    padding: 0;
    font-size: 0;
    line-height: 0; }
  .compare-table .btn-remove {
    float: right;
    background-image: url(../images/btn_remove2.gif);
    height: 15px; }
  .compare-table tbody th {
    background: #d9e5ee url(../images/bkg_th-v.gif) 100% 0 repeat-y; }
  .compare-table tbody th,
  .compare-table tbody td {
    padding: 10px;
    border: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc; }
  .compare-table tbody td.last {
    border-right: 1px solid #ccc; }
  .compare-table tbody tr.last th,
  .compare-table tbody tr.last td {
    border-bottom: 1px solid #ccc !important; }
  .compare-table tr.add-to-row td {
    background: #fffada;
    text-align: center; }
  .compare-table tr.first td {
    text-align: center; }
  .compare-table tr.first td .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px; }
  .compare-table tr.first td .ratings {
    margin: 0 auto; }
  .compare-table tr.first td p,
  .compare-table tr.add-to-row td p {
    margin: 0; }

.block-tags .block-content ul {
  font-size: 12px;
  padding: 10px; }

.block-tags .block-content li {
  display: inline;
  padding-right: 4px; }

.block-tags .actions {
  text-align: right; }
  .block-tags .actions a {
    float: none; }

.block-subscribe .block-content {
  padding: 5px 10px; }

.block-subscribe label {
  font-weight: bold; }

.block-subscribe input.input-text {
  display: block;
  margin: 3px 0; }

.block-subscribe .actions {
  background: none;
  padding: 0;
  margin: 3px 0 0;
  text-align: left; }
  .block-subscribe .actions button.button {
    float: none; }
    .block-subscribe .actions button.button span {
      border-color: #406a83;
      background: #618499; }

.block-login .block-content {
  padding: 5px 10px; }

.block-login label {
  font-weight: bold; }

.block-login input.input-text {
  display: block;
  margin: 3px 0; }

.block-login .actions {
  background: none;
  padding: 0;
  margin: 3px 0 0; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
.std .subtitle {
  padding: 0; }

.std ol {
  list-style: decimal outside;
  padding-left: 1.5em; }
  .std ol li {
    padding: 0 0 8px;
    font-size: 15px;
    line-height: 1.4em; }

.std ul {
  list-style: disc outside;
  padding-left: 18px;
  margin: 0 0 10px; }
  .std ul li {
    padding: 0 0 8px;
    font-size: 15px;
    line-height: 1.4em; }

.std dl dt {
  font-weight: bold; }

.std dl dd {
  margin: 0 0 10px; }

.std h1, .std h2, .std h3, .std h4 {
  font-weight: 900;
  color: #124b97;
  font-size: 28px;
  padding: 0 0 15px;
  margin: 0;
  line-height: 1.4em; }
  .std h1 h2, .std h2 h2, .std h3 h2, .std h4 h2 {
    font-size: 26px; }
  .std h1 h3, .std h2 h3, .std h3 h3, .std h4 h3 {
    font-size: 24px; }
  .std h1 h4, .std h2 h4, .std h3 h4, .std h4 h4 {
    font-size: 22px; }

.std p {
  padding: 8px 0 16px;
  line-height: 1.4em;
  font-size: 15px; }

.std a {
  text-decoration: underline; }

ul.ul {
  padding: 12px 0 12px 25px;
  list-style: disc; }
  ul.ul li {
    padding: 0 0 6px; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
input,
select,
textarea,
button {
  font-family: "Titillium Web", sans-serif;
  vertical-align: middle;
  color: #2f2f2f; }

input.input-text,
select,
textarea {
  background: #fff;
  border: 1px solid #eaf7fe;
  width: 100%;
  margin: 6px 0;
  outline: none; }

input.input-text,
textarea {
  padding: 12px; }

input.input-file {
  padding: 12px 20px;
  background: #FFF;
  line-height: 0; }

select {
  padding: 1px; }
  select option {
    padding-right: 10px; }
  select.multiselect option {
    border-bottom: 1px solid #b6b6b6;
    padding: 2px 5px; }
    select.multiselect option:last-child {
      border-bottom: 0; }

textarea {
  overflow: auto; }

input.radio {
  margin-right: 3px; }

input.checkbox {
  margin-right: 3px; }

input.qty {
  min-width: 40px;
  max-width: 100px; }

.button {
  background: #124b97;
  color: #FFF;
  cursor: pointer;
  overflow: visible;
  border: none;
  width: auto;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 700;
  padding: 16px 50px;
  transform: skewX(-10deg);
  border-radius: 10px 0;
  outline: none;
  display: inline-block; }
  .button:hover {
    background: #189bc1;
    color: #FFF; }
  .button span {
    transform: skewX(10deg); }
  .button.disabled span {
    border-color: #bbb !important;
    background: #bbb !important; }

button.btn-checkout.no-checkout span {
  background-position: 0 100%; }
  button.btn-checkout.no-checkout span span {
    background-position: 100% 100%;
    color: #fff; }

p.control input.checkbox,
p.control input.radio {
  margin-right: 6px; }

p.form {
  padding: 0;
  margin: 0; }

.form-list {
  margin: 20px 0;
  padding: 20px 0 !important; }
  .form-list li {
    margin: 0 0 15px;
    padding: 0 !important; }
    .form-list li .input-box {
      clear: both;
      display: block;
      width: 100%;
      padding: 6px 0 0; }
      .form-list li .input-box .webforms-fields-comment {
        margin-top: 0;
        font-style: italic; }
    .form-list li.control {
      margin: 0 0 8px;
      line-height: 1em; }
      .form-list li.control label {
        float: none;
        font-size: 15px;
        line-height: 1em; }
      .form-list li.control input.radio,
      .form-list li.control input.checkbox {
        margin: 2px 8px 0 0; }
      .form-list li.control .input-box {
        clear: none;
        display: inline;
        width: auto;
        padding: 10px 0 0; }
      .form-list li.control .validation-advice {
        margin-top: 12px; }
    .form-list li.additional-row {
      border-top: 1px solid #ccc;
      margin-top: 10px;
      padding-top: 7px; }
      .form-list li.additional-row .btn-remove {
        float: right;
        margin: 5px 0 0; }
  .form-list label {
    float: left;
    font-size: 16px;
    position: relative;
    line-height: 1.4em;
    z-index: 0; }
    .form-list label.required em {
      float: right;
      font-style: normal;
      position: absolute;
      top: 0;
      right: -8px; }
  .form-list input-box {
    display: block;
    clear: both; }
  .form-list .field {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .form-list .field:last-child {
      margin-right: 0; }
  .form-list textarea {
    height: 10em; }

.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
  width: auto; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
  float: left; }

.form-list .customer-dob input.input-text {
  display: block; }

.form-list .customer-dob label {
  font-size: 10px;
  font-weight: normal; }

.buttons-set {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: right; }
  .buttons-set p.required {
    display: none; }
  .buttons-set .back-link {
    float: left;
    margin: 0; }
  .buttons-set button.button {
    float: right;
    margin-left: 5px; }

.buttons-set-order {
  margin: 10px 0 0; }
  .buttons-set-order .please-wait {
    padding: 12px 7px 0 0; }

.fieldset {
  background: #eaf7fe;
  padding: 22px 25px 12px 33px;
  margin: 28px 0;
  border-radius: 20px 0 20px 0; }
  .fieldset .legend {
    font-size: 16px;
    padding: 0 0 6px; }

.validation-advice {
  clear: both;
  min-height: 13px;
  margin: 3px 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 13px; }
  .validation-advice:before {
    content: "";
    font-size: 20px;
    color: #E74C3C;
    position: relative;
    top: 4px; }

.validation-failed {
  border: 1px dashed #eb340a !important;
  background: #faebe7 !important; }

p.required {
  font-size: 14px;
  text-align: right; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .form-list .field {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .form-list .field:last-child {
      margin-right: 0; } }

.success {
  font-weight: bold; }

.error {
  font-weight: bold; }

.messages,
.messages ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.messages {
  width: 100%;
  overflow: hidden; }
  .messages li {
    margin: 0 0 10px !important; }
    .messages li li {
      margin: 0 0 3px !important; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg,
.global-site-notice {
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  min-height: 24px !important;
  padding: 18px 20px 15px 40px !important;
  font-size: 13px !important;
  color: #FFF;
  background-size: 16px;
  line-height: 1.4em; }

.error-msg {
  background-color: #E74C3C;
  background-image: url(../img/icons/i_msg-error.svg); }

.success-msg {
  background-color: #3fc380;
  background-image: url(../img/icons/i_msg-success.svg); }

.note-msg,
.notice-msg {
  background-color: #F4B350;
  background-image: url(../img/icons/i_msg-note.svg); }

.global-site-notice {
  background-color: #3fc380;
  text-align: center; }

.price {
  white-space: nowrap !important; }

.price-box {
  margin: 5px 0; }
  .price-box .price {
    font-weight: bold; }

.regular-price .price {
  font-weight: bold;
  font-size: 13px; }

.old-price {
  margin: 0; }
  .old-price .price-label {
    white-space: nowrap; }
  .old-price .price {
    font-weight: bold;
    text-decoration: line-through; }

.special-price {
  margin: 0;
  padding: 3px 0; }
  .special-price .price-label {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap; }
  .special-price .price {
    font-size: 13px;
    font-weight: bold; }

.minimal-price {
  margin: 0; }
  .minimal-price .price-label {
    font-weight: bold;
    white-space: nowrap; }

.minimal-price-link {
  display: block; }
  .minimal-price-link .price {
    font-weight: normal; }

.price-excluding-tax {
  display: block; }
  .price-excluding-tax .label {
    white-space: nowrap; }
  .price-excluding-tax .price {
    font-size: 13px;
    font-weight: normal; }

.price-including-tax {
  display: block; }
  .price-including-tax .label {
    white-space: nowrap; }
  .price-including-tax .price {
    font-size: 13px;
    font-weight: bold; }

.weee {
  display: block;
  font-size: 14px; }
  .weee .price {
    font-size: 14px;
    font-weight: normal; }

.price-excl-tax {
  display: block; }
  .price-excl-tax .label {
    display: block;
    white-space: nowrap; }
  .price-excl-tax .price {
    display: block; }

.price-incl-tax {
  display: block; }
  .price-incl-tax .label {
    display: block;
    white-space: nowrap; }
  .price-incl-tax .price {
    display: block;
    font-weight: bold; }

.price-from {
  margin: 0; }
  .price-from .price-label {
    font-weight: bold;
    white-space: nowrap; }

.price-to {
  margin: 0; }
  .price-to .price-label {
    font-weight: bold;
    white-space: nowrap; }

.price-notice {
  padding-left: 10px; }
  .price-notice .price {
    font-weight: bold; }

.price-as-configured {
  margin: 0; }
  .price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap; }

.price-box-bundle {
  padding: 0 0 10px 0; }
  .price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important; }

.tier-prices {
  margin: 10px 0;
  padding: 10px;
  background-color: #f4f7f7;
  border: 1px solid #dadddd; }
  .tier-prices li {
    line-height: 1.4;
    background: url(../images/i_tier.gif) no-repeat 0 3px;
    padding: 2px 0 2px 10px; }
  .tier-prices .benefit {
    font-style: italic;
    font-weight: bold; }
  .tier-prices .price {
    font-weight: bold; }

.tier-prices-grouped li {
  padding: 2px 0; }
  .tier-prices-grouped li .price {
    font-weight: bold; }

.block {
  margin: 0 0 15px; }
  .block .block-title {
    padding: 0px 9px 2px 0px; }
    .block .block-title strong {
      display: block;
      font-family: "Titillium Web", sans-serif;
      font-weight: 700;
      min-height: 16px;
      padding: 1px 0 1px;
      text-transform: uppercase; }
  .block .block-subtitle {
    margin: 0;
    padding: 10px;
    font-size: 1em;
    font-weight: bold;
    background-color: #124b97;
    color: #FFF; }
  .block .block-content li.item {
    padding: 7px 9px; }
  .block .btn-remove {
    float: right;
    margin: 1px 0 2px 5px; }
  .block .actions {
    padding: 6px 9px;
    text-align: right; }
    .block .actions a {
      float: left; }
    .block .actions button.button {
      float: right; }
  .block .empty {
    margin: 0;
    padding: 5px 0px; }

#narrow-by-list dt {
  padding: 15px 0 5px; }

#narrow-by-list dd {
  padding: 0; }
  #narrow-by-list dd ol li {
    padding: 4px 0;
    line-height: 1.4em; }
    #narrow-by-list dd ol li:before {
      content: '';
      display: inline-block;
      background: url(../img/icons/minus.svg);
      background-size: cover;
      width: 8px;
      height: 8px;
      margin: 0 4px 0 0; }

.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login {
  font-size: 14px;
  line-height: 1.25; }

.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong {
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 0px; }

.data-table {
  width: 100%; }
  .data-table td.last,
  .data-table th.last {
    border-right: 0; }
  .data-table tr.last th,
  .data-table tr.last td {
    border-bottom: 0 !important; }
  .data-table th {
    padding: 3px 8px;
    font-weight: bold; }
  .data-table td {
    padding: 3px 8px; }
  .data-table thead th {
    font-weight: bold;
    padding: 2px 8px;
    white-space: nowrap;
    vertical-align: middle; }
  .data-table thead th.wrap {
    white-space: normal; }
  .data-table thead th .tax-flag {
    font-size: 14px;
    white-space: nowrap; }
  .data-table tfoot {
    border-bottom: 1px solid #d9dde3; }
    .data-table tfoot td {
      padding-top: 1px;
      padding-bottom: 1px;
      border-bottom: 0;
      border-right: 1px solid #d9dde3; }
    .data-table tfoot strong {
      font-size: 16px; }

.data-table tbody.odd tr {
  background: #f8f7f5 !important; }

.data-table tbody.even tr {
  background: #f6f6f6 !important; }

.data-table tbody.odd tr td,
.data-table tbody.even tr td {
  border-bottom: 0; }

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
  border-bottom: 1px solid #d9dde3; }

.data-table tbody td .option-label {
  font-weight: bold;
  font-style: italic; }

.data-table tbody td .option-value {
  padding-left: 10px; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
  .footable-toggle {
    background: url(../img/icons/plus.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: calc(50% - 8px);
    cursor: pointer; }
  .footable-first-column {
    padding-left: 35px !important;
    position: relative; }
  .footable-detail-show .footable-toggle {
    background: url(../img/icons/minus.svg);
    background-size: cover; }
  .footable-row-detail-row {
    padding: 0 0 15px;
    display: block; }
    .footable-row-detail-row .footable-row-detail-name, .footable-row-detail-row .footable-row-detail-value {
      display: inline; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
.pager {
  font-size: 12px;
  padding: 8px 22px;
  margin: 0 0 15px;
  background: #F7F7F7; }
  .pager .amount {
    float: left;
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    padding: 12px 0; }
    .pager .amount:last-child {
      margin-right: 0; }
  .pager .limiter {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-right: 0;
    float: right;
    text-align: right; }
    .pager .limiter:last-child {
      margin-right: 0; }
    .pager .limiter label {
      vertical-align: middle;
      display: inline; }
    .pager .limiter select {
      max-width: 50px;
      display: inline; }
  .pager .pages {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%; }
    .pager .pages:last-child {
      margin-right: 0; }
    .pager .pages ol {
      display: inline; }
    .pager .pages li {
      display: inline;
      margin: 0 2px; }
      .pager .pages li img {
        max-width: 12px;
        height: auto; }

.sorter {
  font-size: 12px;
  padding: 3px 0px; }
  .sorter .view-mode {
    float: left;
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .sorter .view-mode:last-child {
      margin-right: 0; }
  .sorter .sort-by {
    float: right;
    text-align: right;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .sorter .sort-by:last-child {
      margin-right: 0; }
    .sorter .sort-by label {
      vertical-align: middle;
      display: inline; }
    .sorter .sort-by select {
      display: inline;
      max-width: 120px; }
    .sorter .sort-by a {
      display: inline; }
      .sorter .sort-by a img {
        width: 16px;
        height: auto; }

.toolbar {
  clear: both;
  line-height: 20px; }
  .toolbar .pager {
    padding: 3px 0px; }

@media only screen and (max-width: 500px) {
  .pager .limiter {
    font-size: 0; }
    .pager .limiter label {
      font-size: 12px;
      padding: 0 5px 0 0; } }

.nobr {
  white-space: nowrap !important; }

.wrap {
  white-space: normal !important; }

.a-left {
  text-align: left !important; }

.a-center {
  text-align: center !important; }

.a-right {
  text-align: right !important; }

.v-top {
  vertical-align: top; }

.v-middle {
  vertical-align: middle; }

.f-left,
.left {
  float: left !important; }

.f-right,
.right {
  float: right !important; }

.f-none {
  float: none !important; }

.f-fix {
  float: left;
  width: 100%; }

.no-display {
  display: none; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-bg {
  background: none !important; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
header .quick-access:after,
.main:after,
footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

/*  Tabs
/* ------------------------------------------------------------------------- */
.tabs {
  height: 70px;
  zoom: 1;
  overflow: hidden;
  border-top: #DDD 1px solid;
  position: relative;
  z-index: 0; }
  .tabs li {
    float: left;
    width: 26%;
    position: relative;
    z-index: 4;
    margin-left: -2%; }
    .tabs li:first-child a {
      border-radius: 0 0 10px 0; }
    .tabs li:nth-child(2n) {
      z-index: 3; }
    .tabs li:nth-child(3n) {
      z-index: 2; }
    .tabs li:nth-child(4n) {
      z-index: 1; }
    .tabs li a {
      width: 100%;
      display: block;
      padding: 12px 0;
      font-weight: 700;
      font-style: italic;
      font-size: 14px;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none;
      transform: skewX(-10deg);
      border-radius: 0 0 10px;
      border: #FFF 1px solid;
      box-shadow: 3px 0px 27px 0px rgba(0, 0, 0, 0.2);
      background: #FFF; }
      .tabs li a span {
        transform: skewX(10deg); }
      .tabs li a:hover {
        text-decoration: none;
        padding: 18px 0; }
    .tabs li.active a, .tabs li.active a:hover {
      padding: 18px 0;
      color: #189bc1; }

.tabcontent {
  margin: 0;
  padding: 25px 25px;
  text-align: left; }
  .tabcontent .description_tabbed ul, .tabcontent .description_tabbed ol {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px; }
    .tabcontent .description_tabbed ul li, .tabcontent .description_tabbed ol li {
      margin-bottom: 5px; }
  .tabcontent .description_tabbed ol {
    list-style: decimal outside; }
  .tabcontent h2 {
    font-size: 30px;
    font-style: italic;
    color: #1174ad;
    font-weight: 900;
    padding: 0 0 12px;
    line-height: 1.2em; }
  .tabcontent h3 {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0;
    font-style: italic; }
  .tabcontent p {
    font-size: 14px;
    line-height: 1.5em; }
  .tabcontent hr {
    height: 2px;
    background: #DDD;
    border: none; }
  .tabcontent .tabbox {
    position: relative;
    border-bottom: #DDD 2px solid;
    padding-bottom: 25px; }
    .tabcontent .tabbox:after {
      content: "";
      display: table;
      clear: both; }
    .tabcontent .tabbox:before {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%;
      content: '';
      display: block;
      background: url("../img/icons/product/hose.svg") no-repeat center;
      background-size: 80px;
      min-height: 120px; }
      .tabcontent .tabbox:before:last-child {
        margin-right: 0; }
    .tabcontent .tabbox .text {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 74.4105871005%;
      margin-right: 0; }
      .tabcontent .tabbox .text:last-child {
        margin-right: 0; }
    .tabcontent .tabbox#swivel:before {
      background-image: url("../img/icons/product/swivel.svg"); }
    .tabcontent .tabbox#scrub:before {
      background-image: url("../img/icons/product/scrubs.svg"); }
    .tabcontent .tabbox#scoop:before {
      background-image: url("../img/icons/product/scoop.svg"); }
    .tabcontent .tabbox#skim:before {
      background-image: url("../img/icons/product/skims.svg"); }
    .tabcontent .tabbox#steer:before {
      background-image: url("../img/icons/product/intelligent.svg"); }
    .tabcontent .tabbox#vortex:before {
      background-image: url("../img/icons/product/vortex.svg"); }
    .tabcontent .tabbox#design:before {
      background-image: url("../img/icons/product/steering.svg"); }
  .tabcontent .tablist {
    list-style: none;
    padding: 0;
    margin: 0; }
    .tabcontent .tablist li {
      padding: 4px 0; }
      .tabcontent .tablist li:after {
        content: "";
        display: table;
        clear: both; }
      .tabcontent .tablist li:before {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        content: '';
        display: block;
        background: url("../img/icons/product/sucks.svg") no-repeat center;
        background-size: 50px;
        min-height: 50px; }
        .tabcontent .tablist li:before:last-child {
          margin-right: 0; }
      .tabcontent .tablist li.sweeps:before {
        background-image: url("../img/icons/product/sweeps.svg"); }
      .tabcontent .tablist li.scrubs:before {
        background-image: url("../img/icons/product/scrubs.svg"); }
      .tabcontent .tablist li.skims:before {
        background-image: url("../img/icons/product/skims.svg"); }
      .tabcontent .tablist li.steer:before {
        background-image: url("../img/icons/product/steering.svg"); }
      .tabcontent .tablist li br {
        display: none; }
      .tabcontent .tablist li p {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
        margin-right: 0; }
        .tabcontent .tablist li p:last-child {
          margin-right: 0; }
        .tabcontent .tablist li p strong {
          display: block; }

#product_tabs_tags_tabbed_contents .input-box {
  width: 300px;
  float: left;
  margin-right: 10px; }

#product_tabs_tags_tabbed_contents li {
  float: left;
  margin-right: 10px; }

#product_tabs_tags_tabbed_contents ol {
  clear: both; }

.product-collateral:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
  zoom: 1; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 590px) {
  .tabs {
    overflow: visible;
    height: auto;
    padding-bottom: 30px; }
    .tabs li {
      display: block;
      width: 100%;
      float: none;
      margin-left: 0; }
      .tabs li a {
        border-radius: 0;
        transform: skewX(0deg); }
        .tabs li a span {
          transform: skewX(0deg); }
      .tabs li:first-child a {
        border-radius: 0; }
  .tabcontent .tabbox {
    text-align: center; }
    .tabcontent .tabbox:before {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0;
      text-align: left;
      margin-bottom: 0; }
      .tabcontent .tabbox:before:last-child {
        margin-right: 0; }
    .tabcontent .tabbox .text, .tabcontent .tabbox p {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .tabcontent .tabbox .text:last-child, .tabcontent .tabbox p:last-child {
        margin-right: 0; }
  .tabcontent .tablist li {
    text-align: center; }
    .tabcontent .tablist li:before {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0;
      text-align: left;
      margin-bottom: 15px;
      width: 80px;
      height: 80px;
      background-size: 80px;
      margin: 0 auto 15px;
      float: none; }
      .tabcontent .tablist li:before:last-child {
        margin-right: 0; }
    .tabcontent .tablist li .text, .tabcontent .tablist li p {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0; }
      .tabcontent .tablist li .text:last-child, .tabcontent .tablist li p:last-child {
        margin-right: 0; }
      .tabcontent .tablist li .text strong, .tabcontent .tablist li p strong {
        text-transform: uppercase; } }

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both; }

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box; }

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px; }

.swatch-link img {
  border-radius: 2px; }

.swatch-link:hover {
  cursor: pointer;
  text-decoration: none; }

.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/bg_x.png) center no-repeat transparent;
  z-index: 10; }

.swatch-link.has-image .swatch-label {
  position: relative; }

.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0; }

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4; }

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px); }

.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px; }

.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top; }

.configurable-swatch-list .not-available .x {
  display: block; }

.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative; }

.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff; }

.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px; }

.configurable-swatch-list .not-available a:focus {
  outline: 0; }

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%; }

#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left; }

#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit; }

#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399cc; }

#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap; }

#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box; }

#narrow-by-list dd .has-image .swatch-label {
  padding: 0; }

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left; } }

.currently .swatch-current {
  position: relative; }

.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%; }

.currently .swatch-current span {
  display: block;
  float: left; }

.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px; }

.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default; }

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399cc; }

.configurable-swatch-box {
  background: none !important; }

.configurable-swatch-box select.swatch-select {
  display: none; }

.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px; }

.product-view .product-img-box .product-image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0px auto; }

.product-view .product-img-box .product-image-zoom {
  z-index: 0; }

.product-view .product-image-thumbs img {
  max-width: 100%;
  max-height: 100%; }

body, html {
  height: 100%; }

a, a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
  color: #666;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear; }

img {
  max-width: 100%;
  height: auto; }

.genericoverlay, #dealer_locator.activelocator #postcodesearch .fieldsetshow .overlay {
  display: none; }
  .genericoverlay.active, #dealer_locator.activelocator #postcodesearch .fieldsetshow .active.overlay {
    margin: 0 auto;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    width: 600px;
    height: 100%;
    z-index: 99999; }

.spinner {
  text-align: center; }
  .spinner.loading {
    position: absolute;
    z-index: 999999;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    background: url("../images/ring.svg") 50% 50% no-repeat;
    background-size: contain; }

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
header .quick-access:after,
.main:after,
footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

#intro ul li {
  height: 700px;
  width: 100%;
  color: #FFF;
  font-weight: 900;
  font-size: 35px;
  font-style: italic;
  background-size: cover;
  /*
        .competition{
          padding: 25px 20px;
          margin: 240px auto;
          width: 100%;
          display: block;
          max-width: 600px;
          color: #FFF;
          background: $darkblue;
          background: -moz-linear-gradient(left, rgba(18,75,151,1) 0%, rgba(28,147,189,1) 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(18,75,151,1)), color-stop(100%,rgba(28,147,189,1)));
          background: -webkit-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
          background: -o-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
          background: -ms-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
          background: linear-gradient(to right, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
          font-size: 18px;
          text-transform: uppercase;
          text-align: center;
          text-decoration: none;
          transform: skewX(-16deg);
          border-radius: 30px 0;
           > span{
            transform: skewX(16deg);
            display: block;
            h2{
              color: #FFF;
              font-size: 80px;
              padding: 0;
              margin: 0;
              line-height: 1em;
              font-weight: 700;
              font-style: italic;
              span{
                font-size: 40px;
                display: inline-block;
              }
            }
            p{
              font-size: 22px;
              padding: 10px 0 10px!important;
            }
            a{
              color: #FFF;
              text-transform: none;
              text-decoration: none;
              font-size: 22px;
              &:hover{
                text-decoration: underline;
              }
            }
          }
          &#spare{
            background: $green;
            > span{
              p{
                padding: 0 0 16px;
              }
            }
          }
        }
        */ }
  #intro ul li span {
    display: block;
    line-height: 1.3em; }
    #intro ul li span p {
      font-size: 30px; }
      #intro ul li span p.learnmore {
        display: block;
        padding: 20px 0 0;
        line-height: 1.3em;
        font-size: 22px; }
      #intro ul li span p a {
        color: #fff; }
    #intro ul li span h2 {
      display: block;
      font-size: 85px;
      padding: 0 0 10px; }
  #intro ul li .sliderwrap {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #intro ul li .sliderwrap:after {
      content: "";
      display: table;
      clear: both; }
    #intro ul li .sliderwrap:after {
      content: "";
      display: table;
      clear: both; }
  #intro ul li#playmore {
    background: url("../img/home/play-more.jpg") center 85% no-repeat;
    background-size: cover;
    text-align: left; }
    #intro ul li#playmore span {
      padding: 100px 0 0 180px; }
      #intro ul li#playmore span h3 {
        display: block;
        padding: 20px 0 30px;
        text-transform: uppercase;
        color: #FFDB00;
        font-size: 48px;
        font-style: normal; }
      #intro ul li#playmore span p {
        line-height: 1.0em; }
  #intro ul li#vtx7 {
    background: url("../img/home/vtx-7-triple-clean.jpg") center bottom no-repeat;
    background-size: cover; }
    #intro ul li#vtx7 span {
      padding: 40px 0 0 900px; }
      #intro ul li#vtx7 span p {
        line-height: 1.2em;
        font-size: 38px; }
        #intro ul li#vtx7 span p.learnmore {
          line-height: 1.2em;
          padding: 0;
          font-size: 20px; }
      #intro ul li#vtx7 span .types {
        background: url("../img/home/types.png") center 85% no-repeat;
        background-size: cover;
        margin: 15px 0 0;
        padding: 20px;
        width: 280px;
        height: 100px; }
  #intro ul li#aussiemade {
    background: url("../img/home/aussie-made.jpg") center 85% no-repeat;
    background-size: cover; }
    #intro ul li#aussiemade span {
      padding: 350px 0 0 900px;
      line-height: 1.3em;
      color: #222B64; }
      #intro ul li#aussiemade span h2:nth-child(1) {
        margin: 0 0 20px;
        font-weight: normal; }
      #intro ul li#aussiemade span p {
        line-height: 1.0em;
        text-align: right; }
        #intro ul li#aussiemade span p.learnmore {
          padding: 20px 160px 0 0; }
        #intro ul li#aussiemade span p a {
          color: #222B64; }
  #intro ul li#sprinta {
    background: url("../img/home/unstickable-sprinta.jpg") center 85% no-repeat;
    background-size: cover; }
    #intro ul li#sprinta span {
      padding: 85px 0 0 900px;
      color: #222B64; }
      #intro ul li#sprinta span p {
        font-size: 40px;
        line-height: 1.2em; }
        #intro ul li#sprinta span p.learnmore {
          font-size: 20px;
          padding: 10px 160px 0 0; }
        #intro ul li#sprinta span p a {
          color: #222B64; }
  #intro ul li#zerocost {
    background: url("../img/home/zero-running-cost.jpg") center 85% no-repeat;
    background-size: cover; }
    #intro ul li#zerocost span.description {
      padding: 365px 0 0 50px;
      width: 1100px;
      max-width: 1100px;
      min-width: 280px;
      margin: 0 auto;
      color: #222B64; }
      #intro ul li#zerocost span.description p {
        line-height: 1.2em;
        font-size: 36px;
        margin: 0 auto;
        padding: 10px 0 0 0; }
        #intro ul li#zerocost span.description p.learnmore {
          text-align: right;
          font-size: 22px;
          padding: 10px 25px 0 0; }
        #intro ul li#zerocost span.description p a {
          color: #222B64; }
    #intro ul li#zerocost .runningcost {
      background: url("../img/home/zero-running-cost.png") center no-repeat;
      background-size: cover;
      height: 560px; }

#intro .slick-arrow {
  position: absolute;
  top: 40%;
  background: none;
  border: none;
  z-index: 9999;
  font-size: 0;
  outline: none;
  cursor: pointer; }
  #intro .slick-arrow:before {
    content: "";
    font-size: 55px;
    color: #FFF; }
  #intro .slick-arrow.slick-prev {
    left: 20px; }
  #intro .slick-arrow.slick-next {
    right: 20px;
    left: auto; }
    #intro .slick-arrow.slick-next:before {
      content: ""; }

@media screen and (max-width: 1600px) {
  #intro ul li {
    height: 700px; }
    #intro ul li#aussiemade span {
      padding: 370px 0 0 800px;
      line-height: 1.3em;
      color: #222B64; }
      #intro ul li#aussiemade span h2 {
        font-size: 65px; }
        #intro ul li#aussiemade span h2:nth-child(1) {
          margin: 0;
          font-weight: normal; }
      #intro ul li#aussiemade span p {
        line-height: 1.0em;
        text-align: right; }
        #intro ul li#aussiemade span p.learnmore {
          padding: 20px 160px 0 0; } }

@media screen and (max-width: 1200px) {
  #intro {
    height: calc(100vh - 80px);
    min-height: 300px;
    max-height: 500px; }
    #intro ul li {
      height: 500px; }
      #intro ul li#playmore {
        text-align: left; }
        #intro ul li#playmore span {
          padding: 100px 0 0 180px; }
          #intro ul li#playmore span h3 {
            display: block;
            padding: 20px 0 30px;
            text-transform: uppercase;
            color: #FFDB00;
            font-size: 48px;
            font-style: normal; }
          #intro ul li#playmore span p {
            padding: 0;
            line-height: 1.3em; }
            #intro ul li#playmore span p.learnmore {
              display: block;
              padding: 0;
              bottom: 10px;
              top: auto;
              transform: none; }
      #intro ul li#vtx7 span {
        padding: 15px 0 0 720px;
        margin: 30px 0 0; }
        #intro ul li#vtx7 span p {
          line-height: 1.2em;
          padding: 0; }
          #intro ul li#vtx7 span p.learnmore {
            line-height: 1.2em; }
      #intro ul li#sprinta span {
        padding: 280px 10px 0 0;
        color: #fff; }
        #intro ul li#sprinta span p {
          padding: 0 40px 0; }
          #intro ul li#sprinta span p.learnmore {
            display: block;
            padding: 0 40px 0;
            bottom: 10px;
            top: auto;
            transform: none; }
          #intro ul li#sprinta span p a {
            color: #fff; }
      #intro ul li#aussiemade span {
        padding: 270px 0 0 650px; }
        #intro ul li#aussiemade span h2 {
          font-size: 65px; }
        #intro ul li#aussiemade span p {
          line-height: 1.0em;
          text-align: right;
          margin: 40px 0 0; }
          #intro ul li#aussiemade span p.learnmore {
            padding: 40px 150px 0 0; }
      #intro ul li#zerocost .runningcost {
        background: url("../img/home/zero-running-cost.png") 60% no-repeat;
        background-size: cover;
        height: 400px !important;
        transform: none; }
      #intro ul li#zerocost span.description {
        padding: 65px 0 0 50px;
        text-align: center;
        margin: 0 auto;
        width: 750px; }
        #intro ul li#zerocost span.description p {
          line-height: 1.0em;
          padding: 0; }
          #intro ul li#zerocost span.description p.learnmore {
            text-align: left;
            margin: 20px 0 0;
            padding: 40px 0 0 0; }
    #intro li .wrap {
      height: 100% !important; }
    #intro li span {
      padding: 265px 0 0 20px; }
      #intro li span p {
        line-height: 1.2em;
        font-size: 36px;
        margin: 0 auto;
        padding: 10px 30px 0;
        width: 100%;
        max-width: 1100px;
        min-width: 300px;
        text-align: left;
        top: 50%;
        transform: translateY(-50%);
        position: relative; }
        #intro li span p.learnmore {
          text-align: left;
          font-size: 22px;
          padding: 0 30px 0;
          line-height: 1.1em;
          top: 30%;
          transform: translateY(-90%); }
    #intro li#competitions, #intro li#spares {
      /*
        .competition{
          position: relative;
          top: 50%!important;
          @include transform(skewX(-10deg) translateY(-50%)!important);
          margin: 0 auto!important;
          z-index: 3;
          > span{
            @include transform(skewX(10deg) translateY(0%)!important);
            h2{
              span{
                display: inline!important;
              }
            }
          }
        }
        */ }
      #intro li#competitions:before, #intro li#spares:before {
        display: none; }
      #intro li#competitions .competition, #intro li#spares .competition {
        position: relative;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        margin: 0 auto !important;
        z-index: 3; }
    #intro .slick-arrow {
      display: none !important; } }

@media screen and (max-width: 1024px) {
  #intro {
    height: 550px; }
    #intro ul li {
      height: 550px;
      font-size: 28px; }
      #intro ul li#vtx7 span {
        padding: 15px;
        margin: 30px auto 0;
        max-width: 300px; }
        #intro ul li#vtx7 span .types {
          margin: 15px 0 0;
          padding: 20px 0 20px 35px;
          width: 250px;
          height: 92px; }
      #intro ul li#aussiemade span {
        padding: 20px;
        line-height: 1.3em;
        color: #fff;
        margin: 30px auto 0;
        width: 400px;
        max-width: 500px; }
        #intro ul li#aussiemade span h2 {
          font-size: 60px; }
          #intro ul li#aussiemade span h2:nth-child(1) {
            margin: 0;
            font-weight: normal; }
        #intro ul li#aussiemade span p {
          line-height: 1.0em;
          text-align: right;
          margin: 40px 0 0; }
          #intro ul li#aussiemade span p.learnmore {
            padding: 40px 80px 0 0; }
          #intro ul li#aussiemade span p a {
            color: #fff; } }

@media screen and (max-width: 800px) {
  #intro {
    max-height: 400px; }
    #intro ul li {
      background-size: cover; }
      #intro ul li#playmore span {
        padding: 35px 40px 0;
        margin: 0 auto;
        max-width: 600px;
        min-width: 280px; }
        #intro ul li#playmore span h2 {
          font-size: 50px; }
        #intro ul li#playmore span h3 {
          padding: 10px 0 15px;
          font-size: 30px; }
        #intro ul li#playmore span p {
          padding: 0;
          line-height: 1.3em;
          font-size: 24px; }
          #intro ul li#playmore span p.learnmore {
            display: block;
            padding: 0;
            bottom: 10px;
            top: auto;
            transform: none; }
      #intro ul li#vtx7 span p {
        line-height: 1.2em;
        font-size: 26px; }
        #intro ul li#vtx7 span p.learnmore {
          line-height: 1.2em;
          padding: 0;
          margin: 10px 0 0;
          font-size: 20px; }
      #intro ul li#sprinta {
        background-size: cover; }
        #intro ul li#sprinta span {
          padding: 280px 10px 0 40px;
          color: #fff; }
          #intro ul li#sprinta span p {
            padding: 0 40px 0;
            font-size: 26px; }
            #intro ul li#sprinta span p.learnmore {
              display: block;
              padding: 0 40px 0;
              bottom: 10px;
              top: auto;
              font-size: 20px;
              transform: none; }
      #intro ul li#zerocost .runningcost {
        height: 300px !important; }
      #intro ul li#zerocost span.description {
        padding: 0 0 0 50px;
        width: 550px; }
        #intro ul li#zerocost span.description p {
          padding: 0;
          font-size: 30px; }
          #intro ul li#zerocost span.description p.learnmore {
            margin: 0;
            padding: 20px 0 0 0; }
      #intro ul li span p {
        font-size: 24px; }
      #intro ul li#competitions, #intro ul li#spares {
        /*
          .competition{
            position: relative;
            top: 50%!important;
            @include transform(skewX(0deg) translateY(-50%)!important);
            margin: 0 auto!important;
            border-radius: 0px!important;
            z-index: 3;
            max-width: 1000px;
            > span{
              display: inline-block!important;
              top: auto!important;
              @include transform(skewX(0deg) translateY(0%)!important);
              h2{
                font-size: 40px!important;
                span{
                  font-size: 23px!important;
                  display: inline!important;
                }
              }
              p{
                font-size: 16px!important;
              }
            }
          }
          */ }
        #intro ul li#competitions:before, #intro ul li#spares:before {
          display: none; }
        #intro ul li#competitions .wrap, #intro ul li#spares .wrap {
          padding: 0; }
        #intro ul li#competitions .competition, #intro ul li#spares .competition {
          width: 470px;
          height: 135px; } }

@media screen and (max-width: 640px) {
  #intro ul li#zerocost .runningcost {
    height: 300px !important; }
  #intro ul li#zerocost span.description {
    padding: 0 0 0 0;
    width: 300px; }
    #intro ul li#zerocost span.description p {
      padding: 0;
      line-height: 1.2em; }
      #intro ul li#zerocost span.description p.learnmore {
        margin: 0;
        padding: 20px 0 0 0; } }

@media screen and (max-width: 480px) {
  #intro {
    height: 100vh;
    max-height: 520px; }
    #intro ul li {
      height: 520px; }
      #intro ul li#playmore {
        height: 520px; }
        #intro ul li#playmore span h2 {
          font-size: 40px;
          padding: 0; }
        #intro ul li#playmore span h3 {
          font-size: 24px; }
        #intro ul li#playmore span p {
          font-size: 20px; }
          #intro ul li#playmore span p.learnmore {
            font-size: 16px; }
      #intro ul li#vtx7 span {
        padding: 15px;
        margin: 30px auto 0;
        max-width: 300px; }
        #intro ul li#vtx7 span .types {
          margin: 15px 0 0;
          padding: 20px 0 20px 35px;
          width: 220px;
          height: 80px; }
      #intro ul li#aussiemade {
        background: url("../img/home/aussie-made.jpg") 40% 65% no-repeat;
        background-size: cover; }
        #intro ul li#aussiemade span h2 {
          padding: 0 0 10px 10px;
          font-size: 48px;
          font-weight: 700 !important; }
        #intro ul li#aussiemade span p {
          line-height: 1.0em;
          text-align: right;
          margin: 24px 30px 0; }
          #intro ul li#aussiemade span p.learnmore {
            padding: 10px 115px 0 0; }
      #intro ul li#sprinta {
        background: url("../img/home/unstickable-sprinta.jpg") 30% 85% no-repeat;
        background-size: cover; }
        #intro ul li#sprinta span {
          padding: 280px 40px 0 0;
          color: #fff; }
          #intro ul li#sprinta span p {
            padding: 0 40px 0; }
            #intro ul li#sprinta span p.learnmore {
              line-height: 1.2em;
              padding: 0px 40px 0; }
      #intro ul li#zerocost .runningcost {
        height: 200px !important; }
      #intro ul li#zerocost span {
        padding: 265px 0 0 0; }
      #intro ul li#zerocost span.description {
        padding: 0 0 0 0;
        width: 300px; }
        #intro ul li#zerocost span.description p {
          padding: 0;
          font-size: 26px;
          line-height: 1.2em; }
          #intro ul li#zerocost span.description p.learnmore {
            margin: 0;
            padding: 20px 0 0 0; }
      #intro ul li#competitions .competition, #intro ul li#spares .competition {
        width: 330px;
        height: 95px; } }

#products .wrap {
  position: relative;
  top: -150px;
  z-index: 9999; }
  #products .wrap ul li {
    width: 34.3%;
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
    height: 240px;
    box-shadow: 7px 0px 54px 0px rgba(0, 0, 0, 0.2);
    border-radius: 30px 0;
    transform: skewX(-10deg);
    overflow: hidden;
    background: #FFF;
    z-index: 3; }
    #products .wrap ul li .info {
      transform: skewX(10deg);
      padding: 40px;
      position: relative;
      z-index: 1;
      font-weight: 700;
      font-style: italic;
      text-transform: uppercase; }
      #products .wrap ul li .info h3 {
        font-size: 25px;
        color: #124b97; }
      #products .wrap ul li .info p {
        max-width: 50%;
        line-height: 1.3em;
        color: #666;
        padding: 6px 0;
        font-size: 16px; }
      #products .wrap ul li .info a {
        text-decoration: none;
        font-size: 26px;
        border: #CCC 1px solid;
        color: #CCC;
        padding: 0 20px;
        height: 45px;
        line-height: 40px;
        display: inline-block;
        margin: 24px 0 0;
        transform: skewX(-10deg);
        border-radius: 10px 0; }
        #products .wrap ul li .info a:hover {
          border: #124b97 1px solid;
          background: #124b97;
          color: #FFF; }
    #products .wrap ul li img {
      transform: skewX(10deg);
      max-height: 220px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 0; }
    #products .wrap ul li:nth-child(2) {
      width: 43.3%;
      top: 0;
      left: 23.3%;
      padding-left: 10%;
      z-index: 2; }
      #products .wrap ul li:nth-child(2) .info h3 {
        color: #1174ad; }
      #products .wrap ul li:nth-child(2) .info a:hover {
        border: #1174ad 1px solid;
        background: #1174ad;
        color: #FFF; }
    #products .wrap ul li:nth-child(3) {
      width: 43.3%;
      top: 0;
      left: 56.3%;
      padding-left: 10%;
      z-index: 1; }
      #products .wrap ul li:nth-child(3) .info h3 {
        font-weight: 700;
        color: #189bc1; }
        #products .wrap ul li:nth-child(3) .info h3 strong {
          font-weight: 700; }
      #products .wrap ul li:nth-child(3) .info a:hover {
        border: #189bc1 1px solid;
        background: #189bc1;
        color: #FFF; }

@media screen and (max-width: 1200px) {
  #products .wrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
    top: 0; }
    #products .wrap ul li {
      width: 100%;
      margin: 0 auto;
      position: relative;
      transform: skewX(0deg);
      border-radius: 0;
      left: 0 !important; }
      #products .wrap ul li .info {
        transform: skewX(0deg); }
      #products .wrap ul li img {
        right: 40px;
        transform: skewX(0deg); }
      #products .wrap ul li:nth-child(2) {
        width: 100%;
        padding-left: 0; }
      #products .wrap ul li:nth-child(3) {
        width: 100%;
        padding-left: 0; } }

#content {
  padding: 200px 0 80px;
  text-align: center; }
  #content .std {
    max-width: 800px;
    margin: 0 auto; }
    #content .std h1 {
      font-style: italic; }
    #content .std p {
      font-size: 17px; }
  #content .cta {
    padding: 20px 0 40px;
    position: static; }
    #content .cta ul {
      list-style: none;
      max-width: 1200px; }
      #content .cta ul li {
        width: 30%;
        float: left;
        position: relative;
        z-index: 2; }
        #content .cta ul li a {
          padding: 15px 15px;
          margin: 30px 0;
          width: 100%;
          display: block;
          color: #FFF;
          background: #124b97;
          font-weight: 700;
          font-style: italic;
          font-size: 18px;
          text-transform: uppercase;
          text-align: center;
          text-decoration: none;
          transform: skewX(-10deg);
          border-radius: 10px 0;
          border: #FFF 1px solid; }
          #content .cta ul li a span {
            transform: skewX(10deg); }
          #content .cta ul li a:hover {
            background: #189bc1; }
        #content .cta ul li:nth-child(3) {
          width: 32%;
          margin-left: -2%;
          z-index: 1; }
          #content .cta ul li:nth-child(3) a {
            background: #1174ad; }
            #content .cta ul li:nth-child(3) a:hover {
              background: #189bc1; }
        #content .cta ul li:nth-child(4) {
          width: 32%;
          margin-left: -2%;
          z-index: 0; }
          #content .cta ul li:nth-child(4) a {
            background: #189bc1; }
            #content .cta ul li:nth-child(4) a:hover {
              background: #124b97; }
        #content .cta ul li:first-child {
          width: 10%;
          text-align: right;
          float: right; }
          #content .cta ul li:first-child img {
            max-width: 130px; }
  @media screen and (max-width: 1200px) {
    #content {
      padding: 80px 0; } }
  @media screen and (max-width: 1024px) {
    #content {
      padding: 80px 0; }
      #content .cta {
        display: block; }
        #content .cta ul li {
          width: 100% !important; }
          #content .cta ul li a {
            margin: 10px 0; }
          #content .cta ul li:first-child {
            text-align: center;
            padding-bottom: 25px; } }

.category-image {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px;
  text-align: center; }

.category-description {
  margin: 0 0 10px; }

.products-grid {
  position: relative; }
  .products-grid li.item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    padding: 12px 25px 70px;
    position: relative; }
    .products-grid li.item:last-child {
      margin-right: 0; }
    .products-grid li.item:nth-child(4n) {
      margin-right: 0; }
    .products-grid li.item:nth-child(4n+1) {
      clear: left; }
    .products-grid li.item.first {
      padding-left: 0; }
    .products-grid li.item.last {
      padding-right: 0; }
  .products-grid .product-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px; }
    .products-grid .product-image img {
      width: 100%; }
  .products-grid .product-name {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 13px; }
  .products-grid .price-box {
    margin: 5px 0; }
  .products-grid .availability {
    line-height: 21px; }

.products-list {
  float: left; }
  .products-list li.item {
    padding: 12px 0px; }
    .products-list li.item.last {
      border-bottom: 0; }
  .products-list .product-image {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0 0 10px; }
  .products-list .product-shop {
    margin-left: 150px; }
  .products-list .product-name {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 13px; }
  .products-list .price-box {
    float: left;
    margin: 3px 13px 5px 0; }
  .products-list .availability {
    float: left;
    margin: 3px 0 0; }
  .products-list .desc {
    clear: both;
    padding: 6px 0 0;
    margin: 0 0 15px;
    line-height: 1.35; }
    .products-list .desc .link-more {
      font-size: 14px; }
  .products-list .add-to-links {
    clear: both; }
    .products-list .add-to-links li {
      display: inline; }
    .products-list .add-to-links .separator {
      display: inline;
      margin: 0 2px; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
  .products-grid {
    position: relative; }
    .products-grid li.item {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      padding: 12px 25px 80px;
      text-align: center; }
      .products-grid li.item:last-child {
        margin-right: 0; }
      .products-grid li.item:nth-child(2n) {
        margin-right: 0; }
      .products-grid li.item:nth-child(2n+1) {
        clear: left; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .products-grid {
    position: relative; }
    .products-grid li.item {
      text-align: center;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      padding: 12px 25px 80px;
      margin-right: 0; }
      .products-grid li.item:last-child {
        margin-right: 0; } }

.product-shop .add-to-bar {
  display: none; }

.product-shop .poolcleaner_message {
  width: 100%;
  padding: 0 25px 20px;
  text-align: left; }
  .product-shop .poolcleaner_message h2 {
    font-size: 18px;
    font-weight: 900;
    padding: 0;
    font-style: italic;
    line-height: 1.2em; }
    .product-shop .poolcleaner_message h2 a {
      text-decoration: underline;
      color: inherit; }

@keyframes nodeInserted {
  from {
    outline-color: #fff; }
  to {
    outline-color: #000; } }

#dealer_locator {
  display: none; }
  #dealer_locator.activelocator {
    display: block;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6); }
    #dealer_locator.activelocator #postcodesearch {
      position: relative;
      top: 40%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      max-height: 300px; }
      #dealer_locator.activelocator #postcodesearch .spinner {
        text-align: center; }
        #dealer_locator.activelocator #postcodesearch .spinner.loading {
          position: absolute;
          z-index: 999999;
          left: 50%;
          top: 50%;
          width: 60px;
          height: 60px;
          transform: translate(-50%);
          -moz-transform: translate(-50%);
          -webkit-transform: translate(-50%);
          background: url("../images/ring.svg") 50% 50% no-repeat;
          background-size: contain; }
      #dealer_locator.activelocator #postcodesearch #postcodeerror {
        display: none; }
        #dealer_locator.activelocator #postcodesearch #postcodeerror.activeerror {
          display: block;
          position: relative;
          background-color: #fff;
          padding: 20px 45px;
          width: 600px;
          margin: 0 auto 0;
          text-align: left; }
          #dealer_locator.activelocator #postcodesearch #postcodeerror.activeerror span {
            color: #666;
            font-size: 16px;
            margin: 0;
            line-height: 1.35em;
            position: relative; }
          #dealer_locator.activelocator #postcodesearch #postcodeerror.activeerror:before {
            content: "";
            border: 2px solid #E74C3C;
            border-radius: 50px;
            color: #E74C3C;
            font-size: 22px;
            position: absolute;
            left: 7px;
            top: 18px; }
        #dealer_locator.activelocator #postcodesearch #postcodeerror.activemessage {
          display: block;
          position: relative;
          background-color: #fff;
          padding: 20px 45px;
          width: 600px;
          margin: 0 auto 0;
          text-align: left; }
          #dealer_locator.activelocator #postcodesearch #postcodeerror.activemessage span {
            color: #666;
            font-size: 16px;
            margin: 0;
            line-height: 1.35em;
            position: relative; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow {
        background-color: #fff;
        padding: 0;
        max-width: 600px;
        margin: 0 auto;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.3) 0 0 30px; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow span#closesearch {
          position: absolute;
          top: 16px;
          right: 20px;
          cursor: pointer; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow span#closesearch:before {
            font-size: 25px;
            content: "";
            color: #fff; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .panel_header {
          float: left;
          width: 100%;
          padding: 20px 20px;
          font-size: 18px;
          color: #fff;
          background-color: #124b97; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield {
          float: right;
          width: 100%;
          padding: 16px 20px;
          font-size: 18px;
          color: #666;
          background-color: #f7f5f3; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield input {
            margin: 0 5px; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield label {
            font-size: 16px;
            font-weight: 700; }
            #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield label span#installation-retailprice {
              text-decoration: line-through; }
            #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield label p {
              display: inline;
              font-size: 16px; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .input-box {
          width: 65%;
          margin: 0;
          float: left;
          border-bottom: 1px solid #DDD; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow .input-box .input-text {
            margin: 0;
            border: 0px;
            padding: 16px;
            font-size: 18px; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set {
          margin: 0;
          width: 35%;
          float: right;
          clear: none; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set .button {
            border-radius: 0px;
            background-color: #1174ad;
            transform: none;
            margin: 0;
            padding: 16px 78px;
            border-bottom: 1px solid #1174ad; }
            #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set .button:hover {
              background-color: rgba(17, 116, 173, 0.9);
              color: #fff; }
      #dealer_locator.activelocator #postcodesearch .fieldset {
        border-radius: 0px;
        background-color: #fff;
        padding: 0; }
        #dealer_locator.activelocator #postcodesearch .fieldset .check_field {
          width: 100%; }
          #dealer_locator.activelocator #postcodesearch .fieldset .check_field .panel_header {
            background-color: #124b97;
            width: 70%;
            color: #fff;
            display: inline-block;
            padding: 20px 10px;
            font-size: 20px; }
        #dealer_locator.activelocator #postcodesearch .fieldset .check-search-type.checkboxfield {
          width: 30%;
          display: inline;
          padding: 20px 10px;
          background-color: #124b97; }
        #dealer_locator.activelocator #postcodesearch .fieldset .check-search-type label {
          font-size: 20px;
          color: #fff; }
          #dealer_locator.activelocator #postcodesearch .fieldset .check-search-type label.required {
            float: none; }
        #dealer_locator.activelocator #postcodesearch .fieldset .check-search-type input {
          display: inline-block; }
          #dealer_locator.activelocator #postcodesearch .fieldset .check-search-type input#delivery_check {
            display: none; }
    #dealer_locator.activelocator #dealers {
      display: none; }
      #dealer_locator.activelocator #dealers.dealersactive {
        display: block;
        position: relative;
        max-height: 300px;
        width: 600px;
        margin: 0 auto; }
        #dealer_locator.activelocator #dealers.dealersactive .message {
          background-color: white;
          width: 100%;
          display: block;
          padding: 20px;
          font-size: 20px;
          font-weight: bold; }
        #dealer_locator.activelocator #dealers.dealersactive .key {
          background-color: #124b97;
          padding: 20px 0;
          position: relative; }
          #dealer_locator.activelocator #dealers.dealersactive .key span {
            margin: 0 0 0 35px;
            color: #fff; }
            #dealer_locator.activelocator #dealers.dealersactive .key span:before {
              content: "";
              font-size: 20px;
              color: #DDD;
              display: inline;
              width: 50px;
              position: absolute;
              padding: 0 10px;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%); }
        #dealer_locator.activelocator #dealers.dealersactive h2 {
          font-size: 26px;
          padding: 10px 0; }
        #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist {
          list-style: none;
          background: #fff;
          overflow: scroll;
          max-height: 200px; }
          #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li {
            width: 100%;
            border: 1px solid #F7F7F7;
            transition: all 0.3s;
            background-color: #fff;
            padding: 15px 0;
            position: relative;
            animation-duration: 0.01s;
            animation-name: nodeInserted; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer {
              background-color: #eaf7fe; }
              #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer:before {
                content: "";
                font-size: 20px;
                color: #1174ad;
                display: inline;
                width: 50px;
                position: absolute;
                padding: 0 10px;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%); }
              #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer a {
                color: #666; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.regulardealer {
              background-color: #fff; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li a {
              width: 100%;
              cursor: pointer;
              color: #666;
              font-size: 14px;
              margin: 0 0 0 25px; }
              #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li a span {
                display: inline;
                padding: 10px; }
                #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li a span.item-id {
                  display: none; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li:hover {
              background-color: #124b97; }
              #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li:hover a {
                color: #fff; }
              #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li:hover.premiumdealer:before {
                color: #FFF; }

.pac-icon {
  display: none; }

.autocomplete-suggestions {
  position: fixed !important; }

.activeautocomplete {
  z-index: 9999999 !important;
  bottom: auto;
  width: 70%;
  border-right: 3px solid #fff;
  left: auto; }

.ratings {
  font-size: 14px;
  line-height: 1.25;
  margin: 7px 0; }
  .ratings strong {
    float: left;
    margin: 1px 3px 0 0; }
  .ratings .rating-links {
    margin: 0; }
    .ratings .rating-links .separator {
      margin: 0 2px; }
  .ratings .rating-box {
    float: left;
    margin-right: 3px; }

.rating-box {
  height: 13px;
  font-size: 0;
  line-height: 0;
  background: url(../images/bkg_rating.gif) 0 0 repeat-x;
  text-indent: -999em;
  overflow: hidden; }
  .rating-box .rating {
    float: left;
    height: 13px;
    background: url(../images/bkg_rating.gif) 0 100% repeat-x; }

.ratings-table th,
.ratings-table td {
  font-size: 14px;
  line-height: 1.15;
  padding: 3px 0; }

.ratings-table th {
  font-weight: bold;
  padding-right: 8px; }

.availability {
  margin: 0; }
  .availability span {
    font-weight: bold; }

.availability-only {
  margin: 10px 0 7px;
  line-height: 16px;
  background: url(../images/i_availability_only.gif) 0 50% no-repeat;
  padding-left: 15px; }
  .availability-only span,
  .availability-only a {
    border-bottom: 1px dashed #751d02;
    cursor: help; }
  .availability-only a {
    background: url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat;
    cursor: pointer;
    padding-right: 15px;
    text-decoration: none; }
  .availability-only .expanded {
    background-position: 100% -15px; }

.availability-only-details {
  margin: 0 0 7px; }
  .availability-only-details th {
    background: #d2d6d9;
    font-size: 10px;
    padding: 0 8px; }
  .availability-only-details td {
    background: #ebf0f3;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    padding: 2px 8px 1px; }
  .availability-only-details tr.odd td.last {
    font-weight: bold; }

.product-view .product-shop .availability {
  font-size: 14px; }
  .product-view .product-shop .availability span {
    font-weight: normal; }

.alert-price {
  margin: 0;
  font-size: 14px; }

.alert-stock {
  margin: 0;
  font-size: 14px; }

.add-to-links {
  font-size: 14px;
  margin: 5px 0 0; }
  .add-to-links .separator {
    display: none; }

.add-to-cart label {
  float: left;
  margin-right: 5px;
  font-weight: bold;
  display: none; }

.add-to-cart .qty {
  float: left;
  margin: 0 -25px 0 0;
  border: #DDD 1px solid;
  font-size: 18px;
  text-align: left;
  padding: 0 20px;
  height: 59px;
  line-height: 59px;
  min-width: 30px;
  border-radius: 10px 0 0 10px; }

.add-to-cart button.button {
  float: left; }

.add-to-cart .paypal-logo {
  clear: left;
  margin: 0;
  padding: 10px 0 0;
  text-align: right; }

.add-to-bar {
  margin: 10px 0 20px;
  padding: 0 25px; }

.add-to-box {
  display: inline; }
  .add-to-box .add-to-cart {
    display: inline; }
    .add-to-box .add-to-cart label, .add-to-box .add-to-cart input, .add-to-box .add-to-cart button {
      float: none; }
    .add-to-box .add-to-cart label {
      position: relative;
      font-size: 20px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      text-transform: uppercase; }
    .add-to-box .add-to-cart input {
      font-size: 21px;
      margin: 0 -14px 0 0;
      height: 63px;
      line-height: 63px;
      max-width: 80px;
      border: 4px solid #f7f5f3; }
    .add-to-box .add-to-cart button {
      height: 62px;
      line-height: 62px;
      padding: 0 24px; }
  .add-to-box .or {
    float: left;
    font-weight: bold;
    margin: 0 7px; }
  .add-to-box .add-to-links {
    float: left;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important; }
    .add-to-box .add-to-links li {
      display: block !important; }
      .add-to-box .add-to-links li .separator {
        display: none !important; }

.product-essential {
  background: #fff; }

.product-collateral {
  padding: 0 25px 0; }
  .product-collateral h2 {
    font-weight: bold;
    font-size: 15px;
    padding: 0 0 1px;
    margin: 0 0 15px; }
  .product-collateral .box-collateral {
    margin: 0 0 25px; }

.product-view .product-img-box {
  padding: 50px 0 0;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .product-view .product-img-box:last-child {
    margin-right: 0; }
  .product-view .product-img-box .product-image {
    margin: 0 0 13px; }
    .product-view .product-img-box .product-image img {
      width: 100%;
      height: auto; }
  .product-view .product-img-box .product-image-zoom {
    position: relative;
    overflow: hidden;
    z-index: 9; }
    .product-view .product-img-box .product-image-zoom img {
      position: absolute;
      left: 0;
      top: 0;
      cursor: move;
      visibility: hidden;
      z-index: 999; }
      .product-view .product-img-box .product-image-zoom img.visible {
        visibility: visible;
        position: static; }
  .product-view .product-img-box .zoom-notice {
    font-size: 14px;
    margin: 0 0 5px;
    text-align: center; }
  .product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(../images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer; }
    .product-view .product-img-box .zoom.disabled {
      -moz-opacity: .3;
      -webkit-opacity: .3;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      /*IE8*/
      opacity: .3; }
    .product-view .product-img-box .zoom #track {
      position: relative;
      height: 18px; }
    .product-view .product-img-box .zoom #handle {
      position: absolute;
      left: 0;
      top: -1px;
      width: 9px;
      height: 22px;
      background: url(../images/magnifier_handle.gif) 0 0 no-repeat; }
    .product-view .product-img-box .zoom .btn-zoom-out {
      position: absolute;
      left: 2px;
      top: 0; }
    .product-view .product-img-box .zoom .btn-zoom-in {
      position: absolute;
      right: 2px;
      top: 0; }
  .product-view .product-img-box .more-views h2 {
    font-size: 14px;
    margin: 0 0 8px;
    text-transform: uppercase; }
  .product-view .product-img-box .more-views ul {
    margin-left: -9px; }
  .product-view .product-img-box .more-views li {
    float: left;
    margin: 0 0 8px 9px; }
    .product-view .product-img-box .more-views li a {
      float: left;
      overflow: hidden; }

.loupe {
  background-color: #555;
  background: rgba(0, 0, 0, 0.25);
  border: 5px solid rgba(0, 0, 0, 0.5);
  cursor: url(../img/loupe/blank.png), url(../img/loupe/blank.cur), none;
  border-radius: 50%; }
  .loupe img {
    width: auto !important;
    max-width: 1200px; }

.product-view .product-shop {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-right: 0;
  float: right; }
  .product-view .product-shop:last-child {
    margin-right: 0; }
  .product-view .product-shop .product-name {
    margin: 45px 0 25px 0;
    text-align: left; }
    .product-view .product-shop .product-name h1 {
      margin: 0;
      font-family: "Titillium Web", sans-serif;
      font-weight: 700;
      font-size: 55px;
      font-style: italic;
      color: #124b97; }
  .product-view .product-shop .availability {
    margin: 10px 0; }
  .product-view .product-shop .short-description {
    margin: 10px 0;
    padding: 10px 0 0; }
  .product-view .product-shop .price-box {
    display: none;
    top: 5px;
    margin: 0 28px 0 0;
    float: left;
    height: 59px;
    line-height: 59px; }
    .product-view .product-shop .price-box .price {
      color: #1174ad;
      font-size: 28px; }
  .product-view .product-shop .add-to-links {
    margin: 0;
    font-size: 12px;
    text-align: right; }
    .product-view .product-shop .add-to-links li,
    .product-view .product-shop .add-to-links li .separator {
      display: inline; }
    .product-view .product-shop .add-to-links a {
      font-weight: normal !important; }

.product-options {
  margin: 20px 0 0;
  padding: 10px 15px 20px; }
  .product-options dt {
    padding: 10px 0 0;
    font-weight: normal; }
    .product-options dt label {
      font-weight: bold; }
    .product-options dt .qty-holder {
      float: right;
      margin-right: 15px; }
      .product-options dt .qty-holder label {
        vertical-align: middle; }
    .product-options dt .qty-disabled {
      background: none;
      border: 0;
      padding: 3px; }
  .product-options dd {
    padding: 5px 10px 15px;
    margin: 0 0 5px;
    border-bottom: 1px solid #e4e4e4; }
    .product-options dd input.input-text {
      width: 98%; }
    .product-options dd input.datetime-picker {
      width: 150px; }
    .product-options dd .time-picker {
      display: -moz-inline-box;
      display: inline-block;
      padding: 2px 0;
      vertical-align: middle; }
    .product-options dd textarea {
      width: 98%;
      height: 8em; }
    .product-options dd select {
      width: 99%; }
    .product-options dd .multiselect option {
      padding: 2px 4px; }
  .product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 0; }
  .product-options ul.options-list {
    margin-right: 5px; }
    .product-options ul.options-list li {
      line-height: 1.5;
      padding: 2px 0; }
    .product-options ul.options-list input.radio {
      float: left;
      margin-top: 3px; }
    .product-options ul.options-list input.checkbox {
      float: left;
      margin-top: 3px; }
    .product-options ul.options-list .label {
      display: block;
      margin-left: 18px;
      font-weight: normal; }
  .product-options ul.validation-failed {
    padding: 0 7px; }
  .product-options p.note {
    margin: 0;
    font-size: 14px; }
  .product-options p.required {
    margin-bottom: 0;
    padding: 15px 0 0; }

.product-options-bottom {
  padding: 15px 20px; }
  .product-options-bottom .tier-prices {
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0; }
    .product-options-bottom .tier-prices li {
      background: 0;
      padding: 2px 0; }
  .product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0;
    display: inline !important; }
  .product-options-bottom .price-label {
    float: left;
    padding-right: 5px; }
  .product-options-bottom .price-tax {
    float: left; }
  .product-options-bottom .add-to-cart {
    float: right; }

.col3-layout .product-options-bottom .price-box {
  float: none;
  padding: 0 0 5px; }

.product-shop .product-options-bottom {
  margin: 0 0 10px; }
  .product-shop .product-options-bottom .price-box {
    float: none;
    margin: 0 0 5px; }
  .product-shop .product-options-bottom .price-label {
    float: none;
    padding-right: 0; }
  .product-shop .product-options-bottom .price-tax {
    float: none; }
  .product-shop .product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px; }

.product-view .box-up-sell h2 {
  padding: 0;
  margin: 0 0 8px; }

.product-view .box-up-sell .products-grid {
  width: 100%; }
  .product-view .box-up-sell .products-grid td {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    padding: 15px 10px 12px;
    line-height: 1.6em; }
    .product-view .box-up-sell .products-grid td:last-child {
      margin-right: 0; }
    .product-view .box-up-sell .products-grid td.empty {
      border-right: 0; }
  .product-view .box-up-sell .products-grid .product-image {
    text-align: center; }
  .product-view .box-up-sell .products-grid .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px; }

.product-view .box-tags {
  margin: 0; }
  .product-view .box-tags h3 {
    font-size: 13px; }
  .product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 15px; }
    .product-view .box-tags .product-tags li {
      display: inline;
      padding: 0 7px 0 4px; }
      .product-view .box-tags .product-tags li.first {
        padding-left: 0; }
      .product-view .box-tags .product-tags li.last {
        background: none;
        padding-right: 0; }
  .product-view .box-tags .form-add label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px; }
  .product-view .box-tags .form-add .input-box {
    float: left;
    margin: 0 5px 0 0;
    background: url(../images/i_tag_add.gif) 0 2px no-repeat;
    padding: 0 0 0 23px; }
  .product-view .box-tags .form-add .note {
    margin: 3px 0 0;
    padding: 0 0 0 23px;
    font-size: 14px; }

.product-view .box-reviews dl {
  margin: 15px 0; }

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
  font-weight: bold; }

.product-view .box-reviews dd {
  margin: 0 0 15px; }
  .product-view .box-reviews dd small {
    font-style: italic; }

.product-view .box-reviews .form-add {
  margin: 15px 0 0; }
  .product-view .box-reviews .form-add h3 {
    font-size: 13px;
    font-weight: normal; }
    .product-view .box-reviews .form-add h3 span {
      font-weight: bold; }
  .product-view .box-reviews .form-add h4 {
    font-size: 12px; }
  .product-view .box-reviews .form-add .data-table td {
    text-align: center; }
  .product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0; }

.send-friend .form-list {
  overflow: hidden; }
  .send-friend .form-list li {
    margin-right: -15px; }
    .send-friend .form-list li p {
      margin: 0 15px 0 0; }

.send-friend .buttons-set .limit {
  float: right;
  margin: 0 7px 0 0;
  font-size: 14px;
  line-height: 21px; }

.cta {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%; }
  .cta ul {
    max-width: 600px;
    margin: 0 auto;
    list-style: none; }
    .cta ul li {
      width: 50%;
      float: left;
      position: relative;
      z-index: 1; }
      .cta ul li a {
        padding: 20px 15px 14px;
        margin: 0;
        width: 100%;
        display: block;
        color: #FFF;
        background: #124b97;
        font-weight: 700;
        font-style: italic;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        transform: skewX(-10deg);
        border-radius: 10px 0;
        border: #FFF 1px solid; }
        .cta ul li a span {
          transform: skewX(10deg); }
        .cta ul li a:hover {
          background: #1174ad; }
      .cta ul li:nth-child(2) {
        width: 52%;
        margin-left: -2%;
        z-index: 0; }
        .cta ul li:nth-child(2) a {
          background: #189bc1; }
          .cta ul li:nth-child(2) a:hover {
            background: #1174ad; }

ul.icons {
  list-style: none;
  padding: 20px 20px 30px;
  clear: both; }
  ul.icons li {
    display: inline-block;
    font-size: 0;
    margin: 0 15px 0 0; }
    ul.icons li:before {
      width: 90px;
      height: 90px;
      content: '';
      display: block;
      background-image: url("../img/icons/product/australian.svg");
      background-size: 90px; }
    ul.icons li.warranty:before {
      background-image: url("../img/icons/product/warranty.svg"); }
    ul.icons li.warranty1year:before {
      background-image: url("../img/icons/product/warranty1year.svg"); }
    ul.icons li.autoskim:before {
      width: 150px;
      height: 150px;
      background-size: 150px;
      background-image: url("../img/icons/product/autoskim.svg"); }

.product-vtx-7 .product-options, .product-vtx-3 .product-options, .product-sprinta-plus .product-options {
  display: none; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
  .product-view .product-img-box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding: 0;
    max-width: 420px;
    margin: 0 auto !important;
    float: none !important; }
    .product-view .product-img-box:last-child {
      margin-right: 0; }
    .product-view .product-img-box .product-image img {
      width: 100%; }
    .product-view .product-img-box .more-views li {
      float: none;
      display: inline; }
  .product-view .product-shop {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    text-align: center; }
    .product-view .product-shop:last-child {
      margin-right: 0; }
    .product-view .product-shop .product-name {
      margin-top: 0; }
    .product-view .product-shop .add-to-bar:after {
      content: "";
      display: table;
      clear: both; }
    .product-view .product-shop .add-to-bar .add-to-box {
      margin: 30px 0 0;
      float: right; }
      .product-view .product-shop .add-to-bar .add-to-box .add-to-cart label, .product-view .product-shop .add-to-bar .add-to-box .add-to-cart .qty, .product-view .product-shop .add-to-bar .add-to-box .add-to-cart .button.button {
        float: none;
        display: inline-block; }
  .product-view .box-up-sell .products-grid td {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    padding: 15px 10px 12px;
    line-height: 1.6em; }
    .product-view .box-up-sell .products-grid td:last-child {
      margin-right: 0; }
    .product-view .box-up-sell .products-grid td:nth-child(2n) {
      margin-right: 0; }
    .product-view .box-up-sell .products-grid td:nth-child(2n+1) {
      clear: left; }
  .product-options-bottom .price-box {
    float: left !important;
    margin: 0;
    padding: 0 40px 0 0;
    display: inline !important; }
  .product-options-bottom .add-to-cart {
    clear: left;
    float: none; }
    .product-options-bottom .add-to-cart button {
      width: 50%; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .cta {
    display: none; }
  .product-view .product-img-box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .product-view .product-img-box:last-child {
      margin-right: 0; }
  .product-view .product-shop {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    float: right; }
    .product-view .product-shop:last-child {
      margin-right: 0; }
  .product-view .box-up-sell .products-grid td {
    text-align: center;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    padding: 15px 10px 12px;
    line-height: 1.6em; }
    .product-view .box-up-sell .products-grid td:last-child {
      margin-right: 0; }
  #dealer_locator.activelocator #postcodesearch {
    max-height: 600px; }
    #dealer_locator.activelocator #postcodesearch #postcodeerror {
      display: none; }
      #dealer_locator.activelocator #postcodesearch #postcodeerror.activeerror {
        width: 90%; }
      #dealer_locator.activelocator #postcodesearch #postcodeerror.activemessage {
        width: 90%; }
        #dealer_locator.activelocator #postcodesearch #postcodeerror.activemessage span {
          font-size: 14px; }
    #dealer_locator.activelocator #postcodesearch .fieldsetshow {
      background-color: #fff;
      padding: 0;
      max-width: 90%;
      margin: 0 auto;
      position: relative; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow .overlay {
        max-width: 90%; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow span#closesearch {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow span#closesearch:before {
          font-size: 25px;
          content: "";
          color: #fff; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow .panel_header {
        float: left;
        width: 100%;
        padding: 30px 20px;
        font-size: 18px;
        color: #fff;
        background-color: #124b97; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow .checkboxfield label {
        font-size: 14px; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow .input-box {
        width: 100%;
        margin: 0;
        float: left; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .input-box .input-text {
          margin: 0;
          border: 0px;
          padding: 16px 10px;
          font-size: 16px; }
      #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set {
        margin: 0;
        width: 100%;
        float: right;
        clear: none; }
        #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set .button {
          border-radius: 0px;
          background-color: #1174ad;
          transform: none;
          margin: 0;
          padding: 16px 78px;
          width: 100%; }
          #dealer_locator.activelocator #postcodesearch .fieldsetshow .buttons-set .button:hover {
            background-color: rgba(17, 116, 173, 0.9);
            color: #fff; }
  #dealer_locator.activelocator #dealers {
    display: none; }
    #dealer_locator.activelocator #dealers.dealersactive {
      display: block;
      position: relative;
      max-height: 320px;
      width: 90%;
      margin: 0 auto; }
      #dealer_locator.activelocator #dealers.dealersactive .key {
        background-color: #124b97;
        padding: 20px 0;
        position: relative; }
        #dealer_locator.activelocator #dealers.dealersactive .key span {
          margin: 0 0 0 35px;
          color: #fff; }
          #dealer_locator.activelocator #dealers.dealersactive .key span:before {
            content: "";
            font-size: 20px;
            color: #DDD;
            display: inline;
            width: 50px;
            position: absolute;
            padding: 0 10px;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%); }
      #dealer_locator.activelocator #dealers.dealersactive h2 {
        font-size: 26px;
        padding: 10px 0; }
      #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist {
        list-style: none;
        background: #fff;
        overflow-y: scroll;
        overflow-x: hidden; }
        #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li {
          width: 100%;
          border: 1px solid #F7F7F7;
          transition: all 0.3s;
          background-color: #fff;
          padding: 15px 0;
          position: relative; }
          #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer {
            background-color: #eaf7fe; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer:before {
              font-size: 20px;
              color: #DDD;
              display: inline;
              width: 50px;
              position: absolute;
              padding: 0 10px;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%); }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.premiumdealer a {
              color: #666; }
          #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li.regulardealer {
            background-color: #fff; }
          #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li a {
            display: block;
            width: 100%;
            cursor: pointer;
            color: #666;
            font-size: 14px;
            margin: 0 0 0 25px; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li a span {
              display: inline;
              padding: 10px; }
          #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li:hover {
            background-color: #124b97; }
            #dealer_locator.activelocator #dealers.dealersactive ul#dealerslist li:hover a {
              color: #fff; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 480px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
  .product-options-bottom {
    padding: 0 0 20px 10px; }
    .product-options-bottom .price-box {
      float: left !important;
      margin: 0;
      padding: 0 40px 0 0;
      display: inline !important; }
      .product-options-bottom .price-box span {
        font-size: 18px; }
        .product-options-bottom .price-box span span {
          font-size: 30px; }
    .product-options-bottom .add-to-cart {
      clear: left;
      width: 100%;
      float: left; }
      .product-options-bottom .add-to-cart input {
        text-align: center;
        max-width: 100%;
        display: block;
        height: 45px;
        line-height: 45px;
        margin: 0;
        border-radius: 5px; }
      .product-options-bottom .add-to-cart button {
        padding: 16px 35px;
        width: 100%;
        display: block;
        margin: 10px 0 0; } }

.cart .page-title {
  padding: 30px 10px;
  margin: 0;
  text-align: center;
  background-color: #fff; }
  .cart .page-title h1 {
    margin: 0;
    float: none;
    font-style: normal;
    color: #124b97 !important; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

.cart #shopping-cart-table {
  border: #DDD 1px solid; }
  .cart #shopping-cart-table tfoot {
    padding: 10px 0;
    background-color: #f7f5f3; }

.checkout-cart-index .page-title {
  overflow: visible;
  margin: 0 0 20px;
  font-size: 30px; }

.checkout-cart-index .cart-empty p {
  font-size: 16px;
  line-height: 1.5em; }
  .checkout-cart-index .cart-empty p a {
    color: #124b97; }

.cart .page-title .checkout-types li {
  margin: 0 0 5px; }

.cart .title-buttons .checkout-types {
  float: right; }
  .cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px; }

.cart-table thead {
  padding: 30px 0;
  background: #F7F7F7;
  text-align: left; }
  .cart-table thead th {
    padding: 20px 30px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    border: #DDD 1px solid;
    border-width: 1px 1px 0 0; }
    .cart-table thead th span {
      font-size: 16px; }

.cart-table td {
  padding: 15px;
  vertical-align: middle;
  border: #DDD 1px solid;
  border-width: 1px 1px 0 0; }
  .cart-table td:last-child {
    border: #DDD 1px solid;
    border-width: 1px 1px 0 0; }
  .cart-table td .footable-row-detail-cell {
    padding: 10px 0;
    text-align: left;
    font-size: 16px; }
    .cart-table td .footable-row-detail-cell .footable-row-detail-row .footable-row-detail-value {
      padding: 5px 0; }

.cart-table tbody td {
  text-align: center !important; }
  .cart-table tbody td input.qty {
    text-align: center;
    font-size: 16px;
    border-color: #DDD; }
  .cart-table tbody td .product-name a {
    color: #124b97; }
  .cart-table tbody td .item-options {
    text-align: left;
    padding: 8px 0 0 20px;
    font-size: 14px;
    color: #666; }
    .cart-table tbody td .item-options dt {
      color: #1174ad; }
    .cart-table tbody td .item-options dt, .cart-table tbody td .item-options dd {
      font-style: normal;
      font-size: 15px;
      padding: 3px 0; }
      .cart-table tbody td .item-options dt.installadded, .cart-table tbody td .item-options dd.installadded {
        display: none; }
    .cart-table tbody td .item-options dd p {
      display: inline; }
    .cart-table tbody td .item-options dd .id {
      display: none; }

.cart-table .product-image img {
  max-width: 200px; }

.cart-table .product-name {
  font-weight: bold;
  margin: 0 0 5px;
  font-size: 22px;
  padding: 0 20px 0;
  text-align: left !important; }

.cart-table .item-msg {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold; }

.cart-table tfoot td {
  padding: 20px 30px;
  font-style: normal; }
  .cart-table tfoot td .btn-continue {
    float: left; }
  .cart-table tfoot td .btn-update, .cart-table tfoot td .btn-continue {
    padding: 0;
    background: none;
    text-decoration: underline;
    font-style: normal;
    font-weight: 600;
    border: 0;
    font-size: 16px; }
  .cart-table tfoot td .btn-continue span,
  .cart-table tfoot td .btn-update span {
    color: #666;
    text-decoration: underline; }

.cart .cart-collaterals {
  padding: 10px 12px 0; }
  .cart .cart-collaterals .col2-set {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .cart .cart-collaterals .col2-set:last-child {
      margin-right: 0; }

.cart .crosssell {
  padding: 12px 15px; }
  .cart .crosssell h2 {
    font-size: 13px;
    font-weight: bold; }
  .cart .crosssell .product-image {
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #d0cdc9; }
  .cart .crosssell .product-details {
    margin-left: 90px; }
  .cart .crosssell .product-name {
    font-weight: bold; }
  .cart .crosssell li.item {
    margin: 12px 0; }
  .cart .crosssell .link-compare {
    font-weight: normal; }

.cart .discount,
.cart .shipping {
  padding: 12px 15px;
  margin: 0 0 18px; }

.discount-form {
  display: none; }
  .discount-form label {
    font-size: 16px;
    padding: 10px 0; }
  .discount-form.activevoucher {
    display: block; }
  .discount-form .buttons-set button {
    background: #1174ad; }

.cart .discount h2,
.cart .shipping h2 {
  background-position: 0 0;
  background-repeat: no-repeat;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  padding: 10px 0;
  font-size: 22px; }

.cart .discount h2 {
  text-decoration: underline;
  cursor: pointer;
  padding: 10px 0 15px; }

.cart .discount button.apply, .cart .discount button.remove {
  padding: 10px 10px; }

.cart .discount button.apply {
  float: right; }

.cart .discount button.remove {
  float: left; }

.cart .discount button span,
.cart .shipping button span {
  font-size: 16px; }

.cart .discount .buttons-set,
.cart .shipping .buttons-set {
  margin: 10px 0 0;
  border: 0;
  padding: 0;
  text-align: left; }

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
  margin-left: 0; }

.cart .discount .input-box {
  margin: 8px 0 0; }

.cart .discount input.input-text {
  border-color: #DDD;
  font-size: 14px; }

.cart .shipping .sp-methods {
  margin: 10px 0 0;
  padding: 5px 0 0;
  background: url(../images/bkg_divider1.gif) 0 0 repeat-x; }

.totals {
  margin: 10px 0 0; }
  .totals tbody, .totals tfoot {
    color: #666; }
    .totals tbody tr td, .totals tfoot tr td {
      font-size: 16px; }
      .totals tbody tr td strong, .totals tfoot tr td strong {
        font-size: 20px !important; }

.cart .totals {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .cart .totals:last-child {
    margin-right: 0; }
  .cart .totals table {
    width: 100%;
    margin: 7px 0; }
  .cart .totals td {
    padding: 10px 15px 10px 7px; }
  .cart .totals tfoot th {
    padding: 5px 15px 5px 7px; }
  .cart .totals tfoot td {
    padding-top: 5px;
    padding-bottom: 5px; }
  .cart .totals tfoot th strong,
  .cart .totals tfoot td strong {
    font-size: 15px; }
  .cart .totals .checkout-types {
    font-size: 13px;
    padding: 8px 15px 15px;
    text-align: right; }
    .cart .totals .checkout-types li {
      clear: both;
      margin: 10px 0; }
      .cart .totals .checkout-types li button {
        padding: 20px 55px;
        font-size: 18px; }

.item-options dt {
  font-weight: bold;
  font-style: italic; }

.item-options dd {
  padding-left: 10px;
  margin: 0 0 6px; }

.truncated {
  cursor: help; }
  .truncated a.dots {
    cursor: help; }
  .truncated a.details {
    cursor: help; }
  .truncated .truncated_full_value {
    position: relative;
    z-index: 999; }
    .truncated .truncated_full_value dl {
      position: absolute;
      top: -99999em;
      left: -99999em;
      z-index: 999;
      padding: 8px;
      border: 1px solid #ddd;
      background-color: #f6f6f6; }
  .truncated .show dl {
    top: -20px;
    left: 50%; }

.col-left .truncated .show dl {
  left: 15px;
  top: 7px; }

.col-right .truncated .show dl {
  left: -240px;
  top: 7px; }

.cart {
  position: relative; }

tr.summary-total {
  cursor: pointer; }

tr.summary-total .summary-collapse {
  float: right;
  text-align: right;
  padding-left: 20px;
  background: url(../images/bkg_collapse.gif) 0 5px no-repeat;
  cursor: pointer; }

tr.show-details .summary-collapse {
  background-position: 0 -52px; }

tr.summary-details td {
  font-size: 14px;
  background-color: #dae1e4; }

tr.summary-details-first td {
  border-top: 1px solid #d2d8db; }

tr.summary-details-excluded {
  font-style: italic; }

.cart-tax-info {
  display: block; }

.cart-tax-info,
.cart-tax-info .cart-price {
  padding-right: 20px; }

.cart-price .price {
  font-size: 16px;
  font-weight: 700;
  color: #666; }

.cart-tax-total {
  display: block;
  padding-right: 20px;
  background: url(../images/bkg_collapse.gif) 100% 5px no-repeat;
  cursor: pointer; }

.cart-tax-info .price,
.cart-tax-total .price {
  display: inline !important;
  font-weight: normal !important; }

.cart-tax-total-expanded {
  background-position: 100% -52px; }

.headercart {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-right: 0;
  position: relative;
  padding: 0; }
  .headercart:last-child {
    margin-right: 0; }
  .headercart:before {
    font-size: 1.4em;
    position: relative;
    top: 2px; }
  .headercart a {
    text-decoration: none; }
  .headercart .minicart {
    position: absolute;
    top: 105%;
    right: -10px;
    background: #FFF;
    width: 300px;
    text-align: left;
    display: none;
    z-index: 9999;
    color: #666;
    border: #DDD 1px solid; }
    .headercart .minicart p {
      float: none;
      font-style: normal;
      width: 100%; }
    .headercart .minicart a {
      color: #666; }
    .headercart .minicart .truncated {
      display: none; }
    .headercart .minicart .block-subtitle {
      position: relative;
      background: #F7F7F7;
      color: #666;
      font-weight: 700;
      padding: 15px 20px;
      margin: 0;
      font-size: 15px;
      width: 100%; }
    .headercart .minicart ol li {
      float: none;
      display: block;
      clear: both;
      padding: 15px;
      text-transform: none;
      font-size: 13px; }
      .headercart .minicart ol li .product-image {
        margin: 0;
        padding: 10px 0; }
      .headercart .minicart ol li .product-details {
        position: relative; }
        .headercart .minicart ol li .product-details .product-name {
          padding: 0 0 10px; }
          .headercart .minicart ol li .product-details .product-name a {
            font-size: 14px; }
        .headercart .minicart ol li .product-details .product-actions {
          padding: 10px 0;
          margin: 0; }
          .headercart .minicart ol li .product-details .product-actions a {
            display: inline;
            font-size: 13px;
            padding: 0 8px 0 0; }
    .headercart .minicart .subtotal {
      display: none; }
    .headercart .minicart .actions .button {
      width: 50%;
      float: left;
      color: #FFF;
      background: #124b97;
      font-size: 14px;
      padding: 20px 0;
      text-align: center; }
      .headercart .minicart .actions .button.grey {
        color: #666;
        background: #F7F7F7; }
  .headercart:hover .minicart {
    display: block; }

/* ------------------------------------------------------------------------- *
*  Tablet (Portrait) : 1020px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  .cart .totals .checkout-types .btn-checkout {
    padding: 25px 26px;
    font-size: 18px; }
  .cart tfoot td {
    padding: 15px 0;
    border-top: 2px solid #F7F7F7; }
    .cart tfoot td .btn-update, .cart tfoot td .btn-continue {
      width: 100%;
      display: block;
      padding: 20px; }
  .cart tbody {
    border-bottom: 1px solid #DDD; }
    .cart tbody tr td {
      padding: 20px 10px; }
      .cart tbody tr td.footable-row-detail-cell {
        text-align: center;
        font-size: 16px; } }

/* ------------------------------------------------------------------------- *
*  Mobile (Portrait) : 640px Width
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .cart .cart-collaterals .col2-set {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    text-align: center; }
    .cart .cart-collaterals .col2-set:last-child {
      margin-right: 0; }
    .cart .cart-collaterals .col2-set .col-2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin: 0 auto;
      float: none; }
      .cart .cart-collaterals .col2-set .col-2:last-child {
        margin-right: 0; }
      .cart .cart-collaterals .col2-set .col-2 .discount {
        margin: 0 auto; }
  .cart .totals {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .cart .totals:last-child {
      margin-right: 0; }
    .cart .totals .checkout-types {
      padding: 0;
      margin: 20px 0 0; }
      .cart .totals .checkout-types .btn-checkout {
        width: 100%; }
  .cart #shopping-cart-table thead tr {
    display: none !important; }
  .cart #shopping-cart-table tbody {
    border-bottom: 1px solid #DDD; }
    .cart #shopping-cart-table tbody .footable-first-column {
      padding-left: 0 !important; }
  .cart #shopping-cart-table tfoot {
    padding: 5px 0 0 0; } }

.page-title h1 {
  color: #666 !important;
  font-style: normal !important; }

.checkout-onepage-success .col-main {
  width: 100%;
  float: none;
  padding: 20px; }
  .checkout-onepage-success .col-main .sub-title, .checkout-onepage-success .col-main p {
    font-size: 20px;
    line-height: 1.7em; }
  .checkout-onepage-success .col-main .buttons-set {
    text-align: center;
    margin: 40px 0; }
    .checkout-onepage-success .col-main .buttons-set button {
      float: none;
      padding: 20px 50px; }

#opc-payment dt {
  margin: 13px 0 5px;
  font-weight: bold;
  font-size: 14px; }

#opc-payment .sp-methods label {
  font-weight: 600;
  font-size: 15px;
  position: relative;
  top: 3px;
  margin-left: 4px; }

#opc-payment .sp-methods #dt_method_bpoint_browsermethod label {
  font-size: 22px; }

#opc-shipping_method dt {
  margin: 13px 0 5px;
  font-size: 18px; }
  #opc-shipping_method dt .id {
    display: none; }
  #opc-shipping_method dt:before {
    content: "";
    font-size: 21px;
    margin: 0 8px 0 0;
    position: relative;
    top: 2px;
    color: #124b97; }

.sp-methods {
  margin: 0 0 8px;
  font-size: 15px; }
  .sp-methods dd li {
    margin: 5px 0; }
  .sp-methods label {
    font-size: 16px;
    font-weight: 600; }
  .sp-methods .price {
    font-weight: bold; }
  .sp-methods .form-list {
    padding-left: 20px; }
    .sp-methods .form-list li {
      margin: 0 0 8px; }
  .sp-methods select.month {
    margin-right: 10px; }
  .sp-methods .checkmo-list li {
    margin: 0 0 5px; }
  .sp-methods .checkmo-list label {
    padding-right: 10px;
    text-align: right; }
  .sp-methods .checkmo-list address {
    float: left; }
  .sp-methods .checkmo-list a {
    margin-right: 3px; }
  .sp-methods .checkmo-list img {
    vertical-align: middle; }

.please-wait {
  float: right; }
  .please-wait img {
    vertical-align: middle; }

.cvv-what-is-this {
  font-size: 14px;
  cursor: help;
  margin-left: 10px; }

#paymentmethods {
  margin: 20px 0 25px; }
  #paymentmethods li {
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    padding: 30px !important;
    margin: 0 10px;
    opacity: 0.4;
    height: auto !important;
    width: auto !important;
    float: none !important; }
    #paymentmethods li.selected {
      opacity: 1.0; }
    #paymentmethods li.MC {
      margin-left: 0;
      background-image: url("../img/icons/payment/mastercard.png"); }
    #paymentmethods li.VI {
      background-image: url("../img/icons/payment/visa.png"); }
    #paymentmethods li.AE {
      background-image: url("../img/icons/payment/amex.png"); }
    #paymentmethods li.DC {
      background-image: url("../img/icons/payment/diners.png"); }
    #paymentmethods li.JCB {
      background-image: url("../img/icons/payment/jcb.png"); }
    #paymentmethods li:after {
      display: none; }

#payment_form_bpoint_browsermethod li {
  width: 100%;
  clear: both; }
  #payment_form_bpoint_browsermethod li.left, #payment_form_bpoint_browsermethod li.right {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    display: inline;
    clear: none; }
    #payment_form_bpoint_browsermethod li.left:last-child, #payment_form_bpoint_browsermethod li.right:last-child {
      margin-right: 0; }
    #payment_form_bpoint_browsermethod li.left:nth-child(2n), #payment_form_bpoint_browsermethod li.right:nth-child(2n) {
      margin-right: 0; }
    #payment_form_bpoint_browsermethod li.left:nth-child(2n+1), #payment_form_bpoint_browsermethod li.right:nth-child(2n+1) {
      clear: left; }
  #payment_form_bpoint_browsermethod li label {
    font-size: 18px !important;
    font-weight: 600 !important; }
  #payment_form_bpoint_browsermethod li .input-box {
    width: 100%; }
    #payment_form_bpoint_browsermethod li .input-box input {
      border: 1px solid #DDD; }
  #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_cvv_div .input-box {
    position: relative; }
    #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_cvv_div .input-box:after {
      content: "";
      display: table;
      clear: both; }
    #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_cvv_div .input-box #browsermethod-cvv-what-is-this {
      position: absolute;
      font-size: 0;
      bottom: 6px;
      margin: 0 0 0 10px; }
      #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_cvv_div .input-box #browsermethod-cvv-what-is-this:before {
        content: "";
        font-size: 21px;
        margin: 0 8px 0 0;
        position: relative;
        color: #124b97; }
  #payment_form_bpoint_browsermethod li#bpoint_browsermethod_cc_type_exp_div select {
    border: 1px solid #DDD; }

#payment_form_bpoint_browsermethod #browsermethod-tool-tip {
  top: auto !important; }
  #payment_form_bpoint_browsermethod #browsermethod-tool-tip .btn-close a {
    padding: 10px;
    overflow: visible;
    text-indent: 0;
    font-size: 0;
    text-align: right; }
    #payment_form_bpoint_browsermethod #browsermethod-tool-tip .btn-close a:before {
      content: "";
      font-size: 30px;
      position: relative;
      height: 10px;
      width: 10px;
      right: 15px;
      bottom: 5px;
      color: #124b97; }

.tool-tip {
  border: 1px solid #7BA7C9;
  background: #EAF6FF;
  padding: 15px 20px;
  position: absolute;
  z-index: 9999; }
  .tool-tip .btn-close {
    margin: -9px -14px 0;
    text-align: right; }
    .tool-tip .btn-close a {
      display: block;
      margin: 0 0 0 auto;
      width: 15px;
      height: 15px;
      text-align: left;
      text-indent: -999em;
      overflow: hidden; }
  .tool-tip .tool-tip-content {
    padding: 5px; }

.gift-messages h3 {
  font-size: 12px;
  font-weight: bold; }

.gift-messages-form {
  position: relative; }
  .gift-messages-form label {
    float: none !important;
    position: static !important; }
  .gift-messages-form h4 {
    font-size: 12px;
    font-weight: bold; }
  .gift-messages-form .whole-order {
    margin: 0 0 25px; }
  .gift-messages-form .item {
    margin: 0 0 10px; }
    .gift-messages-form .item .product-img-box {
      float: left; }
    .gift-messages-form .item .product-image {
      margin: 0 0 7px; }
    .gift-messages-form .item .number {
      margin: 0;
      font-weight: bold;
      text-align: center; }
    .gift-messages-form .item .details {
      margin-left: 90px; }
      .gift-messages-form .item .details .product-name {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 10px; }

.gift-message-link {
  font-size: 14px;
  background: url(../images/bkg_collapse-gm.gif) 100% 6px no-repeat;
  padding-right: 7px; }
  .gift-message-link.expanded {
    background-position: 100% -40px; }

.gift-message-row {
  background: #f2efe9; }
  .gift-message-row .btn-close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/btn_gm-close.gif) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden; }

.checkout-agreements li {
  margin: 30px 0; }

.checkout-agreements .agreement-content {
  overflow: auto;
  height: 12em;
  padding: 10px;
  background-color: #fbfaf6;
  border: 1px solid #bbb6a5; }

.checkout-agreements .agree {
  margin: 0;
  padding: 10px 0 10px 11px;
  font-size: 18px; }
  .checkout-agreements .agree input.checkbox {
    margin: 0 6px 3px 0; }
  .checkout-agreements .agree label {
    font-weight: bold; }
    .checkout-agreements .agree label a {
      text-decoration: underline; }
      .checkout-agreements .agree label a:hover {
        color: #124b97; }

.opc .checkout-agreements {
  padding: 5px 30px; }
  .opc .checkout-agreements li {
    margin: 20px 0 0; }
  .opc .checkout-agreements .agreement-content {
    background-color: #fff;
    border-color: #e4e4e4;
    padding: 5px; }
  .opc .checkout-agreements .agree {
    padding-left: 6px; }

.centinel .authentication {
  border: 1px solid #ddd;
  background: #fff; }
  .centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important; }

.opc .centinel {
  border: 1px solid #bbb6a5;
  border-width: 0 1px 1px;
  padding: 10px 30px; }

.info-set {
  background: #fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x;
  border: 1px solid #bbb6a5;
  margin: 0 0 25px;
  padding: 20px; }
  .info-set h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px; }
  .info-set h3,
  .info-set h4 {
    font-size: 13px;
    font-weight: bold; }
  .info-set h2 a,
  .info-set h3 a,
  .info-set h4 a {
    font-weight: normal; }
  .info-set h2.legend {
    margin: -20px -20px 15px;
    padding: 5px 10px;
    background: #f9f3e3;
    border-bottom: 1px solid #bbafa0;
    position: relative; }
  .info-set h3.legend {
    margin: 0 0 10px; }
  .info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative; }
  .info-set .box {
    margin: 0 0 15px; }
  .info-set .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important; }
    .info-set .data-table .product-name a {
      font-weight: bold !important; }
  .info-set .data-table .item-options {
    margin: 5px 0 0; }

.block-progress {
  border: 0;
  margin: 0; }
  .block-progress .block-title {
    background: none;
    border: 0;
    margin: 0;
    padding: 15px 0; }
    .block-progress .block-title strong {
      font-size: 13px; }
  .block-progress .block-content {
    background: none; }
  .block-progress dt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.35;
    background: #F7F7F7;
    border: #DDD 1px solid;
    margin: 0 0 6px;
    padding: 10px; }
    .block-progress dt.complete {
      margin: 0;
      background: #124b97;
      color: #FFF; }
  .block-progress dd {
    background: #eee;
    border: 1px solid #a3aeb3;
    border-top: 0;
    padding: 8px 13px;
    margin: 0 0 6px; }
  .block-progress p {
    margin: 0; }

.opc {
  position: relative; }
  .opc .buttons-set {
    margin-top: 0;
    padding-top: 2em; }
    .opc .buttons-set button {
      padding: 8px 50px; }
    .opc .buttons-set p.required {
      margin: 0;
      padding: 0 0 10px; }
    .opc .buttons-set .back-link {
      font-size: 15px; }
      .opc .buttons-set .back-link small {
        display: none; }
    .opc .buttons-set.disabled button.button {
      display: none; }
    .opc .buttons-set .please-wait {
      height: 21px;
      line-height: 21px; }
  .opc .ul {
    list-style: disc outside;
    padding-left: 18px; }
  .opc .form-list .control label {
    font-weight: 600; }
  .opc .step-title {
    border: #DDD 1px solid;
    border-width: 0 1px 1px;
    background: #F7F7F7;
    padding: 0;
    text-align: right;
    font-size: 18px;
    width: 100%; }
    .opc .step-title .number {
      position: relative;
      float: left;
      background: #DDD;
      color: #666;
      width: 70px;
      height: 70px;
      text-align: center;
      line-height: 70px;
      font-weight: 700;
      padding: 0; }
      .opc .step-title .number:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #DDD; }
    .opc .step-title h2 {
      float: left;
      margin: 0 10px 0;
      font-weight: 700;
      padding: 0 10px 0;
      height: 70px;
      line-height: 70px;
      text-transform: uppercase; }
    .opc .step-title a {
      display: none;
      float: right;
      font-size: 14px;
      line-height: 16px; }
  .opc .allow .step-title {
    cursor: pointer; }
    .opc .allow .step-title .number {
      color: #666;
      background: #DDD; }
  .opc .active .step-title {
    background: #F7F7F7;
    color: #FFF;
    cursor: default; }
    .opc .active .step-title h2 {
      color: #124b97; }
    .opc .active .step-title .number {
      background: #124b97;
      color: #fff; }
      .opc .active .step-title .number:after {
        border-left: 8px solid #124b97; }
  .opc .step {
    border: 1px solid #DDD;
    border-top: 0;
    background: #F7F7F7;
    padding: 15px 30px;
    position: relative; }
    .opc .step .tool-tip {
      right: 30px; }
  .opc .gift-messages-form {
    margin: 0 -30px;
    background: #f6f1eb;
    border: 1px solid #e9e4de;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px; }
    .opc .gift-messages-form .inner-box {
      padding: 5px;
      height: 260px;
      overflow: auto; }
  .opc .fields label, .opc .wide label {
    font-weight: 600; }
  .opc .fields .input-box input, .opc .wide .input-box input {
    font-size: 16px; }

#opc-login #checkout-step-login:after {
  content: "";
  display: table;
  clear: both; }

#opc-login .step {
  padding: 15px 30px; }

#opc-login .step-title {
  border-top: 1px solid #DDD; }

#opc-login .col-1, #opc-login .col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  #opc-login .col-1:last-child, #opc-login .col-2:last-child {
    margin-right: 0; }

#opc-login .col-2 {
  display: none;
  background: #FFF;
  border: #DDD 1px solid;
  padding: 20px 20px;
  margin: 0 0 20px; }
  #opc-login .col-2 p {
    width: 100%;
    font-size: 16px;
    padding: 10px 0 15px;
    border-bottom: 1px solid #DDD;
    margin: 0 0 20px;
    font-weight: 700; }
  #opc-login .col-2.activeform {
    display: block; }
    #opc-login .col-2.activeform form .form-list li {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      #opc-login .col-2.activeform form .form-list li:last-child {
        margin-right: 0; }
      #opc-login .col-2.activeform form .form-list li:nth-child(2) {
        margin-right: 0; }
      #opc-login .col-2.activeform form .form-list li:nth-child(2+1) {
        clear: left; }
      #opc-login .col-2.activeform form .form-list li input {
        font-size: 16px;
        background-color: #f7f5f3;
        border: 2px solid #DDD; }
      #opc-login .col-2.activeform form .form-list li label {
        font-weight: 700; }
    #opc-login .col-2.activeform h3 {
      display: none; }
    #opc-login .col-2.activeform .buttons-set a {
      font-size: 15px; }
    #opc-login .col-2.activeform .buttons-set button {
      padding: 8px 50px; }
  #opc-login .col-2 .form-list {
    padding: 0 !important;
    margin: 0; }
  #opc-login .col-2 .login-form .buttons-set {
    float: right; }

#opc-login .buttons-set {
  border-top: 0;
  padding: 20px 0;
  text-align: left; }
  #opc-login .buttons-set ul {
    padding: 0 !important;
    margin: 0; }
  #opc-login .buttons-set li {
    display: inline-block;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    #opc-login .buttons-set li:last-child {
      margin-right: 0; }
    #opc-login .buttons-set li:nth-child(2) {
      margin-right: 0; }
    #opc-login .buttons-set li:nth-child(2+1) {
      clear: left; }
    #opc-login .buttons-set li button {
      width: 100%;
      padding: 15px 0;
      font-size: 15px;
      transform: none;
      border-radius: 0;
      font-weight: 700;
      text-transform: uppercase;
      background: #1174ad;
      float: none;
      margin-left: 0; }
    #opc-login .buttons-set li.member {
      display: block;
      clear: left;
      text-align: left;
      width: auto;
      margin: 0;
      padding: 10px 0 0 !important; }
      #opc-login .buttons-set li.member button {
        background: none;
        border: 0;
        padding: 0;
        text-decoration: underline;
        outline: 0;
        color: #666; }

#opc-login h3 {
  font-size: 18px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 2px;
  text-transform: uppercase;
  margin: 0 0 15px;
  padding: 15px 0 10px;
  font-weight: 700; }

#opc-login h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 6px 0 12px; }

#opc-billing input {
  border: 1px solid #DDD; }

#opc-billing .form-list {
  padding: 0 !important;
  margin: 0; }

#opc-shipping_method .buttons-set {
  border-top: 0; }

#opc-review #checkout-step-review {
  padding: 20px; }

#opc-review #review-buttons-container {
  border: 0; }

#opc-review #checkout-review-table {
  padding: 15px 10px;
  margin: 10px 0 0;
  background: #fff;
  border: 1px solid #EEE; }
  #opc-review #checkout-review-table thead {
    border-bottom: 1px solid #f7f5f3; }
  #opc-review #checkout-review-table th {
    width: 20%;
    font-size: 16px;
    padding: 10px; }
  #opc-review #checkout-review-table tbody {
    font-size: 16px; }
    #opc-review #checkout-review-table tbody td {
      vertical-align: top;
      padding: 12px 12px; }
      #opc-review #checkout-review-table tbody td.a-right {
        text-align: center !important; }
      #opc-review #checkout-review-table tbody td .product-name {
        font-size: 22px;
        color: #124b97; }
      #opc-review #checkout-review-table tbody td .item-options dt {
        padding: 0 0 5px;
        font-style: normal;
        color: #1174ad; }
      #opc-review #checkout-review-table tbody td .item-options dd {
        padding: 0; }
        #opc-review #checkout-review-table tbody td .item-options dd .id {
          display: none; }
      #opc-review #checkout-review-table tbody td .item-options dt.installadded, #opc-review #checkout-review-table tbody td .item-options dd.installadded {
        display: none; }
  #opc-review #checkout-review-table tfoot {
    border-bottom: 0; }
    #opc-review #checkout-review-table tfoot td {
      font-size: 16px;
      padding: 5px; }
      #opc-review #checkout-review-table tfoot td.last {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 0 5px !important; }
      #opc-review #checkout-review-table tfoot td.a-right {
        padding: 0 10px 10px;
        text-align: right; }

#opc-review .step {
  border: 0;
  padding: 0; }

#opc-review .product-name {
  font-weight: bold; }

#opc-review .item-options {
  margin: 5px 0 0; }

#opc-review .buttons-set {
  padding: 20px 30px;
  border: 1px solid #d9dde3;
  border-width: 0 1px 1px; }
  #opc-review .buttons-set p {
    margin: 0;
    line-height: 40px; }
  #opc-review .buttons-set .please-wait {
    height: 40px;
    line-height: 40px; }

.v-fix {
  float: left; }
  .v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative; }

.checkout-progress {
  padding: 0 90px;
  margin: 0 0 20px; }
  .checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 3px 0 0;
    border-top: 10px solid #999;
    padding: 2px 0 0;
    font-weight: bold;
    text-align: center; }
    .checkout-progress li.active {
      border-top-color: #e96200; }

.multiple-checkout h2 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px; }

.multiple-checkout h3,
.multiple-checkout h4 {
  font-size: 13px;
  font-weight: bold; }

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
  font-weight: normal; }

.multiple-checkout .data-table .product-name {
  font-size: 1em !important;
  font-weight: bold !important; }
  .multiple-checkout .data-table .product-name a {
    font-weight: bold !important; }

.multiple-checkout .data-table .item-options {
  margin: 5px 0 0; }

.multiple-checkout .gift-messages {
  margin: 15px 0 0; }

.multiple-checkout .tool-tip {
  top: 50%;
  margin-top: -120px;
  right: 20px; }

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
  background: #fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x;
  border: 1px solid #bbb6a5;
  margin: 0 0 25px;
  padding: 20px; }

.multiple-checkout .col2-set h2.legend {
  margin: -20px -20px 15px;
  padding: 5px 10px;
  background: #f9f3e3;
  border-bottom: 1px solid #bbafa0;
  position: relative; }

.multiple-checkout .col2-set h3.legend {
  margin: 0 0 10px; }

.multiple-checkout .col2-set .divider {
  margin: 0 -20px;
  padding: 25px 0;
  position: relative; }

.multiple-checkout .box {
  margin: 0 0 15px; }

.multiple-checkout .place-order .please-wait {
  float: right;
  padding: 27px 7px 0 0; }

.multiple-checkout .place-order .grand-total {
  float: right;
  height: 71px;
  font-size: 1.5em;
  padding: 0 0 0 21px;
  background: url(../images/bkg_grand-total.gif) 0 0 no-repeat;
  overflow: hidden; }
  .multiple-checkout .place-order .grand-total .inner {
    float: left;
    height: 57px;
    padding: 14px 21px 0 0;
    background: url(../images/bkg_grand-total.gif) 100% 0 no-repeat; }
    .multiple-checkout .place-order .grand-total .inner div {
      display: inline; }
  .multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 12px; }
  .multiple-checkout .place-order .grand-total button.button span {
    font-size: 16px; }
    .multiple-checkout .place-order .grand-total button.button span span {
      padding: 0 45px 0 36px; }

#multiship-addresses-table td {
  padding: 10px; }

#multiship-addresses-table tfoot td {
  padding: 5px 10px; }

.multiple-checkout .gift-messages-form .item .details .form-list {
  width: 100%;
  overflow: hidden; }
  .multiple-checkout .gift-messages-form .item .details .form-list li {
    margin-right: -15px; }

.checkout-multishipping-shipping .box-sp-methods {
  border: 1px solid #d9d2be;
  background: #f9f3e3;
  padding: 13px;
  position: relative; }
  .checkout-multishipping-shipping .box-sp-methods .pointer {
    position: absolute;
    top: -20px;
    right: -40px;
    height: 41px;
    background: url(../images/bkg_sp-methods.gif) 0 0 no-repeat;
    overflow: hidden; }

.checkout-multishipping-billing .multiple-checkout {
  position: relative; }

@media only screen and (max-width: 1024px) {
  .checkout-onepage-success .col-main .sub-title, .checkout-onepage-success .col-main p {
    font-size: 20px;
    line-height: 1.7em; }
  .checkout-onepage-success .col-main .buttons-set {
    text-align: center;
    margin: 30px 0; }
    .checkout-onepage-success .col-main .buttons-set button {
      float: none;
      width: 100%;
      padding: 20px 50px; }
  #opc-login .buttons-set {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    #opc-login .buttons-set:last-child {
      margin-right: 0; }
    #opc-login .buttons-set button {
      text-align: center; }
  #payment_form_bpoint_browsermethod li {
    width: 100%;
    clear: both; }
    #payment_form_bpoint_browsermethod li.left, #payment_form_bpoint_browsermethod li.right {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      display: block; }
      #payment_form_bpoint_browsermethod li.left:last-child, #payment_form_bpoint_browsermethod li.right:last-child {
        margin-right: 0; }
      #payment_form_bpoint_browsermethod li.left:nth-child(n), #payment_form_bpoint_browsermethod li.right:nth-child(n) {
        margin-right: 0; }
    #payment_form_bpoint_browsermethod li .input-box {
      width: 100%; }
      #payment_form_bpoint_browsermethod li .input-box input {
        border: 1px solid #DDD; } }

@media only screen and (max-width: 800px) {
  .sidebar {
    display: none; } }

@media only screen and (max-width: 640px) {
  .opc .step-title h2 {
    font-size: 16px; }
  #checkout-step-payment {
    padding: 15px; }
  #paymentmethods li {
    margin: 0 5px;
    padding: 15px !important; }
  #opc-login .buttons-set li {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    #opc-login .buttons-set li:last-child {
      margin-right: 0; }
  #opc-login .col-2.activeform {
    display: block; }
    #opc-login .col-2.activeform form .form-list li {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      #opc-login .col-2.activeform form .form-list li:last-child {
        margin-right: 0; }
      #opc-login .col-2.activeform form .form-list li input {
        font-size: 16px;
        background-color: #f7f5f3;
        border: 2px solid #DDD; }
      #opc-login .col-2.activeform form .form-list li label {
        font-weight: 700; }
  #opc-payment {
    font-size: 14px; }
    #opc-payment #co-payment-form #checkout-payment-method-load dt label {
      font-size: 16px; }
  #opc-review .buttons-set {
    padding: 20px 30px;
    border: 1px solid #d9dde3;
    border-width: 0 1px 1px;
    text-align: center; }
    #opc-review .buttons-set p, #opc-review .buttons-set button {
      width: 100%; }
    #opc-review .buttons-set p {
      float: none !important;
      margin: 0 0 10px; }
  #opc-review #checkout-review-table {
    padding: 0; }
    #opc-review #checkout-review-table thead {
      display: none; }
    #opc-review #checkout-review-table tbody tr td:nth-child(1) {
      display: none; }
    #opc-review #checkout-review-table tbody tr td:nth-child(4) {
      display: none; }
    #opc-review #checkout-review-table tbody tr td:nth-child(5) {
      display: none; }
    #opc-review #checkout-review-table tfoot td.last {
      padding: 0 10px 5px !important; } }

.my-account .title-buttons .link-rss {
  float: none;
  margin: 0; }

.dashboard .welcome-msg {
  margin: 0 8em 1.5em 0; }
  .dashboard .welcome-msg .hello {
    font-size: 18px; }
  .dashboard .welcome-msg p {
    margin: 0;
    font-size: 15px;
    color: #666;
    padding: 0 0 10px;
    line-height: 20px; }

.dashboard .col2-set {
  margin: 0 0 15px; }

.accountarea .col-main {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .accountarea .col-main:last-child {
    margin-right: 0; }

.accountarea .sidebar {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  top: 0;
  background-color: #FFF; }
  .accountarea .sidebar:last-child {
    margin-right: 0; }
  .accountarea .sidebar .block-title span {
    font-size: 16px; }
  .accountarea .sidebar .block-content {
    padding: 10px 0;
    background: #fff; }
  .accountarea .sidebar ul {
    overflow: visible;
    background-color: #f7f5f3;
    border-radius: 10px 0; }
    .accountarea .sidebar ul li {
      display: inline-block;
      padding: 20px 25px;
      border: 0;
      font-size: 15px;
      color: #666; }
      .accountarea .sidebar ul li.current {
        padding: 20px 25px;
        background: #fff; }
      .accountarea .sidebar ul li:hover {
        background: #fff; }
        .accountarea .sidebar ul li:hover a, .accountarea .sidebar ul li:hover strong {
          font-weight: bold; }
      .accountarea .sidebar ul li a, .accountarea .sidebar ul li.current {
        border-bottom: 0;
        color: #666; }
      .accountarea .sidebar ul li a, .accountarea .sidebar ul li strong {
        padding: 0;
        cursor: pointer; }

.hovertext, .accountarea .sidebar ul li {
  transition: all 0.3s 0s; }

#form-validate #editfields.fieldset {
  background: #F7F7F7;
  color: #666; }
  #form-validate #editfields.fieldset input {
    border: 1px solid #DDD; }

#form-validate .back-link a {
  font-size: 15px; }

#form-validate .fieldset {
  background: #F7F7F7; }
  #form-validate .fieldset h2 {
    font-weight: bold; }

.my-account .pager {
  font-size: 14px; }

.my-account .data-table .first {
  text-align: left; }
  .my-account .data-table .first th, .my-account .data-table .first td {
    padding: 10px 15px;
    font-size: 15px; }

.my-account .page-title {
  overflow: visible;
  text-align: left;
  margin: 10px 0; }
  .my-account .page-title button {
    display: block !important;
    clear: left;
    position: relative;
    float: right;
    margin: 20px 0 20px; }
  .my-account .page-title h1 {
    font-size: 26px;
    padding: 0 0 10px;
    width: 100%; }
  .my-account .page-title a {
    font-size: 14px; }

.my-account .addresses-primary .item, .my-account .addresses-additional .item {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  display: inline-block; }
  .my-account .addresses-primary .item:last-child, .my-account .addresses-additional .item:last-child {
    margin-right: 0; }
  .my-account .addresses-primary .item:nth-child(2), .my-account .addresses-additional .item:nth-child(2) {
    margin-right: 0; }
  .my-account .addresses-primary .item:nth-child(2+1), .my-account .addresses-additional .item:nth-child(2+1) {
    clear: left; }
  .my-account .addresses-primary .item h3, .my-account .addresses-additional .item h3 {
    font-size: 15px; }
  .my-account .addresses-primary .item address, .my-account .addresses-additional .item address {
    padding: 10px 0;
    line-height: 20px;
    font-size: 14px; }

.my-account .addresses-primary {
  width: 100%;
  display: block;
  float: none; }
  .my-account .addresses-primary h2 {
    padding: 10px 0;
    font-size: 16px; }

.my-account .addresses-additional {
  display: block;
  width: 50%;
  clear: left;
  padding: 10px 0; }

@media only screen and (max-width: 1024px) {
  .accountarea .sidebar ul {
    border-bottom: 1px solid #DDD;
    border-radius: 0; }
    .accountarea .sidebar ul li {
      width: 100%;
      border: 1px solid #DDD;
      font-size: 16px;
      text-align: center;
      display: none;
      text-transform: uppercase; }
      .accountarea .sidebar ul li.current {
        display: block;
        background: #f7f5f3;
        cursor: pointer; }
        .accountarea .sidebar ul li.current:after {
          content: "";
          position: relative;
          border-top: 8px solid #124b97;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          right: -10px;
          top: 17px; }
      .accountarea .sidebar ul li.activeitem {
        display: block; }
  .accountarea .addresses-list .addresses-primary .item, .accountarea .addresses-list .addresses-additional .item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    display: block; }
    .accountarea .addresses-list .addresses-primary .item:last-child, .accountarea .addresses-list .addresses-additional .item:last-child {
      margin-right: 0; }
    .accountarea .addresses-list .addresses-primary .item:nth-child(1), .accountarea .addresses-list .addresses-additional .item:nth-child(1) {
      margin-right: 0; }
    .accountarea .addresses-list .addresses-primary .item:nth-child(1+1), .accountarea .addresses-list .addresses-additional .item:nth-child(1+1) {
      clear: left; }
    .accountarea .addresses-list .addresses-primary .item h3, .accountarea .addresses-list .addresses-additional .item h3 {
      font-size: 16px; }
    .accountarea .addresses-list .addresses-primary .item address, .accountarea .addresses-list .addresses-additional .item address {
      padding: 10px 0;
      line-height: 20px;
      font-size: 15px; } }

@media only screen and (max-width: 800px) {
  .accountarea .addresses-list button {
    width: 100%;
    float: left; }
  .accountarea .footable-toggle {
    display: none; } }

.box-account {
  border: 1px solid #ccc;
  border-color: #ccc #999 #999 #ccc;
  padding: 15px;
  margin: 0 0 20px; }
  .box-account .box-head {
    border-bottom: 1px solid #d9dde3;
    margin: 0 0 10px;
    text-align: right; }
    .box-account .box-head h2 {
      float: left;
      margin: 0 0 5px;
      font-size: 15px;
      font-weight: bold;
      text-transform: uppercase;
      background-position: 0 0;
      background-repeat: no-repeat; }

.dashboard .box .box-title {
  padding: 0 0 2px;
  margin: 0 0 8px;
  text-align: right; }
  .dashboard .box .box-title h3,
  .dashboard .box .box-title h4 {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0; }
  .dashboard .box .box-title h3 {
    font-size: 16px; }
  .dashboard .box .box-title a {
    color: #124b97; }

.dashboard .box .box-content p {
  line-height: 20px; }

.dashboard .box .box-content .col-1 address, .dashboard .box .box-content .col-2 address {
  padding: 5px 0;
  font-size: 14px;
  line-height: 20px; }
  .dashboard .box .box-content .col-1 address a, .dashboard .box .box-content .col-2 address a {
    padding: 5px 0 0;
    color: #124b97; }

@media only screen and (max-width: 800px) {
  .accountarea .box-account .col2-set {
    float: none; }
    .accountarea .box-account .col2-set .col-1, .accountarea .box-account .col2-set .col-2 {
      padding: 10px 0; }
    .accountarea .box-account .col2-set .box .box-content .col-1 h4, .accountarea .box-account .col2-set .box .box-content .col-2 h4 {
      padding: 10px 0; }
    .accountarea .box-account .col2-set .box .box-content .col-1 address, .accountarea .box-account .col2-set .box .box-content .col-2 address {
      line-height: 20px;
      padding: 0 0 5px; }
      .accountarea .box-account .col2-set .box .box-content .col-1 address a, .accountarea .box-account .col2-set .box .box-content .col-2 address a {
        padding: 5px 0 0;
        color: #124b97; }
  .accountarea .box-account #my-orders-table thead tr th {
    padding: 10px !important; }
  .accountarea .box-account #my-orders-table tbody tr td {
    padding: 10px !important; } }

.dashboard .box-info {
  font-size: 15px;
  padding: 10px; }

.dashboard .box-info h4 {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase; }

.dashboard .box-reviews .number {
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #0a263c; }

.dashboard .box-reviews .details {
  margin-left: 20px; }

.dashboard .box-reviews li.item {
  margin: 0 0 7px; }
  .dashboard .box-reviews li.item.last {
    margin: 0; }

.dashboard .box-reviews .ratings {
  margin: 7px 0 0; }

.dashboard .box-tags .number {
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #0a263c; }

.dashboard .box-tags .details {
  margin-left: 20px; }

.dashboard .box-tags li.item {
  margin: 0 0 7px; }
  .dashboard .box-tags li.item.last {
    margin: 0; }

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
  display: inline; }

.addresses-list button {
  float: right;
  margin: 10px 0; }

.addresses-list h2 {
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase; }

.addresses-list h3 {
  font-weight: bold;
  font-size: 13px; }

.addresses-list address {
  margin: 0 0 3px;
  padding: 10px 0;
  font-size: 13px; }

.addresses-list p {
  margin: 0; }

.addresses-list a {
  font-weight: bold; }

.addresses-list .separator {
  margin: 0 3px; }

.addresses-list li.item {
  background: #f7f5f3;
  border: 1px solid #f7f5f3;
  padding: 20px;
  margin: 0 0 10px; }

.addresses-list li.empty {
  background: none;
  border: 0;
  padding: 0; }
  .addresses-list li.empty p {
    font-weight: bold; }

.addresses-list .addresses-primary h2 {
  padding: 10px 0;
  font-size: 15px; }

.addresses-list .addresses-additional li.item {
  background: none;
  border: 0;
  padding: 0; }

.order-info {
  margin: 0 0 8px; }
  .order-info dt,
  .order-info dd,
  .order-info ul,
  .order-info li {
    display: inline; }
  .order-info dt {
    font-weight: 600;
    font-size: 15px;
    width: 100%;
    display: block;
    text-decoration: underline;
    padding: 10px 0; }
  .order-info dd ul#order-info-tabs {
    width: 100%;
    display: block;
    background: #F7F7F7;
    height: 50px;
    margin: 5px 0;
    padding: 0 5px;
    border-radius: 10px 0; }
    .order-info dd ul#order-info-tabs li {
      height: 50px;
      line-height: 50px;
      font-size: 13px;
      padding: 0 20px;
      text-transform: uppercase; }
  .order-info .current {
    font-weight: bold; }
  .order-info li {
    margin: 0 3px; }

.order-date {
  margin: 20px 0; }

.order-info-box {
  padding: 12px 15px;
  margin: 0 0 15px;
  background: #F7F7F7; }
  .order-info-box .col-1 .box-title, .order-info-box .col-2 .box-title {
    padding: 5px 0; }
  .order-info-box .col-1 .box-content, .order-info-box .col-2 .box-content {
    padding: 5px 0; }
    .order-info-box .col-1 .box-content address, .order-info-box .col-2 .box-content address {
      line-height: 16px;
      font-size: 15px; }
  .order-info-box h2 {
    font-weight: bold;
    font-size: 13px; }
  .order-info-box .box-payment p {
    margin: 0 0 3px; }
  .order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px; }

.order-items {
  width: 100%;
  overflow-x: auto;
  overflow: hidden; }
  .order-items .order-links {
    text-decoration: underline; }
    .order-items .order-links:hover {
      color: #124b97; }
  .order-items .sub-title a {
    text-decoration: underline; }
  .order-items .data-table {
    margin: 15px 0; }
    .order-items .data-table .footable-row-detail {
      display: none; }
    .order-items .data-table thead {
      background: #f7f5f3; }
    .order-items .data-table tbody tr {
      background: #fff !important; }
      .order-items .data-table tbody tr td span {
        font-size: 15px; }
    .order-items .data-table tfoot {
      background: #f7f5f3; }
      .order-items .data-table tfoot tr td {
        border-right: 0px; }
        .order-items .data-table tfoot tr td span {
          font-size: 15px; }
    .order-items .data-table .footable-toggle {
      display: none; }
  .order-items h2,
  .order-items h3 {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0; }
  .order-items .product-name {
    font-size: 1em !important;
    font-weight: bold !important; }
  .order-items .link-print {
    float: right;
    font-weight: normal; }
  .order-items p .link-print {
    float: none; }

.order-gift-message {
  margin: 15px 0; }

.gift-message dd {
  margin: 5px 0 0;
  font-size: 13px; }

.order-about {
  margin: 15px 0; }
  .order-about dt {
    font-weight: bold; }
  .order-about dd {
    font-size: 13px;
    margin: 0 0 7px; }

.tracking-table {
  margin: 0 0 15px; }
  .tracking-table th {
    font-weight: bold;
    white-space: nowrap; }
  .tracking-table th,
  .tracking-table td {
    padding: 1px 5px 0 0; }

.tracking-table-popup {
  width: 100%; }
  .tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap; }
  .tracking-table-popup th,
  .tracking-table-popup td {
    padding: 1px 8px; }

@media screen and (max-width: 1024px) {
  .order-items #my-orders-table thead th {
    padding: 15px !important; }
  .order-items #my-orders-table tbody tr td {
    padding: 15px !important; } }

@media screen and (max-width: 800px) {
  .order-info dd ul#order-info-tabs {
    width: 100%;
    display: block;
    background: #F7F7F7;
    height: 50px;
    margin: 5px 0;
    padding: 0 5px;
    border-radius: 10px 0; }
    .order-info dd ul#order-info-tabs li {
      height: 50px;
      line-height: 50px;
      font-size: 13px;
      padding: 0 5px;
      text-transform: uppercase; } }

.page-print .print-head {
  margin: 0 0 15px; }
  .page-print .print-head .logo {
    float: left; }
  .page-print .print-head address {
    float: left;
    margin-left: 15px; }

.page-print h1 {
  font-size: 16px;
  font-weight: bold; }

.page-print h2,
.page-print h3 {
  font-size: 13px;
  font-weight: bold; }

.page-print h2.h2 {
  font-size: 16px;
  font-weight: bold; }

.page-print .order-date {
  background: url(../images/bkg_divider1.gif) 0 100% repeat-x;
  padding: 0 0 10px;
  margin: 0 0 10px; }

.page-print .col2-set {
  margin: 0 0 10px; }

.page-print .gift-message-link {
  display: none; }

.page-print .price-excl-tax,
.page-print .price-incl-tax {
  display: block;
  white-space: nowrap; }

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
  display: inline; }

.my-wishlist .data-table td {
  padding: 10px; }

.my-wishlist .product-image {
  display: block;
  width: 113px;
  height: 113px;
  margin: 0 0 5px; }

.my-wishlist textarea {
  display: block;
  width: 97%;
  height: 109px; }

.my-wishlist .buttons-set {
  margin-top: 2em; }
  .my-wishlist .buttons-set button.button {
    float: none; }
  .my-wishlist .buttons-set .btn-add span,
  .my-wishlist .buttons-set .btn-share span {
    border-color: #406a83;
    background: #618499; }

#wishlist-table .add-to-links {
  white-space: nowrap; }

.my-tag-edit {
  float: left;
  margin: 0 0 10px; }
  .my-tag-edit .btn-remove {
    float: right;
    margin: 5px 0 0 5px; }

#my-tags-table {
  clear: both; }
  #my-tags-table td {
    padding: 10px; }
  #my-tags-table .add-to-links {
    white-space: nowrap; }

#my-reviews-table td {
  padding: 10px; }

.product-review .product-img-box {
  float: left;
  width: 140px; }
  .product-review .product-img-box .product-image {
    display: block;
    width: 125px;
    height: 125px; }
  .product-review .product-img-box .label {
    font-size: 14px;
    margin: 0 0 3px; }
  .product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px; }

.product-review .product-details {
  margin-left: 150px; }

.product-review .product-name {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px; }

.product-review h3 {
  font-size: 12px;
  margin: 0 0 3px; }

.product-review .ratings-table {
  margin: 0 0 10px; }

.product-review dt {
  font-weight: bold; }

.product-review dd {
  font-size: 13px;
  margin: 5px 0 0; }

.billing-agreements .form-list li select {
  float: left; }

.billing-agreements .form-list li button.button {
  float: left;
  margin-left: 10px; }

.billing-agreements .table-caption {
  font-weight: bold;
  font-size: 13px; }

.account-login .content {
  padding: 14px 21px;
  background: #F7F7F7;
  border-bottom: 0; }
  .account-login .content h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 14px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    background-position: 0 1px;
    background-repeat: no-repeat;
    text-transform: uppercase; }
  .account-login .content p {
    line-height: 1.4em; }
  .account-login .content .buttons-set {
    margin: 20px 0 0;
    padding: 20px 13px; }

.account-login .new-users, .account-login .registered-users {
  width: 100%;
  display: block; }

.account-login .new-users {
  margin: 0 0 20px; }
  .account-login .new-users .memberlogin {
    display: block;
    clear: left;
    text-align: left;
    width: auto;
    margin: 0;
    padding: 10px 0 0 !important; }
    .account-login .new-users .memberlogin button {
      background: none;
      border: 0;
      padding: 0;
      text-decoration: underline;
      outline: 0;
      font-size: 16px; }

.account-login .registered-users {
  display: none; }
  .account-login .registered-users.loginactive {
    display: block; }

.account-login .new-users p, .account-login .registered-users p {
  font-size: 14px; }

.raveinfosys-dealer-locator-search #pageintro, .raveinfosys-dealer-locator-map #pageintro {
  background-image: url("../img/pages/buy.jpg") !important; }

.raveinfosys-dealer-locator-search .search_results h2, .raveinfosys-dealer-locator-map .search_results h2 {
  display: block;
  clear: both;
  padding: 30px 0;
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  color: #124b97; }

/* @group Base */
.dropdown-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  display: inline; }
  .dropdown-container .dropdown-drop {
    background: #fff;
    border: 1px solid #DDD;
    border-top: 0;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1010; }

@-moz-document url-prefix() {
  .dropdown-drop {
    top: 47px !important; } }

/* @end */
/* @group Single Chosen */
.dropdown-container-single .dropdown-single {
  background-color: #ffffff;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 46px;
  line-height: 46px;
  padding: 0 0 0 8px;
  margin: 8px 0;
  font-size: 14px;
  color: #444444;
  text-decoration: none; }
  .dropdown-container-single .dropdown-single .dropdown-default {
    color: #999; }
  .dropdown-container-single .dropdown-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .dropdown-container-single .dropdown-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") right top no-repeat; }
    .dropdown-container-single .dropdown-single abbr:hover {
      background-position: right -11px; }
  .dropdown-container-single .dropdown-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px; }
    .dropdown-container-single .dropdown-single div b:before {
      content: ""; }
  .dropdown-container-single .dropdown-single .dropdown-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010; }
    .dropdown-container-single .dropdown-single .dropdown-search input {
      background: #fff url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px;
      background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
      background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
      background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
      margin: 1px 0;
      padding: 4px 20px 4px 5px;
      outline: 0;
      border: 1px solid #aaa;
      font-family: sans-serif;
      font-size: 1em; }

.dropdown-container-single.dropdown-disabled .dropdown-single abbr:hover {
  background-position: right top; }

.dropdown-container-single .dropdown-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.dropdown-container-single-nosearch .dropdown-search input {
  position: absolute;
  left: -9000px; }

/* @group Multi Chosen */
.dropdown-container-multi .dropdown-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative; }
  .dropdown-container-multi .dropdown-choices li {
    float: left;
    list-style: none; }
  .dropdown-container-multi .dropdown-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0; }
    .dropdown-container-multi .dropdown-choices .search-field input {
      color: #666;
      background: transparent !important;
      border: 0 !important;
      font-family: sans-serif;
      font-size: 100%;
      height: 15px;
      padding: 5px;
      margin: 1px 0;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dropdown-container-multi .dropdown-choices .search-field .default {
      color: #999; }
  .dropdown-container-multi .dropdown-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default; }
  .dropdown-container-multi .dropdown-choices .search-choice-focus {
    background: #d4d4d4; }
    .dropdown-container-multi .dropdown-choices .search-choice-focus .search-choice-close {
      background-position: right -11px; }
  .dropdown-container-multi .dropdown-choices .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") right top no-repeat; }
    .dropdown-container-multi .dropdown-choices .search-choice-close:hover {
      background-position: right -11px; }

/* @end */
/* @group Results */
.dropdown-container .dropdown-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .dropdown-container .dropdown-results li {
    display: none;
    line-height: 15px;
    padding: 10px 12px !important;
    margin: 0;
    list-style: none;
    font-size: 14px; }
    .dropdown-container .dropdown-results li em {
      background: #feffde;
      font-style: normal; }
  .dropdown-container .dropdown-results .active-result {
    cursor: pointer;
    display: list-item; }
  .dropdown-container .dropdown-results .highlighted {
    background-color: #189bc1;
    color: #FFF; }
    .dropdown-container .dropdown-results .highlighted em {
      background: transparent; }
  .dropdown-container .dropdown-results .no-results {
    background: #f4f4f4;
    display: list-item; }
  .dropdown-container .dropdown-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold; }
  .dropdown-container .dropdown-results .group-option {
    padding-left: 15px; }

.dropdown-container .dropdown-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1; }
  .dropdown-container .dropdown-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px; }

.dropdown-container-multi .dropdown-results {
  margin: -1px 0 0;
  padding: 0; }

.dropdown-container-multi .dropdown-drop .result-selected {
  display: none; }

.dropdown-container-multi .dropdown-results-scroll-down {
  bottom: 0; }
  .dropdown-container-multi .dropdown-results-scroll-down span {
    background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -4px -3px; }

.dropdown-container-multi .dropdown-results-scroll-up {
  bottom: 0; }
  .dropdown-container-multi .dropdown-results-scroll-up span {
    background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -22px -3px; }

/* @end */
/* @group Active  */
.dropdown-container-active .dropdown-single-with-drop {
  border: 1px solid #DDD; }

.dropdown-search {
  display: none; }

.dropdown-container-active .dropdown-single-with-drop div {
  background: transparent;
  border-left: none; }

.dropdown-container-active .dropdown-single-with-drop div b {
  background-position: -18px 5px; }

/* @end */
/* @group Disabled Support */
.dropdown-disabled {
  cursor: default;
  opacity: 0.5 !important; }

.dropdown-disabled .dropdown-single {
  cursor: default; }

.dropdown-disabled .dropdown-choices .search-choice .search-choice-close {
  cursor: default; }

/* @group Right to Left */
.dropdown-rtl {
  text-align: right; }

.dropdown-rtl .dropdown-single {
  padding: 0 8px 0 0;
  overflow: visible; }

.dropdown-rtl .dropdown-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl; }

.dropdown-rtl .dropdown-single div {
  left: 3px;
  right: auto; }

.dropdown-rtl .dropdown-single abbr {
  left: 26px;
  right: auto; }

.dropdown-rtl .dropdown-choices .search-field input {
  direction: rtl; }

.dropdown-rtl .dropdown-choices li {
  float: right; }

.dropdown-rtl .dropdown-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0; }

.dropdown-rtl .dropdown-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top; }

.dropdown-rtl.dropdown-container-single .dropdown-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.dropdown-rtl .dropdown-results .group-option {
  padding-left: 0;
  padding-right: 15px; }

.dropdown-rtl.dropdown-container-active .dropdown-single-with-drop div {
  border-right: none; }

.dropdown-rtl .dropdown-search input {
  background: #fff url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px;
  background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../../images/raveinfosys/dealer/chosen-sprite.png") no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl; }

/* @end */
/* Dealer Page Design */
.clear {
  clear: both; }

.dealer_locator_container {
  padding: 0 0 20px; }
  .dealer_locator_container .fieldset {
    padding: 40px 30px; }
    .dealer_locator_container .fieldset .check_field {
      float: left;
      width: auto;
      margin: 0 20px 0 0; }
      .dealer_locator_container .fieldset .check_field .check-search-type {
        float: left;
        margin: 0 8px 0 0; }
      .dealer_locator_container .fieldset .check_field label {
        float: left;
        font-style: italic;
        font-weight: 700;
        color: #124b97;
        font-size: 16px; }
    .dealer_locator_container .fieldset .form-list {
      margin: 0;
      padding: 0; }

#location_searchByZip .fields, #location_searchByState .fields, #location_searchByCompany .fields {
  margin: 20px 20px 0 0; }

#location_searchByZip .fields .field, #location_searchByState .fields .field, #location_searchByCompany .fields .field {
  float: left;
  width: auto;
  margin: 0px 20px 0 0; }

#location_searchByState {
  width: 40%; }

#location_searchByCompany {
  width: 40%; }

#location_searchByZip .field .input-box {
  width: 348px; }

#location_searchByState .dropdown-container-single .dropdown-single {
  width: 363px; }

#location_searchByCompany .dropdown-container-single .dropdown-single {
  width: 348px; }

/*-- SEARCH RESULT --*/
.search_results {
  margin: 20px 0; }
  .search_results:after {
    content: "";
    display: table;
    clear: both; }
  .search_results .result {
    border: 1px solid #EEE;
    margin-bottom: 20px;
    width: 48%;
    margin-right: 2%;
    float: left;
    border-radius: 10px 0; }
    .search_results .result .left-col {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      height: 100%;
      padding: 28px 0; }
      .search_results .result .left-col:last-child {
        margin-right: 0; }
    .search_results .result .distance {
      font-size: 26px;
      /*height: 56px;*/
      padding: 0 0 25px;
      font-weight: 700;
      font-style: italic;
      text-align: center; }
      .search_results .result .distance span {
        font-size: 18px;
        font-weight: normal;
        padding: 0 0 0 6px; }
    .search_results .result .preferred-star {
      font-size: 0;
      display: inline-block; }
      .search_results .result .preferred-star:before {
        content: "";
        font-size: 18px;
        color: #189bc1; }
      .search_results .result .preferred-star:hover:before {
        color: #1174ad; }
    .search_results .result .address {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-right: 0;
      font-size: 14px;
      line-height: 23px;
      padding: 25px 25px; }
      .search_results .result .address:last-child {
        margin-right: 0; }
      .search_results .result .address a {
        display: block; }
      .search_results .result .address strong {
        font-size: 1.1em; }
    .search_results .result .map {
      float: left;
      overflow: hidden;
      width: 487px; }
    .search_results .result.topdealer {
      background: #eaf7fe;
      position: relative; }
      .search_results .result.topdealer:before {
        content: "";
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 25px;
        color: #000;
        opacity: 0.2; }
  .search_results .result_heading {
    border-bottom: 1px solid #ededed;
    font-size: 18px;
    text-transform: uppercase;
    padding: 8px 0;
    margin: 0 0 15px; }

.no_result {
  color: #f00;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 15px 0; }

#map_canvas {
  width: 100% !important;
  height: 500px;
  margin: 0px auto; }

@media only screen and (max-width: 767px) {
  .search_results .result {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .search_results .result:last-child {
      margin-right: 0; } }

@media only screen and (max-width: 500px) {
  .dealer_locator_container .fieldset .check_field {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    padding: 8px 0; }
    .dealer_locator_container .fieldset .check_field:last-child {
      margin-right: 0; }
  .dealer_locator_container .fieldset ul.form-list {
    padding: 10px 0 !important; }
  .search_results .result .left-col, .search_results .result .address {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0;
    text-align: center; }
    .search_results .result .left-col:last-child, .search_results .result .address:last-child {
      margin-right: 0; }
  .search_results .result .left-col {
    padding: 20px 0 0; } }

.cms-poolselector #pageintro {
  background-image: url("../img/pages/selector.jpg") !important; }

.cms-poolselector .selector {
  background: #eaf7fe;
  border-radius: 30px 0;
  padding: 40px 30px;
  margin: 0 0 40px;
  text-align: center;
  clear: both; }
  .cms-poolselector .selector:after {
    content: "";
    display: table;
    clear: both; }
  .cms-poolselector .selector h3 {
    font-size: 26px !important;
    border-bottom: #FFF 3px solid;
    margin: 0 0 20px;
    padding: 0 0 10px;
    display: inline-block; }
  .cms-poolselector .selector p {
    display: block;
    font-size: 18px;
    padding: 12px 0 10px !important; }
    .cms-poolselector .selector p strong {
      text-transform: uppercase; }
    .cms-poolselector .selector p.message {
      padding: 24px 0 0 !important;
      font-size: 16px; }
  .cms-poolselector .selector .step {
    display: none; }
    .cms-poolselector .selector .step#start {
      display: block; }
      .cms-poolselector .selector .step#start p {
        font-size: 15px;
        padding: 15px 20px 30px !important; }
      .cms-poolselector .selector .step#start .button {
        background: #189bc1; }
    .cms-poolselector .selector .step#shape a, .cms-poolselector .selector .step#profile a, .cms-poolselector .selector .step#material a, .cms-poolselector .selector .step#leafload a {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      text-align: center;
      background: #FFF;
      border-radius: 20px 0;
      padding: 10px 15px 30px;
      margin-top: 20px;
      text-decoration: none !important;
      border: #FFF 2px solid; }
      .cms-poolselector .selector .step#shape a:last-child, .cms-poolselector .selector .step#profile a:last-child, .cms-poolselector .selector .step#material a:last-child, .cms-poolselector .selector .step#leafload a:last-child {
        margin-right: 0; }
      .cms-poolselector .selector .step#shape a:nth-child(2n), .cms-poolselector .selector .step#profile a:nth-child(2n), .cms-poolselector .selector .step#material a:nth-child(2n), .cms-poolselector .selector .step#leafload a:nth-child(2n) {
        margin-right: 0; }
      .cms-poolselector .selector .step#shape a:nth-child(2n+1), .cms-poolselector .selector .step#profile a:nth-child(2n+1), .cms-poolselector .selector .step#material a:nth-child(2n+1), .cms-poolselector .selector .step#leafload a:nth-child(2n+1) {
        clear: left; }
      .cms-poolselector .selector .step#shape a:hover, .cms-poolselector .selector .step#profile a:hover, .cms-poolselector .selector .step#material a:hover, .cms-poolselector .selector .step#leafload a:hover {
        border: #1174ad 2px solid; }
      .cms-poolselector .selector .step#shape a:before, .cms-poolselector .selector .step#profile a:before, .cms-poolselector .selector .step#material a:before, .cms-poolselector .selector .step#leafload a:before {
        content: '';
        background: url("../img/icons/selector/rectangle.svg") no-repeat center;
        background-size: contain;
        width: 120px;
        height: 120px;
        display: inline-block; }
      .cms-poolselector .selector .step#shape a span, .cms-poolselector .selector .step#profile a span, .cms-poolselector .selector .step#material a span, .cms-poolselector .selector .step#leafload a span {
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none; }
      .cms-poolselector .selector .step#shape a.freeform:before, .cms-poolselector .selector .step#profile a.freeform:before, .cms-poolselector .selector .step#material a.freeform:before, .cms-poolselector .selector .step#leafload a.freeform:before {
        background-image: url("../img/icons/selector/freeform.svg"); }
    .cms-poolselector .selector .step#shape#profile a.square:before, .cms-poolselector .selector .step#profile#profile a.square:before, .cms-poolselector .selector .step#material#profile a.square:before, .cms-poolselector .selector .step#leafload#profile a.square:before {
      background-image: url("../img/icons/selector/square.svg"); }
    .cms-poolselector .selector .step#shape#profile a.curved:before, .cms-poolselector .selector .step#profile#profile a.curved:before, .cms-poolselector .selector .step#material#profile a.curved:before, .cms-poolselector .selector .step#leafload#profile a.curved:before {
      background-image: url("../img/icons/selector/curved.svg"); }
    .cms-poolselector .selector .step#shape#leafload a.heavy:before, .cms-poolselector .selector .step#profile#leafload a.heavy:before, .cms-poolselector .selector .step#material#leafload a.heavy:before, .cms-poolselector .selector .step#leafload#leafload a.heavy:before {
      background-image: url("../img/icons/selector/heavy.svg"); }
    .cms-poolselector .selector .step#shape#leafload a.medium:before, .cms-poolselector .selector .step#profile#leafload a.medium:before, .cms-poolselector .selector .step#material#leafload a.medium:before, .cms-poolselector .selector .step#leafload#leafload a.medium:before {
      background-image: url("../img/icons/selector/medium.svg"); }
    .cms-poolselector .selector .step#shape#leafload a.light:before, .cms-poolselector .selector .step#profile#leafload a.light:before, .cms-poolselector .selector .step#material#leafload a.light:before, .cms-poolselector .selector .step#leafload#leafload a.light:before {
      background-image: url("../img/icons/selector/light.svg"); }
    .cms-poolselector .selector .step#material a {
      padding-top: 30px; }
      .cms-poolselector .selector .step#material a:before {
        display: none; }
    .cms-poolselector .selector .step#products .recommended {
      font-size: 22px;
      font-weight: 900;
      padding: 0 0 35px !important; }
    .cms-poolselector .selector .step .selectoractions {
      padding: 40px 0 0;
      clear: both; }
      .cms-poolselector .selector .step .selectoractions span {
        display: inline-block; }
        .cms-poolselector .selector .step .selectoractions span:first-child {
          background: #189bc1; }
          .cms-poolselector .selector .step .selectoractions span:first-child:hover {
            background: #124b97; }
  .cms-poolselector .selector .products {
    position: relative; }
    .cms-poolselector .selector .products ul li {
      width: 100%;
      position: relative;
      box-shadow: 7px 0px 54px 0px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      background: #FFF;
      z-index: 3;
      display: none;
      text-align: left; }
      .cms-poolselector .selector .products ul li .info {
        padding: 40px;
        position: relative;
        z-index: 1;
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase; }
        .cms-poolselector .selector .products ul li .info h3 {
          font-size: 25px;
          color: #124b97;
          margin: 0; }
        .cms-poolselector .selector .products ul li .info h4 {
          max-width: 50%;
          line-height: 1.3em;
          color: #666;
          text-align: left !important;
          font-size: 16px; }
        .cms-poolselector .selector .products ul li .info p {
          max-width: 65%;
          font-size: 15px;
          line-height: 1.3em;
          text-align: left !important;
          padding: 0 0 25px !important;
          color: #666;
          font-weight: 400;
          text-transform: none; }
        .cms-poolselector .selector .products ul li .info a {
          text-decoration: none;
          font-size: 26px;
          border: #CCC 1px solid;
          color: #CCC;
          padding: 0 20px;
          height: 45px;
          line-height: 40px;
          margin: 0;
          transform: skewX(-10deg);
          border-radius: 10px 0;
          display: inline-block; }
          .cms-poolselector .selector .products ul li .info a:hover {
            border: #124b97 1px solid;
            background: #124b97;
            color: #FFF; }
      .cms-poolselector .selector .products ul li img {
        transform: skewX(10deg);
        max-height: 220px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0; }
      .cms-poolselector .selector .products ul li:nth-child(2) {
        z-index: 2; }
      .cms-poolselector .selector .products ul li:nth-child(3) {
        z-index: 1; }
    .cms-poolselector .selector .products .messagesquare, .cms-poolselector .selector .products .messagecurved {
      display: none;
      font-size: 16px;
      padding: 25px 0 0; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialconcrete.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapesquare.profilesquare.materialfibreglass.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapesquare.profilesquare.materialvinyl.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialconcrete.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialfibreglass.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialvinyl.leafloadlight .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialconcrete.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialconcrete.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialfibreglass.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialfibreglass.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialvinyl.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilesquare.materialvinyl.leafloadheavy .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadlight .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadlight .products p.messagesquare {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadmedium .products li.vtx7, .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadheavy .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadmedium .products p.messagesquare, .cms-poolselector .selector.shapesquare.profilesquare.materialtile.leafloadheavy .products p.messagesquare {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialconcrete.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapesquare.profilecurved.materialfibreglass.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapesquare.profilecurved.materialvinyl.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialconcrete.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialfibreglass.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialvinyl.leafloadlight .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialconcrete.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialconcrete.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialfibreglass.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialfibreglass.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialvinyl.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapesquare.profilecurved.materialvinyl.leafloadheavy .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadlight .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadlight .products p.messagecurved {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadmedium .products li.vtx7, .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadheavy .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapesquare.profilecurved.materialtile.leafloadmedium .products p.messagecurved {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialconcrete.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapefreeform.profilesquare.materialfibreglass.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapefreeform.profilesquare.materialvinyl.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialconcrete.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialfibreglass.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialvinyl.leafloadlight .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialconcrete.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialconcrete.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialfibreglass.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialfibreglass.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialvinyl.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilesquare.materialvinyl.leafloadheavy .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadlight .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadlight .products p.messagesquare {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadmedium .products li.vtx7, .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadheavy .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilesquare.materialtile.leafloadmedium p.messagesquare {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialconcrete.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapefreeform.profilecurved.materialfibreglass.leafloadlight .products li.vtx3, .cms-poolselector .selector.shapefreeform.profilecurved.materialvinyl.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialconcrete.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialfibreglass.leafloadlight .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialvinyl.leafloadlight .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialconcrete.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialconcrete.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialfibreglass.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialfibreglass.leafloadheavy .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialvinyl.leafloadmedium .products li.sprinta, .cms-poolselector .selector.shapefreeform.profilecurved.materialvinyl.leafloadheavy .products li.sprinta {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadlight .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadlight .products li.vtx3 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadlight .products p.messagecurved {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadmedium .products li.vtx7, .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadheavy .products li.vtx7 {
    display: block; }
  .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadmedium .products p.messagecurved, .cms-poolselector .selector.shapefreeform.profilecurved.materialtile.leafloadheavy .products p.messagecurved {
    display: block; }

.cms-poolselector .startover {
  margin: 0 auto 30px;
  max-width: 250px;
  display: none;
  text-align: center; }

.cms-poolselector.started .startover {
  display: block; }

@media only screen and (max-width: 650px) {
  .cms-poolselector .selector .step#shape a, .cms-poolselector .selector .step#profile a, .cms-poolselector .selector .step#material a, .cms-poolselector .selector .step#leafload a {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .cms-poolselector .selector .step#shape a:last-child, .cms-poolselector .selector .step#profile a:last-child, .cms-poolselector .selector .step#material a:last-child, .cms-poolselector .selector .step#leafload a:last-child {
      margin-right: 0; }
  .cms-poolselector .selector .products {
    position: relative; }
    .cms-poolselector .selector .products ul li .info {
      text-align: center;
      padding: 40px 40px 30px; }
      .cms-poolselector .selector .products ul li .info h4 {
        max-width: 100%;
        line-height: 1.3em;
        color: #666;
        padding: 0 0 25px !important;
        text-align: center !important; }
      .cms-poolselector .selector .products ul li .info p {
        text-align: center !important;
        max-width: 100%; }
    .cms-poolselector .selector .products ul li img {
      display: none; } }

@media only screen and (max-width: 470px) {
  .cms-poolselector .selector {
    margin: 10px 0 60px; }
    .cms-poolselector .selector .step#products .recommended {
      font-size: 18px;
      font-weight: 400;
      padding: 0 0 35px !important; } }

.cms-our-difference #pageintro {
  background-image: url("../img/pages/our-difference.jpg") !important; }

.cms-our-difference .wrap#maincontent {
  max-width: 870px; }
  .cms-our-difference .wrap#maincontent h1 {
    font-size: 26px;
    line-height: 1.3em;
    padding: 30px 0; }

.expander {
  max-height: 100px;
  overflow: hidden;
  margin: 30px 0;
  border-bottom: #EEE 2px solid;
  position: relative; }
  .expander:after {
    content: "";
    display: table;
    clear: both; }
  .expander h3 {
    color: #666;
    font-size: 20px;
    font-style: italic;
    padding: 0; }
  .expander p {
    font-size: 15px; }
  .expander:before {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    content: '';
    display: block;
    background: url("../img/icons/product/australian.svg") no-repeat center;
    background-size: 80px 80px;
    min-height: 90px; }
    .expander:before:last-child {
      margin-right: 0; }
  .expander:after {
    width: 100%;
    height: 20px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
  .expander .text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-right: 0;
    position: relative;
    text-align: left; }
    .expander .text:last-child {
      margin-right: 0; }
    .expander .text h3, .expander .text p {
      text-align: left !important; }
    .expander .text .expand {
      position: absolute;
      top: 1px;
      left: -30px;
      font-size: 0;
      text-decoration: none; }
      .expander .text .expand:before {
        content: "";
        font-size: 26px;
        display: block; }
      .expander .text .expand:hover:before {
        color: #189bc1; }
  .expander.open {
    max-height: 9999px !important;
    padding-bottom: 30px; }
    .expander.open .text .expand:before {
      content: ""; }
  .expander#engineered:before {
    background-image: url("../img/icons/product/engineered.svg"); }
  .expander#service:before {
    background-image: url("../img/icons/product/service.svg");
    background-size: 75px 75px; }
  .expander#warranty {
    margin-bottom: 0; }
    .expander#warranty:before {
      background-image: url("../img/icons/product/warranty.svg"); }
  .expander#history {
    margin-top: 0;
    max-height: 130px; }
    .expander#history .text {
      margin: 30px 0 0; }
    .expander#history:before {
      background: url("../img/pages/difference/history_product_image-2.png") no-repeat;
      background-position: center;
      background-size: contain;
      height: 470px;
      position: relative;
      top: -50px; }

.cms-page-view #pageintro, .contacts-index-index #pageintro {
  background-image: url("../img/pages/faq.jpg"); }

.cms-page-view .wrap#maincontent, .contacts-index-index .wrap#maincontent {
  max-width: 870px; }
  .cms-page-view .wrap#maincontent h1, .cms-page-view .wrap#maincontent .page-title h1, .contacts-index-index .wrap#maincontent h1, .contacts-index-index .wrap#maincontent .page-title h1 {
    font-size: 30px;
    line-height: 1.3em;
    padding: 30px 0 0;
    text-align: center;
    color: #124b97;
    font-style: normal; }
  .cms-page-view .wrap#maincontent h2, .cms-page-view .wrap#maincontent h3, .contacts-index-index .wrap#maincontent h2, .contacts-index-index .wrap#maincontent h3 {
    color: #189bc1;
    font-size: 20px;
    font-style: italic;
    text-align: center; }
  .cms-page-view .wrap#maincontent hr, .contacts-index-index .wrap#maincontent hr {
    margin: 20px 0 25px;
    border: none;
    height: 2px;
    background: #DDD; }
  .cms-page-view .wrap#maincontent p, .contacts-index-index .wrap#maincontent p {
    text-align: center;
    clear: both; }
  .cms-page-view .wrap#maincontent .fieldset p, .contacts-index-index .wrap#maincontent .fieldset p {
    text-align: left; }

.contacts-index-index #pageintro {
  background-image: url("../img/pages/spare-parts.jpg"); }

.cms-about-us #pageintro {
  background-image: url("../img/pages/about-us.jpg"); }

.cms-our-difference .wrap#maincontent h1, .cms-pool-maintenance .wrap#maincontent h1 {
  padding: 30px 0 40px; }

.cms-our-difference .wrap#maincontent p, .cms-our-difference .wrap#maincontent h2, .cms-our-difference .wrap#maincontent h3, .cms-pool-maintenance .wrap#maincontent p, .cms-pool-maintenance .wrap#maincontent h2, .cms-pool-maintenance .wrap#maincontent h3 {
  text-align: left; }

.cms-our-difference .wrap#maincontent h2, .cms-our-difference .wrap#maincontent h3, .cms-pool-maintenance .wrap#maincontent h2, .cms-pool-maintenance .wrap#maincontent h3 {
  color: #666;
  font-weight: 700; }

.cms-pool-maintenance .expander:before {
  display: none; }

.cms-pool-maintenance .expander .text {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  padding-left: 40px; }
  .cms-pool-maintenance .expander .text:last-child {
    margin-right: 0; }
  .cms-pool-maintenance .expander .text .expand {
    left: 5px; }

.cms-faq .wrap#maincontent h1, .cms-terms-and-conditions .wrap#maincontent h1, .cms-privacy .wrap#maincontent h1 {
  padding: 30px 0; }

.cms-faq .wrap#maincontent p, .cms-faq .wrap#maincontent h2, .cms-faq .wrap#maincontent h3, .cms-terms-and-conditions .wrap#maincontent p, .cms-terms-and-conditions .wrap#maincontent h2, .cms-terms-and-conditions .wrap#maincontent h3, .cms-privacy .wrap#maincontent p, .cms-privacy .wrap#maincontent h2, .cms-privacy .wrap#maincontent h3 {
  text-align: left; }

.cms-request-demo #pageintro {
  background-image: url("../img/pages/demo.jpg") !important; }

.cms-request-demo .wrap#maincontent p {
  text-align: center; }

.cms-request-demo .form-list li.control {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .cms-request-demo .form-list li.control:last-child {
    margin-right: 0; }
  .cms-request-demo .form-list li.control:nth-child(2n) {
    margin-right: 0; }
  .cms-request-demo .form-list li.control:nth-child(2n+1) {
    clear: left; }

.cms-spare-parts #pageintro {
  background-image: url("../img/pages/spare-parts.jpg") !important; }

.cms-spare-parts .wrap#maincontent p {
  text-align: center; }

.cms-downloads .wrap#maincontent nav ul {
  text-align: center !important;
  padding: 10px 0 30px; }
  .cms-downloads .wrap#maincontent nav ul li a {
    padding: 0 10px;
    display: inline-block; }

.cms-competitions #pageintro {
  background-image: url("../img/pages/competitions.jpg") !important;
  background-position: top center; }

.cms-competitions .wrap#maincontent {
  max-width: 700px; }
  .cms-competitions .wrap#maincontent > .std > p {
    display: none; }
  .cms-competitions .wrap#maincontent h1 {
    text-transform: uppercase;
    font-style: italic;
    margin: 0 0 30px; }
  .cms-competitions .wrap#maincontent .competitions {
    border-bottom: #DDD 1px solid;
    /*
      .competition{
        padding: 25px 20px;
        margin: 30px 0;
        width: 100%;
        display: block;
        color: #FFF;
        background: $darkblue;
        background: -moz-linear-gradient(left, rgba(18,75,151,1) 0%, rgba(28,147,189,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(18,75,151,1)), color-stop(100%,rgba(28,147,189,1)));
        background: -webkit-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
        background: -o-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
        background: -ms-linear-gradient(left, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
        background: linear-gradient(to right, rgba(18,75,151,1) 0%,rgba(28,147,189,1) 100%);
        box-shadow: 5px 4px 10px #CCC;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        transform: skewX(-16deg);
        border-radius: 30px 0;
         > span{
          transform: skewX(16deg);
          display: block;
          h2{
            color: #FFF;
            font-size: 65px;
            padding: 0;
            margin: 0;
            line-height: 1em;
            font-weight: 700;
            font-style: italic;
            span{
              font-size: 34px;
            }
          }
          p{
            font-size: 22px;
            font-weight: 700;
            font-style: italic;
          }
          a{
            color: #FFF;
            text-transform: none;
            text-decoration: none;
            font-size: 22px;
            font-weight: 700;
            font-style: italic;
            &:hover{
              text-decoration: underline;
            }
          }
        }
        &#spare{
          background: $green;
          > span{
            p{
              padding: 0 0 16px;
            }
          }
        }
        &#vouchers{
          background: $lightblue;
          > span{
            p{
              padding: 0 0 5px;
            }
          }
        }
      }
      */ }
    .cms-competitions .wrap#maincontent .competitions .competition {
      background: url("../img/competitions/competitions-01.svg");
      background-repeat: no-repeat;
      width: 700px;
      height: 203px;
      margin: 20px auto 20px;
      display: block;
      font-size: 0 !important; }
      .cms-competitions .wrap#maincontent .competitions .competition h2, .cms-competitions .wrap#maincontent .competitions .competition p, .cms-competitions .wrap#maincontent .competitions .competition a {
        font-size: 0 !important; }
      .cms-competitions .wrap#maincontent .competitions .competition#spare {
        background: url("../img/competitions/competitions-02.svg");
        background-repeat: no-repeat; }
      .cms-competitions .wrap#maincontent .competitions .competition#vouchers {
        background: url("../img/competitions/competitions-03.svg");
        background-repeat: no-repeat; }
    .cms-competitions .wrap#maincontent .competitions .std {
      text-align: left;
      display: none; }
      .cms-competitions .wrap#maincontent .competitions .std p {
        text-align: left; }
      .cms-competitions .wrap#maincontent .competitions .std .buttons {
        padding: 15px 0 30px; }
        .cms-competitions .wrap#maincontent .competitions .std .buttons .terms, .cms-competitions .wrap#maincontent .competitions .std .buttons .permits {
          display: block;
          margin: 8px auto;
          max-width: 300px;
          border: #DDD 1px solid;
          border-radius: 5px 0;
          padding: 12px;
          text-align: center;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 16px;
          font-weight: 500;
          position: relative; }
          .cms-competitions .wrap#maincontent .competitions .std .buttons .terms:before, .cms-competitions .wrap#maincontent .competitions .std .buttons .permits:before {
            content: "";
            font-size: 22px;
            display: inline-block;
            position: absolute;
            top: 9px;
            left: 7px;
            color: #CCC; }
      .cms-competitions .wrap#maincontent .competitions .std .information {
        padding: 20px 0 15px;
        display: none; }
  .cms-competitions .wrap#maincontent .proudly {
    text-indent: -9999px;
    display: block;
    background: url("../img/icons/makeawishdark.svg");
    width: 300px;
    height: 90px;
    margin: 50px auto 0; }

@media only screen and (max-width: 1020px) {
  .cms-page-view .wrap#maincontent h1, .cms-page-view .wrap#maincontent .page-title h1, .contacts-index-index .wrap#maincontent h1, .contacts-index-index .wrap#maincontent .page-title h1 {
    padding: 0 0;
    margin: 0; }
  .cms-faq .wrap#maincontent h1, .cms-faq .wrap#maincontent .page-title h1, .cms-privacy .wrap#maincontent h1, .cms-privacy .wrap#maincontent .page-title h1, .cms-terms-and-conditions .wrap#maincontent h1, .cms-terms-and-conditions .wrap#maincontent .page-title h1 {
    padding: 0 0 25px !important; } }

@media only screen and (max-width: 750px) {
  .cms-competitions .wrap#maincontent .competitions {
    /*
        .competition{
           > span{
            h2{
              font-size: 40px;
              line-height: 1em;
              span{
                font-size: 20px;
                display: block;
                line-height: 1em;
                padding: 5px 0 0;
              }
            }
            p{
              font-size: 14px;
            }
            a{
              font-size: 14px;
            }
          }
          &#spare{
            > span{
              h2{
                padding: 0 0 10px;
                span{
                  padding: 0;
                }
              }
            }
          }
          &#vouchers{
            > span{
              h2{
                span{
                  padding: 0 0 15px;
                }
              }
            }
          }
        }
        */ }
    .cms-competitions .wrap#maincontent .competitions .competition {
      width: 470px;
      height: 135px; } }

@media only screen and (max-width: 590px) {
  .expander {
    max-height: 99999px; }
    .expander:before {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      margin-bottom: 20px; }
      .expander:before:last-child {
        margin-right: 0; }
    .expander .text {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      text-align: center;
      padding-bottom: 20px;
      padding-left: 0 !important; }
      .expander .text:last-child {
        margin-right: 0; }
      .expander .text ul {
        list-style: none; }
      .expander .text .expand {
        display: none; }
    .expander#history .text {
      margin: 0 0; }
    .expander#history:before {
      margin-top: 0;
      margin-bottom: 0; }
  .cms-competitions .wrap#maincontent .proudly {
    width: 200px;
    height: 60px; } }

@media only screen and (max-width: 480px) {
  .cms-competitions .wrap#maincontent .competitions .competition {
    width: 330px;
    height: 95px; } }

.breadcrumbs {
  padding-top: 50px; }

.pager, .sorter, .postDetails {
  display: none; }

.pager {
  background: transparent; }

.postTitle h2 a, .postTitle h1 {
  font-weight: bold !important;
  font-size: 30px !important;
  color: #124b97; }

body .widget-latest .title {
  font-size: 24px;
  font-weight: bold; }

body .postTitle h3 {
  padding-top: 12px;
  font-size: 12px; }

.widget-latest ul li a {
  font-size: 16px;
  font-weight: bold; }

.widget-latest ul li:hover, .widget-latest ul li a:hover {
  background: #124b97;
  color: #fff !important;
  transition: background-color 0.5s ease; }

.widget-latest ul li:hover a, .widget-latest ul li a:hover {
  background: #124b97;
  color: #fff !important;
  transition: background-color 0.5s ease; }

.widget-latest ul li {
  line-height: 18px;
  padding-left: 10px;
  border-left: 3px solid #124b97;
  margin-bottom: 5px; }

body #banner nav#top ul li a {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 16px; }

body #banner nav#top {
  padding: 0 0 0 72px !important; }

#subfooter {
  text-align: center; }

#subfooter h2 {
  text-transform: uppercase;
  font-size: 30px;
  padding-bottom: 30px; }

#subfooter ul {
  width: 100%;
  padding-bottom: 40px; }

#subfooter ul li {
  display: inline;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 18px; }

#subfooter.std h1 {
  font-style: italic; }

p.header1 {
  color: #124b97;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.4em;
  margin: 0;
  padding: 0 0 15px; }

#subfooter li a {
  text-decoration: none; }

@media print {
  .btnlp {
    display: none !important; }
  .wrap#maincontent p {
    text-align: left !important; } }

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