/* ==========================================================================
   Do the imports
   ========================================================================== */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * 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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

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

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

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

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * 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; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * 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.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 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 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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; }

/* Notifications */
/* Size estimator */
/* Buttons */
/* Measurements */
/* Misc */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 0px;
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

#carousel {
  position: relative;
  top: -25px;
  left: -35px;
  width: calc(100% + 70px); }
  @media screen and (max-width: 750px) {
    #carousel {
      width: 100%; } }
  #carousel .slider {
    position: relative; }
    #carousel .slider .flexslider {
      position: relative;
      height: 0;
      padding-bottom: 49%; }
      #carousel .slider .flexslider .slides {
        position: relative;
        height: 0;
        padding-bottom: 49%;
        margin: 0;
        padding: 0; }
        #carousel .slider .flexslider .slides li hgroup.noLink .subtitleWrap {
          background-image: none; }
        #carousel .slider .flexslider .slides li hgroup h1, #carousel .slider .flexslider .slides li hgroup h2, #carousel .slider .flexslider .slides li hgroup h3 {
          margin: 0; }
        #carousel .slider .flexslider .slides li hgroup h1, #carousel .slider .flexslider .slides li hgroup h3 {
          font-family: Impact, HelveticaNeue-CondensedBlack, Arial, sans-serif;
          font-size: 2.5em;
          text-transform: uppercase;
          font-weight: normal;
          padding: 5px;
          width: 100%;
          color: white; }
          #carousel .slider .flexslider .slides li hgroup h1 a, #carousel .slider .flexslider .slides li hgroup h3 a {
            text-decoration: none; }
        #carousel .slider .flexslider .slides li hgroup .subtitleWrap {
          display: inline;
          padding: 10px 50px 15px 10px; }
          @media screen and (max-width: 560px) {
            #carousel .slider .flexslider .slides li hgroup .subtitleWrap {
              display: block;
              padding: 5px 0; } }
          #carousel .slider .flexslider .slides li hgroup .subtitleWrap h2 {
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.4375em;
            display: inline;
            padding: 0; }
            #carousel .slider .flexslider .slides li hgroup .subtitleWrap h2 a {
              text-decoration: none; }
        .editmode #carousel .slider .flexslider .slides li {
          height: auto; }
        .editmode #carousel .slider .flexslider .slides {
          height: auto;
          padding-bottom: 0; }
      .editmode #carousel .slider .flexslider {
        height: auto;
        padding-bottom: 0; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(https://www.alligatorstorage.co.uk/themes/rss/images/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px; }

.flex-direction-nav .flex-prev {
  left: -36px; }

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px; }

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 80%;
  position: absolute;
  bottom: -30px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: #5661bf;
  cursor: pointer;
  text-indent: -9999px; }

.flex-control-paging li a:hover {
  background: #333;
  background: #fedb3d; }

.flex-control-paging li a.flex-active {
  background: #2a2a84;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media only screen and (max-width: 1090px) {
  #wrapper #carousel .slider .flexslider .slides li hgroup h1, #wrapper #carousel .slider .flexslider .slides li hgroup h3 {
    font-size: 2.5em; }
  #wrapper #carousel .slider .flexslider .slides li hgroup h2 {
    font-size: 1.125em; } }
@media only screen and (max-width: 820px) {
  #wrapper #carousel .slider .flexslider .slides li hgroup h1, #wrapper #carousel .slider .flexslider .slides li hgroup h3 {
    font-size: 2em; }
  #wrapper #carousel .slider .flexslider .slides li hgroup h2 {
    font-size: 1em; } }
@media only screen and (max-width: 750px) {
  .flex-control-nav {
    display: none; }

  #wrapper #carousel {
    top: 0;
    left: 0; }
    #wrapper #carousel .slider .flexslider {
      margin: 0;
      height: auto;
      padding-bottom: 0; }
      #wrapper #carousel .slider .flexslider .slides {
        height: auto;
        padding-bottom: 0; } }
@media only screen and (max-width: 560px) {
  #wrapper #carousel .slider .flexslider .slides li hgroup h1, #wrapper #carousel .slider .flexslider .slides li hgroup h3 {
    padding: 0;
    line-height: 1; }
  #wrapper #carousel .slider .flexslider .slides li hgroup h2 {
    padding: 0; }
  #wrapper #carousel .slider .flexslider .slides li hgroup .subtitleWrap {
    padding-left: 0; }
  #wrapper #carousel .slider .flexslider .slides li.red hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.red hgroup h1, #wrapper #carousel .slider .flexslider .slides li.red hgroup h2, #wrapper #carousel .slider .flexslider .slides li.red hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.red:hover hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.red:hover hgroup h1, #wrapper #carousel .slider .flexslider .slides li.red:hover hgroup h2, #wrapper #carousel .slider .flexslider .slides li.red:hover hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.green hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.green hgroup h1, #wrapper #carousel .slider .flexslider .slides li.green hgroup h2, #wrapper #carousel .slider .flexslider .slides li.green hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.green:hover hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.green:hover hgroup h1, #wrapper #carousel .slider .flexslider .slides li.green:hover hgroup h2, #wrapper #carousel .slider .flexslider .slides li.green:hover hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.orange hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.orange hgroup h1, #wrapper #carousel .slider .flexslider .slides li.orange hgroup h2, #wrapper #carousel .slider .flexslider .slides li.orange hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.orange:hover hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.orange:hover hgroup h1, #wrapper #carousel .slider .flexslider .slides li.orange:hover hgroup h2, #wrapper #carousel .slider .flexslider .slides li.orange:hover hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.pink hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.pink hgroup h1, #wrapper #carousel .slider .flexslider .slides li.pink hgroup h2, #wrapper #carousel .slider .flexslider .slides li.pink hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.pink:hover hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.pink:hover hgroup h1, #wrapper #carousel .slider .flexslider .slides li.pink:hover hgroup h2, #wrapper #carousel .slider .flexslider .slides li.pink:hover hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.purple hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.purple hgroup h1, #wrapper #carousel .slider .flexslider .slides li.purple hgroup h2, #wrapper #carousel .slider .flexslider .slides li.purple hgroup h3 {
    background-color: transparent; }
  #wrapper #carousel .slider .flexslider .slides li.purple:hover hgroup .subtitleWrap, #wrapper #carousel .slider .flexslider .slides li.purple:hover hgroup h1, #wrapper #carousel .slider .flexslider .slides li.purple:hover hgroup h2, #wrapper #carousel .slider .flexslider .slides li.purple:hover hgroup h3 {
    background-color: transparent; } }
@media only screen and (max-width: 450px) {
  #wrapper #carousel .slider .flexslider .slides li hgroup h1, #wrapper #carousel .slider .flexslider .slides li hgroup h3 {
    font-size: 1.5em; }
  #wrapper #carousel .slider .flexslider .slides li hgroup h2 {
    font-size: 0.875em; } }
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0; } }
body #wrapper #content .quoteSummary {
  padding-bottom: 3%; }
  body #wrapper #content .quoteSummary p {
    margin-bottom: 0; }
  body #wrapper #content .quoteSummary .left {
    float: left; }
  body #wrapper #content .quoteSummary .right {
    float: right; }
  body #wrapper #content .quoteSummary .offer-heading {
    font-size: 18px;
    font-weight: bold; }
  body #wrapper #content .quoteSummary .offer-text {
    padding: 1% 0 1% 33px;
    background: url("https://www.alligatorstorage.co.uk/themes/rss//images/tickBlue.png") no-repeat left center; }
  body #wrapper #content .quoteSummary .offer-text,
  body #wrapper #content .quoteSummary .standard-rate {
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 18px; }
  body #wrapper #content .quoteSummary .standard-rate {
    text-decoration: line-through; }
  body #wrapper #content .quoteSummary .offer-price {
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-size: 16px; }
  body #wrapper #content .quoteSummary .offer-price--larger {
    font-size: 24px; }
    @media screen and (max-width: 360px) {
      body #wrapper #content .quoteSummary .offer-price--larger {
        font-size: 18px; } }
  body #wrapper #content .quoteSummary .offer-price--largest {
    font-size: 36px;
    margin-right: 10px;
    font-weight: bold; }
  body #wrapper #content .quoteSummary .standard-rate,
  body #wrapper #content .quoteSummary .offer-price {
    font-weight: normal; }
    body #wrapper #content .quoteSummary .standard-rate b,
    body #wrapper #content .quoteSummary .offer-price b {
      font-weight: normal; }
  body #wrapper #content .quoteSummary .checklist--info {
    list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/info.png") !important; }
    body #wrapper #content .quoteSummary .checklist--info a {
      font-size: 16px; }
  body #wrapper #content .quoteSummary .quoteDetails h2 {
    font-size: 18px; }
  body #wrapper #content .quoteSummary .terms-and-conditions {
    color: #333;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 12px; }
  body #wrapper #content .quoteSummary .feefo-text {
    font-family: 'Lato', sans-serif;
    font-weight: normal; }
  @media screen and (max-width: 950px) {
    body #wrapper #content .quoteSummary .button.right {
      clear: both;
      float: none; } }
  body #wrapper #content .quoteSummary input.button.mobile {
    margin-top: 10px;
    width: 70%;
    font-size: 20px; }
  body #wrapper #content .quoteSummary a.button.mobile {
    padding-bottom: 20px; }
body #wrapper #content .fade {
  color: #ccc;
  font-weight: bold; }

/* ==========================================================================
   /* General
   ========================================================================== */
body {
  font-size: 0.875em;
  font-family: Arial, serif;
  color: #333333;
  min-width: 320px; }

p, a, span {
  font-size: 14px; }
  p a, a a, span a {
    color: #2a2a84; }

a {
  color: #2a2a84; }
  a.alternative {
    color: #333333; }

/* ==========================================================================
   Ben's new code....
   ========================================================================== */
section.blocked {
  background-color: #f1f1f2;
  margin: 0 0 20px 0;
  padding: 20px; }

.required {
  color: #ff0000; }

.required-notice {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75em;
  text-align: right;
  margin: 0 0 5px 0; }

.required-field {
  padding-left: 10px;
  color: #ff0000; }

.error-bar {
  display: none;
  background-color: #c80000;
  color: #fff;
  padding: 10px 5px;
  margin-top: 10px;
  text-align: center; }

/* ==========================================================================
   Continue with the old code
   ========================================================================== */
/* General structure */
#wrapper {
  max-width: 1000px;
  min-width: 290px;
  margin: auto;
  padding: 0 20px 150px 20px;
  position: relative; }
  #wrapper #innerWrap {
    position: relative; }
  #wrapper .mobile, #wrapper .mobileInline {
    display: none; }

/* Your closest store / Your quote */
aside {
  position: relative;
  z-index: 30;
  margin-top: 10px;
  background-color: #2a2a84;
  float: right;
  width: 30%;
  min-width: 320px;
  color: #FFFFFF;
  top: 0;
  right: 0; }
  .store aside {
    top: 30px; }
  aside.checkout {
    background: #2a2a84; }
    aside.checkout .asideWrap {
      border-bottom: 2px solid #3131a8; }
  aside .findMyClosestStore {
    display: none; }
  aside .viewStores {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em; }
  aside article .ccm-add-block {
    z-index: 1000;
    position: relative; }
  aside .innerContent {
    width: 63%;
    padding-right: 5%; }
  aside#summary hgroup {
    margin: 0 0 20px 0;
    float: none; }
    aside#summary hgroup .checklist {
      margin: 0; }
      aside#summary hgroup .checklist li {
        padding: 0; }
    aside#summary hgroup h3 {
      padding: 10px 0 0 0; }
      aside#summary hgroup h3 span {
        opacity: 0.5; }
      aside#summary hgroup h3 a {
        color: #FFFFFF;
        text-decoration: none;
        opacity: 1; }
  aside #geoLocatedStore {
    display: none; }
  aside .asideWrap {
    border-bottom: 2px solid #3636ab;
    padding: 5%; }
    aside .asideWrap #toggleMap {
      cursor: pointer;
      float: right;
      line-height: 30px;
      font-weight: bold;
      font-size: 12px; }
    aside .asideWrap #rssMap {
      width: 100%;
      height: 160px;
      border: 1px solid #fff;
      margin-bottom: 20px; }
    aside .asideWrap #rssStoreAddress {
      line-height: 23px;
      padding-left: 2px;
      margin-bottom: 0; }
      aside .asideWrap #rssStoreAddress a {
        color: #FFF;
        font-size: 1em; }
    aside .asideWrap:last-child {
      border-bottom: none; }
    aside .asideWrap hgroup {
      width: 100%;
      margin: 0 0 10px 0; }
    aside .asideWrap .ajaxLoader {
      display: none;
      text-align: center; }
    aside .asideWrap .right {
      float: right; }
    aside .asideWrap a {
      color: #FFFFFF; }
    aside .asideWrap h2, aside .asideWrap h3 {
      color: #FFFFFF;
      padding: 0;
      margin: 0; }
    aside .asideWrap h2 {
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.1875em; }
      aside .asideWrap h2#storeNumber a {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1em; }
    aside .asideWrap h3 {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.25em;
      position: relative;
      z-index: 1000; }
      aside .asideWrap h3 .mapDirections {
        font-family: Arial, serif;
        font-size: 0.625em;
        padding-left: 18px;
        font-weight: normal; }
    aside .asideWrap header .edit {
      float: right;
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 0.875em;
      line-height: 2.25em; }
      aside .asideWrap header .edit a {
        color: #fff;
        text-decoration: none; }
    aside .asideWrap .mapDirections {
      text-decoration: none;
      color: #FFFFFF; }
    aside .asideWrap .button {
      display: block;
      text-align: center;
      color: #2a2a84;
      background-color: #fcd62d;
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
      background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
      background-repeat: no-repeat;
      background-position: center right; }
      aside .asideWrap .button:hover {
        background: #fcd62d url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png) no-repeat center right; }
      aside .asideWrap .button:disabled {
        opacity: 0.5; }
      aside .asideWrap .button.mobileInline {
        padding: 10px 10%; }
      aside .asideWrap .button.find {
        background-color: #fcd62d;
        background-image: linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
        background-image: -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
        background-image: -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
        background-image: -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
        background-image: -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
        background-repeat: no-repeat;
        background-position: center right;
        width: 80px;
        height: 37px;
        padding: 0;
        margin: 15px 0;
        font-size: 1.125em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
        z-index: 10; }
    aside .asideWrap #postcode {
      width: 206px;
      height: 37px;
      float: left;
      margin: 15px 0;
      border-radius: 0; }
    aside .asideWrap #findMe {
      color: #FFFFFF; }
      aside .asideWrap #findMe img {
        padding-left: 5px; }
    aside .asideWrap #feefo {
      margin-top: 10px; }
    aside .asideWrap input {
      width: 100%; }
    aside .asideWrap .checklist {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1em;
      margin: 2% 0 5% 0;
      list-style: none;
      color: #FFFFFF;
      padding: 0; }
      aside .asideWrap .checklist li {
        padding: 1% 0 1% 33px;
        background: url("https://www.alligatorstorage.co.uk/themes/rss//images/tick.png") no-repeat left center; }
      aside .asideWrap .checklist.dynamic {
        margin-bottom: 0; }
        aside .asideWrap .checklist.dynamic li {
          background: none;
          opacity: 0.5; }
        aside .asideWrap .checklist.dynamic .complete {
          background: url("https://www.alligatorstorage.co.uk/themes/rss//images/tick.png") no-repeat left center;
          opacity: 1;
          color: #fedb3d; }
    aside .asideWrap.get-a-quote a.button {
      margin: 0 0 5% 0; }
    aside .asideWrap.get-a-quote .checklist {
      margin: 0% 0 0; }
    aside .asideWrap dl {
      margin: 0;
      padding: 0; }
      aside .asideWrap dl.quotePrice dt {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 0.75em;
        margin: 0;
        padding: 0; }
      aside .asideWrap dl.quotePrice dd {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.5em;
        margin: 0;
        padding: 0; }
        aside .asideWrap dl.quotePrice dd.smaller {
          font-size: 1.125em; }
    aside .asideWrap #storeNumber a {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.1875em;
      text-decoration: none; }
    aside .asideWrap p, aside .asideWrap span, aside .asideWrap li, aside .asideWrap h1, aside .asideWrap h2, aside .asideWrap h3, aside .asideWrap h4 {
      color: #FFFFFF; }
  aside .promotion {
    display: block;
    text-decoration: none;
    background-color: #FFFFFF; }
    aside .promotion article {
      background-color: #fedb3d;
      border-top: 20px solid #FFFFFF;
      padding: 20px; }
      aside .promotion article h2 {
        margin: 0;
        color: #2a2a84;
        line-height: 1.25em;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.1875em; }
      aside .promotion article h3 {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.25em;
        color: #2a2a84;
        background: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png) no-repeat right center; }
    aside .promotion img {
      margin-top: -30px; }
      @media screen and (max-width: 750px) {
        aside .promotion img {
          width: 50%;
          height: 50%; } }
    aside .promotion img[style] {
      height: auto !important; }

/* Main content */
/* Confirmation Reservation */
.confirmationOrangeLink {
  text-decoration: none; }

.confirmationOrange {
  background-color: #ff9300; }
  .confirmationOrange h2 {
    color: #FFFFFF;
    font-size: 31px;
    margin: 0; }
  .confirmationOrange h3 {
    color: #FFFFFF;
    font-size: 20px;
    background: url(https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png) no-repeat right center;
    width: 170px; }

#content {
  position: relative;
  padding-right: 20px;
  float: none;
  margin: 15px 0 0; }
  #content.fullWidth {
    margin: 15px 0 0 0; }
  #content.quote .innerContent h1 a {
    color: #ff9300;
    text-decoration: none;
    font-size: 24px; }
  #content.quote .innerContent fieldset {
    margin: 0; }
    #content.quote .innerContent fieldset h2 {
      margin-top: 0;
      font-size: 1.125em; }
  #content .innerContent {
    overflow: hidden; }
    #content .innerContent .vimeo-block {
      border: 1px solid #fff; }
    #content .innerContent .breadcrumbs a {
      color: #d9d9d9; }
    #content .innerContent .breadcrumbs span {
      color: #b2b2b2; }
    #content .innerContent h1 {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.5625em; }
    #content .innerContent .summaryList {
      list-style: none;
      margin: 0;
      padding: 0; }
      #content .innerContent .summaryList li {
        margin: 2% 0;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1em; }
        #content .innerContent .summaryList li .edit {
          text-decoration: none;
          color: #404041;
          font-size: 0.75em; }
    #content .innerContent .sections {
      background-color: #f1f1f2;
      padding-bottom: 20px; }
      #content .innerContent .sections.transparent {
        background-color: none; }
      #content .innerContent .sections h3 {
        padding: 1em 0 1em 4%;
        margin: 0; }
      #content .innerContent .sections .section {
        background: #c5e1f8;
        /* Old browsers */
        background: -moz-linear-gradient(-57deg, #c5e1f8 49%, #b9d7f1 50%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, #c5e1f8), color-stop(50%, #b9d7f1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-57deg, #c5e1f8 49%, #b9d7f1 50%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-57deg, #c5e1f8 49%, #b9d7f1 50%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(-57deg, #c5e1f8 49%, #b9d7f1 50%);
        /* IE10+ */
        background: linear-gradient(123deg, #c5e1f8 49%, #b9d7f1 50%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e1f8', endColorstr='#bad8f2',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
        width: 42%;
        margin: 0 4%;
        padding: 0 0 20% 0;
        float: left;
        margin-bottom: 30px;
        position: relative; }
        #content .innerContent .sections .section.thumbnail img {
          max-width: 100%;
          position: absolute;
          bottom: -30px;
          right: 0;
          z-index: 1; }
          @media screen and (max-width: 560px) {
            #content .innerContent .sections .section.thumbnail img {
              width: 35%; } }
        #content .innerContent .sections .section h2 {
          color: #2a2a84;
          font-family: 'Lato', sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 1.5625em;
          padding: 0 10px;
          margin: 10px 0;
          z-index: 2;
          height: 60px; }
      #content .innerContent .sections.reservationOrderReview {
        padding: 2%;
        margin-bottom: 20px; }
        @media screen and (max-width: 750px) {
          #content .innerContent .sections.reservationOrderReview {
            width: 70%; } }
        #content .innerContent .sections.reservationOrderReview span {
          padding-bottom: 10px; }
        #content .innerContent .sections.reservationOrderReview table {
          background: #fff;
          width: 96%;
          padding: 10px;
          border-collapse: separate; }
          #content .innerContent .sections.reservationOrderReview table tbody {
            margin: 10%; }
            #content .innerContent .sections.reservationOrderReview table tbody tr td {
              margin: 1% 2%;
              padding: 5px 5px;
              border-bottom: 2px solid #f1f1f2;
              font-family: 'Lato', sans-serif;
              font-weight: 400;
              font-style: normal;
              font-size: 1em; }
              #content .innerContent .sections.reservationOrderReview table tbody tr td.noBorder {
                border: none; }
            #content .innerContent .sections.reservationOrderReview table tbody tr.total td {
              font-family: 'Lato', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 1em;
              border: none; }
      #content .innerContent .sections .checklist {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        margin: 2% 0 0 0;
        list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tickBlue.png");
        padding: 0 0 0 33px; }
        #content .innerContent .sections .checklist li {
          padding: 5px 0 5px 5px; }
      #content .innerContent .sections.quoteOffer {
        padding: 2%;
        margin-bottom: 3%; }
        #content .innerContent .sections.quoteOffer h1 {
          background-image: url("https://www.alligatorstorage.co.uk/themes/rss//images/tickBlue.png");
          background-position: left center;
          background-repeat: no-repeat;
          margin: 0;
          padding: 0 0 0 40px;
          font-size: 1em; }
      #content .innerContent .sections.quoteSummary {
        margin-bottom: 10px;
        /* New addition BG 19/12/13 */
        padding: 3% 3% 0 3%; }
        #content .innerContent .sections.quoteSummary .expired .firstMonth, #content .innerContent .sections.quoteSummary .expired .followingMonths, #content .innerContent .sections.quoteSummary .expired .checklist, #content .innerContent .sections.quoteSummary .expired h3 {
          text-decoration: line-through;
          color: #a4a4a4; }
        #content .innerContent .sections.quoteSummary .col50 {
          padding-bottom: 0; }
        #content .innerContent .sections.quoteSummary .button.centered {
          width: 200px;
          text-align: center;
          margin: 0;
          float: left; }
          #content .innerContent .sections.quoteSummary .button.centered.refresh {
            width: auto;
            height: 32px;
            float: none;
            margin-top: 17px;
            margin-bottom: 20px; }
        #content .innerContent .sections.quoteSummary .quoteDetails {
          font-weight: bold;
          clear: both; }
          #content .innerContent .sections.quoteSummary .quoteDetails h2 {
            font-weight: bold; }
          #content .innerContent .sections.quoteSummary .quoteDetails span, #content .innerContent .sections.quoteSummary .quoteDetails p {
            margin-right: 10px;
            font-size: 12px; }
          #content .innerContent .sections.quoteSummary .quoteDetails a {
            font-size: 12px;
            color: #404041;
            text-decoration: none; }
          #content .innerContent .sections.quoteSummary .quoteDetails .definition {
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1em;
            margin-bottom: 2%;
            padding: 0; }
          #content .innerContent .sections.quoteSummary .quoteDetails .checklist {
            padding-bottom: 20px; }
          #content .innerContent .sections.quoteSummary .quoteDetails .character {
            float: right;
            width: 30%;
            padding: 0 20px 20px 0; }
          #content .innerContent .sections.quoteSummary .quoteDetails .fade {
            color: #C1C1C1; }
        #content .innerContent .sections.quoteSummary section.float-left {
          width: 50%; }
        #content .innerContent .sections.quoteSummary section.float-right {
          width: 50%;
          max-width: 246px; }
        #content .innerContent .sections.quoteSummary section .button {
          font-size: 22px;
          width: 100%;
          padding: 10px 50px 10px 20px;
          float: right;
          margin: 17px 0 20px 20%; }
        #content .innerContent .sections.quoteSummary section h2, #content .innerContent .sections.quoteSummary section h3 {
          margin: 0; }
        #content .innerContent .sections.quoteSummary section h3 {
          font-size: 14px;
          font-weight: bold;
          padding: 0 0 10px 0; }
        #content .innerContent .sections.quoteSummary section h2.standOut {
          font-size: 24px; }
        #content .innerContent .sections.quoteSummary section img {
          margin-top: 5%; }
        #content .innerContent .sections.quoteSummary section .definition {
          font-family: 'Lato', sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 1em;
          margin-bottom: 2%; }
        #content .innerContent .sections.quoteSummary section .firstMonth,
        #content .innerContent .sections.quoteSummary section .followingMonths {
          list-style: none;
          margin: 0 0 25px 0;
          padding: 0; }
          #content .innerContent .sections.quoteSummary section .firstMonth .perWeek,
          #content .innerContent .sections.quoteSummary section .followingMonths .perWeek {
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 0.875em; }
          #content .innerContent .sections.quoteSummary section .firstMonth .perMonth,
          #content .innerContent .sections.quoteSummary section .followingMonths .perMonth {
            font-family: 'Lato', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 2.125em; }
            #content .innerContent .sections.quoteSummary section .firstMonth .perMonth .standOut,
            #content .innerContent .sections.quoteSummary section .followingMonths .perMonth .standOut {
              font-size: 45px;
              font-weight: bold; }
        #content .innerContent .sections.quoteSummary section .firstMonth .definition {
          font-family: 'Lato', sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 1.3125em; }
        #content .innerContent .sections.quoteSummary section .followingMonths .perMonth {
          font-size: 1.3em; }
        #content .innerContent .sections.quoteSummary section .timeLeft {
          clear: both; }
          #content .innerContent .sections.quoteSummary section .timeLeft.expired {
            background-image: none; }
            #content .innerContent .sections.quoteSummary section .timeLeft.expired h2 {
              color: #404041;
              text-align: center; }
          #content .innerContent .sections.quoteSummary section .timeLeft p {
            text-align: center; }

.alternativeLocation {
  font-size: 19px;
  text-decoration: none;
  margin-bottom: 10px !important;
  margin-top: 0; }

.article #content .innerContent article.left {
  width: 60%; }
.article #content .innerContent article .button {
  display: block;
  text-align: center;
  background-color: #fcd62d;
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
  background-repeat: no-repeat;
  background-position: center right;
  font-size: 1.25em; }
  .article #content .innerContent article .button:hover {
    background: #fcd62d url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png) no-repeat center right; }
  .article #content .innerContent article .button.mobileInline {
    padding: 10px 10%; }

.rssTabs {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 45px; }
  .rssTabs li {
    float: left;
    text-align: center;
    background: #5661bf;
    color: #2a2a84;
    width: 37.5%;
    /* Right hand quote bar */
    /* Homepage content tabs */ }
    .rssTabs li .active {
      background: #2a2a84;
      color: white;
      outline: none; }
    .rssTabs li.first {
      width: 60%; }
      .rssTabs li.first.summary {
        width: 50%;
        padding-right: 50%;
        background-color: #FFFFFF; }
    .rssTabs li.second {
      width: 40%; }
      .rssTabs li.second a {
        border-left: 1px solid #FFFFFF; }
    .rssTabs li#customersSay a {
      border-left: 1px solid #FFFFFF;
      color: white; }
    .rssTabs li#customersSay .active {
      color: white; }
    .rssTabs li#followUs {
      width: 25%; }
      .rssTabs li#followUs a {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/twitterBird.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 10px 10px 10px 35px;
        border-left: 1px solid #FFFFFF; }
      .rssTabs li#followUs .active {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/twitterBird.png); }
    .rssTabs li a {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.125em;
      color: white;
      text-decoration: none;
      padding: 10px;
      display: block; }

#wrapper #content #tabbedContent {
  padding: 0; }
  #wrapper #content #tabbedContent .rssTabs.wideTabs {
    height: auto; }
    #wrapper #content #tabbedContent .rssTabs.wideTabs li {
      /*    width: 45%;
          &#customersSay {
              width: 55%;
              a {
                  border-left: 1px solid #FFFFFF;
              }
          }
          &#followUs {
              //width: 100%;
          }
          a {
              border-left: none;
              border-top: 1px solid #FFFFFF;
          }
      */ }

/* Tabbed content */
#tabbedContent {
  background-color: #2a2a84; }
  #tabbedContent article.container {
    background-color: #2a2a84;
    padding: 20px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    width: auto; }
    #tabbedContent article.container p {
      margin-top: 0; }
    #tabbedContent article.container .quote {
      color: #FFFFFF; }
      #tabbedContent article.container .quote .quoteImage {
        border: 4px solid #FFFFFF;
        float: left;
        margin-right: 20px; }
      #tabbedContent article.container .quote h2 {
        color: #FFFFFF;
        font-family: Arial, serif;
        font-size: 0.875em; }
      #tabbedContent article.container .quote .quoteText {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/quoteStart.png);
        background-repeat: no-repeat;
        padding: 0 0 25px 25px;
        line-height: 1.5625em; }
        #tabbedContent article.container .quote .quoteText.withImage {
          width: 70%;
          margin-left: 110px; }
      #tabbedContent article.container .quote .quoteEnd {
        padding: 0 0 0 8px; }
    #tabbedContent article.container video {
      width: 100%;
      height: 350px;
      background: black; }
  #tabbedContent #twitter-widget-1[style], #tabbedContent .twitter-timeline[style], #tabbedContent #twitter-widget-0[style] {
    width: 100% !important; }

/* Brand styles */
h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1em;
  color: #404041; }

h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  color: #404041; }

.buttonWrap {
  margin: 20px 50px; }

.button,
input[type="button"],
input[type="submit"] {
  display: block;
  background-color: #fcd62d;
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
  background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png), -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
  background-repeat: no-repeat;
  background-position: center right;
  font-size: 1.25em;
  color: #2a2a84;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.1875em;
  padding: 5px 50px 5px 20px; }
  .button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover {
    background: #fcd62d url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png) no-repeat center right; }
  .button.insideArticle,
  input[type="button"].insideArticle,
  input[type="submit"].insideArticle {
    display: inline;
    font-size: 20px; }
  .button.small,
  input[type="button"].small,
  input[type="submit"].small {
    font-size: 20px;
    max-width: 200px; }

/* Carousel */
#carousel .flexslider .slides li {
  width: 100%;
  margin-right: -110%;
  position: relative; }

.col50 {
  width: 50%;
  float: left;
  padding-bottom: 20px; }
  .col50 img {
    width: 100%;
    max-width: 100%;
    height: auto; }

.col100 {
  padding-bottom: 20px; }

.two-column {
  width: 49%;
  background: #f1f1f2; }

.three-column {
  width: 66.5%;
  background: #f1f1f2; }

/* Get-a-quote! */
.float-left {
  float: left; }

.float-right {
  float: right; }

.clearLeft {
  clear: left; }

.clearRight {
  clear: right; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  border: none; }

.progressSteps {
  margin: 1% 0 5% 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative; }
  .progressSteps li {
    margin: 0 0 0 0.5%;
    padding: 1.5% 0;
    width: 33%;
    float: left;
    color: #404041;
    text-align: center;
    position: relative; }
    .progressSteps li a {
      color: #fff;
      display: block;
      text-decoration: none;
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1em; }
      .progressSteps li a.disabled {
        color: silver;
        cursor: not-allowed; }
    .progressSteps li.complete {
      background: #2a2a84;
      background: -moz-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 42, 132, 0.8)), color-stop(48%, rgba(42, 42, 132, 0.8)), color-stop(48%, #2a2a84), color-stop(100%, #2a2a84));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* W3C */
      padding: 12px 19px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      margin: 0 0 0 0.5%;
      padding: 1.5% 0;
      color: #FFFFFF; }
    .progressSteps li.active {
      background: #b9d7f1;
      background: -moz-linear-gradient(top, rgba(185, 215, 241, 0.8) 0%, rgba(185, 215, 241, 0.8) 48%, #b9d7f1 48%, #b9d7f1 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(185, 215, 241, 0.8)), color-stop(48%, rgba(185, 215, 241, 0.8)), color-stop(48%, #b9d7f1), color-stop(100%, #b9d7f1));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(185, 215, 241, 0.8) 0%, rgba(185, 215, 241, 0.8) 48%, #b9d7f1 48%, #b9d7f1 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(185, 215, 241, 0.8) 0%, rgba(185, 215, 241, 0.8) 48%, #b9d7f1 48%, #b9d7f1 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(185, 215, 241, 0.8) 0%, rgba(185, 215, 241, 0.8) 48%, #b9d7f1 48%, #b9d7f1 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(185, 215, 241, 0.8) 0%, rgba(185, 215, 241, 0.8) 48%, #b9d7f1 48%, #b9d7f1 100%);
      /* W3C */
      padding: 12px 19px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      padding: 1.5% 0; }
      .progressSteps li.active a {
        color: #2a2a84; }
      .progressSteps li.active:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        margin-left: -12px;
        width: 0px;
        height: 0px;
        z-index: 1;
        border: 6px solid transparent;
        border-top: 8px solid #b9d7f1; }
    .progressSteps li.disabled {
      background: #e5e5e5;
      background: -moz-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 0.8)), color-stop(48%, rgba(229, 229, 229, 0.8)), color-stop(48%, #e5e5e5), color-stop(100%, #e5e5e5));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* W3C */
      padding: 12px 19px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      padding: 1.5% 0; }
    .progressSteps li:first-child {
      margin-left: 0; }

form {
  margin: 0;
  padding: 0; }
  form legend {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.125em;
    margin: 0;
    padding: 0;
    position: relative;
    top: 30px;
    display: block; }
  form label {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    margin: 20px 0 0 0; }
    form label:first-child {
      margin-top: 0; }
    form label:after {
      content: ':'; }
    form label.clear:after {
      content: none; }
    form label.checkbox {
      display: inline; }
      form label.checkbox:after {
        content: ''; }
  form fieldset {
    position: relative;
    border: none;
    margin: 0 0 20px 0;
    padding: 20px 0;
    background: #f1f1f2; }
    form fieldset .sliderValues {
      background: url("https://www.alligatorstorage.co.uk/themes/rss/images/sizeWizardSliderPoints.png") no-repeat 10px 0;
      display: block;
      list-style: none;
      margin: 0;
      padding: 10px 0 0 0; }
      form fieldset .sliderValues li {
        float: left;
        width: 20%;
        display: block;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 0.875em; }
        form fieldset .sliderValues li.left {
          text-align: left; }
        form fieldset .sliderValues li.center {
          text-align: center; }
        form fieldset .sliderValues li.right {
          text-align: right; }
    form fieldset .disabled {
      color: silver;
      cursor: not-allowed; }
    form fieldset p:first-child {
      margin-top: 0; }
    form fieldset h1 {
      margin-top: 0; }
    form fieldset label {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1em;
      margin: 20px 0 0 0;
      display: block; }
      form fieldset label:first-child {
        margin-top: 0; }
      form fieldset label:after {
        content: ':'; }
      form fieldset label.checkbox {
        display: inline;
        margin: 15px 20px 0 0; }
        form fieldset label.checkbox:after {
          content: ''; }
    form fieldset .input-wrap {
      margin: 10px 0;
      border-radius: 5px;
      padding: 5px; }
      form fieldset .input-wrap input, form fieldset .input-wrap select {
        outline: none;
        box-shadow: 0 0 3px 1px #f1f1f2; }
        form fieldset .input-wrap input.complete-input, form fieldset .input-wrap select.complete-input {
          box-shadow: 0 0 3px 1px #2a2a84; }
        form fieldset .input-wrap input:focus, form fieldset .input-wrap select:focus {
          box-shadow: 0 0 3px 3px #b9d7f1; }
      form fieldset .input-wrap .quote_form {
        width: 40%;
        min-width: 200px; }
        form fieldset .input-wrap .quote_form:after {
          content: ''; }
        @media screen and (max-width: 550px) {
          form fieldset .input-wrap .quote_form {
            width: 95%;
            min-width: 240px; } }
      form fieldset .input-wrap .complete {
        background-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tickBlue.png");
        background-repeat: no-repeat;
        background-position: top right; }
    form fieldset .quote_button {
      width: 40%;
      min-width: 240px;
      margin-right: 6px; }
      @media screen and (max-width: 550px) {
        form fieldset .quote_button {
          margin-right: 6px; } }
    form fieldset span {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 0.875em; }
      form fieldset span.error {
        display: none; }
    form fieldset label[for="storageWhatHouse"] {
      margin-right: 40px; }
    form fieldset label[for="toggleAlternativeAddress"] {
      float: left;
      margin-top: 19px; }
      form fieldset label[for="toggleAlternativeAddress"]:after {
        content: none; }
    form fieldset #toggleAlternativeAddress {
      margin: 22px 0 0 10px; }
    form fieldset #title {
      margin: 0; }
    form fieldset button {
      background: #858585;
      background: -moz-linear-gradient(top, rgba(133, 133, 133, 0.8) 0%, rgba(133, 133, 133, 0.8) 48%, #858585 48%, #858585 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(133, 133, 133, 0.8)), color-stop(48%, rgba(133, 133, 133, 0.8)), color-stop(48%, #858585), color-stop(100%, #858585));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(133, 133, 133, 0.8) 0%, rgba(133, 133, 133, 0.8) 48%, #858585 48%, #858585 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(133, 133, 133, 0.8) 0%, rgba(133, 133, 133, 0.8) 48%, #858585 48%, #858585 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(133, 133, 133, 0.8) 0%, rgba(133, 133, 133, 0.8) 48%, #858585 48%, #858585 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(133, 133, 133, 0.8) 0%, rgba(133, 133, 133, 0.8) 48%, #858585 48%, #858585 100%);
      /* W3C */
      padding: 12px 22px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1em;
      color: #cfcfcf;
      float: left;
      margin: 0 0 0 2%;
      width: 32%;
      oultine: none; }
      form fieldset button.active {
        background: #2a2a84;
        background: -moz-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 42, 132, 0.8)), color-stop(48%, rgba(42, 42, 132, 0.8)), color-stop(48%, #2a2a84), color-stop(100%, #2a2a84));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
        /* W3C */
        padding: 12px 19px;
        text-decoration: none;
        vertical-align: middle;
        display: block;
        color: #fff; }
      form fieldset button.storageWhat {
        background: url(https://www.alligatorstorage.co.uk/themes/rss/images/button-radio.png) no-repeat 0 -67px;
        color: #2a2a84;
        padding-right: 15px;
        outline-color: #5661bf; }
        form fieldset button.storageWhat.active {
          outline-color: #2a2a84;
          background-position: 0 -7px;
          color: #fedb3d; }
      form fieldset button:hover {
        color: #FFFFFF; }
      form fieldset button:disabled {
        color: silver;
        cursor: not-allowed;
        background: #e5e5e5; }
    form fieldset .slider {
      margin-right: 30px; }
    form fieldset .sliderOutput {
      font-size: 16px; }
    form fieldset .select {
      min-width: 170px;
      margin: 0 1% 5% 0; }
    form fieldset fieldset.two-column {
      margin: 0;
      padding: 0;
      width: 49%; }
      @media screen and (max-width: 833px) {
        form fieldset fieldset.two-column {
          width: 100%; } }
      @media screen and (max-width: 750px) {
        form fieldset fieldset.two-column {
          width: 80%;
          min-width: 240px;
          float: none !important; } }
      form fieldset fieldset.two-column select {
        width: 100%; }
      form fieldset fieldset.two-column input[type="email"], form fieldset fieldset.two-column input[type="text"], form fieldset fieldset.two-column input[type="tel"], form fieldset fieldset.two-column input[type="password"] {
        width: 100%; }
      form fieldset fieldset.two-column .how-much {
        margin-top: 46px; }
        form fieldset fieldset.two-column .how-much p {
          margin: 0; }
    form fieldset label.error {
      clear: both;
      display: block;
      color: #db0707; }
    form fieldset input[type="submit"].block,
    form fieldset input[type="button"].block {
      font-size: 1em;
      margin: 10px 0 0 0; }
    form fieldset .input-group input {
      display: block;
      margin-bottom: 10px; }
    form fieldset .offerCode-check {
      margin: 20px 0 1% 0;
      display: none; }
      form fieldset .offerCode-check label {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        width: 38%;
        min-width: 200px;
        padding: 5px;
        background-color: #fff;
        border: 1px solid #c1c1c1;
        border-radius: 5px;
        outline: none;
        margin: 0 0 10px 0;
        display: block; }
        form fieldset .offerCode-check label:after {
          content: ''; }
        @media screen and (max-width: 550px) {
          form fieldset .offerCode-check label {
            width: 91%;
            min-width: 220px; } }
      form fieldset .offerCode-check input {
        margin: 2% 0; }
    form fieldset .offerCode-section label {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1em;
      margin: 5px 0 0 0;
      display: block; }
  form .gaq-sub-head {
    width: 40%;
    border-bottom: 1px solid #979797; }
    @media screen and (max-width: 860px) {
      form .gaq-sub-head {
        width: 30%;
        min-width: 200px; } }
    @media screen and (max-width: 750px) {
      form .gaq-sub-head {
        width: 40%;
        min-width: 240px; } }
  form .gaq-contact-details__elem-last {
    margin-top: 30px; }
  form #household fieldset, form #business fieldset, form #student fieldset {
    margin-bottom: 2px; }
  form #result p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em; }
  form #result #recommendation {
    text-align: center;
    line-height: 170px;
    width: 200px;
    height: 200px;
    background: #2a2a84;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5em;
    border-radius: 100px; }
    form #result #recommendation.callus {
      font-size: 3em;
      line-height: 200px; }
    form #result #recommendation span {
      margin-top: -120px;
      display: block;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 0.3125em;
      text-align: center; }

.sizeEstimatorIntro {
  margin-right: 220px;
  min-height: 160px; }
  @media all and (max-width: 750px) {
    .sizeEstimatorIntro {
      min-height: 0;
      margin-bottom: 20px; } }

.sizeEstimatorIntroImg {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 200px;
  z-index: 10; }

#gaq-contact-details {
  padding: 20px 20px 60px 20px; }

.storageParagraph {
  margin-right: 220px;
  margin-bottom: 60px; }

.storageImage {
  position: absolute;
  top: 0;
  right: 20px;
  width: 200px;
  z-index: 10; }

.innerContent ul {
  font-size: 14px; }

#content .innerContent .sizeInformation {
  display: none; }
  .editmode #content .innerContent .sizeInformation {
    display: block;
    border-top: 1px solid white;
    border-bottom: 1px solid lightgrey;
    padding: 20px 0; }
    .editmode #content .innerContent .sizeInformation:first-child {
      border-top: none; }
    .editmode #content .innerContent .sizeInformation:last-child {
      border-bottom: none; }
  #content .innerContent .sizeInformation .sizeImageWrapper img {
    max-width: 100%; }
  #content .innerContent .sizeInformation .sizeTextWrapper .sizeHeader {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1em;
    margin-top: 0.5em; }
  #content .innerContent .sizeInformation .sizeTextWrapper p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em; }
  #content .innerContent .sizeInformation .sizeTextWrapper ul li {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em; }

.checklist, .innerContent ul.checklist {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  margin: 2% 0 0 0;
  list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tickBlue.png");
  padding: 0 0 0 33px; }
  .checklist li, .innerContent ul.checklist li {
    padding: 5px 0 5px 5px; }

table.invoice {
  width: 100%;
  margin-top: 1em;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 10px 0; }
  table.invoice th {
    font-weight: normal;
    text-align: left; }

ul.no-list-style {
  list-style: none; }

header.invoice {
  display: none; }

.customerSignIn {
  color: #ff9300;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125em;
  margin-left: 15px; }

.customerNavigation {
  display: none; }

@media only screen and (max-width: 1163px) {
  #wrapper {
    overflow: hidden; }
    #wrapper aside .promotion img {
      margin-left: -60px; } }
@media only screen and (max-width: 1050px) {
  #wrapper #content #tabbedContent .rssTabs li {
    width: 30%; }
    #wrapper #content #tabbedContent .rssTabs li#followUs {
      width: 25%; }
      #wrapper #content #tabbedContent .rssTabs li#followUs a {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/twitterAlBirdCenterWhite.png);
        text-indent: -9999px;
        background-position: center center;
        padding: 10px; }
      #wrapper #content #tabbedContent .rssTabs li#followUs .active {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/twitterAlBirdCenterWhite.png); }
    #wrapper #content #tabbedContent .rssTabs li#customersSay {
      width: 45%; }
    #wrapper #content #tabbedContent .rssTabs li#followUs {
      width: 25%; } }
@media only screen and (max-width: 910px) {
  #content.quote .innerContent .sections.quoteSummary .col50 {
    width: 100%;
    max-width: none; }
    #content.quote .innerContent .sections.quoteSummary .col50 .timeLeft {
      background-position: center; }
      #content.quote .innerContent .sections.quoteSummary .col50 .timeLeft h2 {
        padding: 30px 36% 0 34%; } }
/* Full break of layout */
@media only screen and (max-width: 900px) {
  #wrapper {
    padding: 0 20px; }
    #wrapper #content {
      margin-top: 20px; }
      #wrapper #content #tabbedContent ul.rssTabs {
        height: 39px; }
        #wrapper #content #tabbedContent ul.rssTabs li a {
          font-size: 0.875em; }
    .store #wrapper aside {
      top: 0; }

  .progressSteps li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em; }

  form fieldset#result .clearfix > div:nth-of-type(1) {
    margin: 0 auto;
    margin-bottom: 20px; }
    form fieldset#result .clearfix > div:nth-of-type(1) > div {
      margin: 0 auto; }
  form fieldset#result .clearfix > div:nth-of-type(2) {
    margin: 0 auto; }
  form fieldset#result .clearfix .float-left, form fieldset#result .clearfix .float-right {
    float: none;
    display: block;
    clear: both;
    text-align: center; }
    form fieldset#result .clearfix .float-left input, form fieldset#result .clearfix .float-right input {
      width: 100%; }

  .sign-in {
    display: none; } }
@media only screen and (max-width: 850px) {
  #wrapper .sizeEstimatorIntro {
    margin-right: 0; }
  #wrapper .sizeEstimatorIntroImg {
    display: none; } }
@media only screen and (max-width: 820px) {
  #wrapper {
    padding: 0 15px; } }
/* Full Mobile */
@media only screen and (max-width: 750px) {
  aside .asideWrap {
    padding: 2.5%; }

  .customerNavigation {
    display: block; }

  #wrapper .mobileInline {
    display: inline; }
  #wrapper .mobile {
    display: block; }
  #wrapper .desktop {
    display: none; }
  #wrapper .ipchat-container {
    display: none; }
  #wrapper aside {
    margin-top: 10px;
    width: 100%;
    float: none;
    min-width: 290px; }
    .store #wrapper aside {
      float: none; }
    #wrapper aside.unsticky {
      top: 0;
      right: 0;
      position: relative; }
    #wrapper aside#summary hgroup {
      float: none; }
    #wrapper aside .findMyClosestStore {
      display: block; }
    #wrapper aside hgroup {
      float: left;
      width: 45%;
      margin-right: 20px; }
    #wrapper aside .promotion article {
      border-top: 10px solid #FFFFFF; }
    #wrapper aside .promotion img {
      float: right; }
    #wrapper aside .button {
      display: block;
      margin-top: 50px; }
      #wrapper aside .button.desktop {
        display: none; }
      #wrapper aside .button.find {
        margin: 15px 0; }
      #wrapper aside .button.button--no-margin {
        margin-top: 0; }
  #wrapper #content {
    width: 100%;
    max-width: 800px; }
    #wrapper #content.quote {
      margin-top: 0; }
    #wrapper #content #tabbedContent {
      /* Twitter tab show here */ }
  #wrapper form fieldset button {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    padding-left: 2px;
    padding-right: 2px; }
  #wrapper form fieldset .slider {
    margin-right: 0; }
  #wrapper form fieldset .sliderOutput {
    display: block;
    margin-top: 10px;
    font-size: 16px; }
  #wrapper footer#links {
    margin: 20px 0 0 0; }
    #wrapper footer#links nav .ulWrap {
      float: left;
      margin-left: 0.5%; }
      #wrapper footer#links nav .ulWrap:first-child {
        margin-left: 0; }
      #wrapper footer#links nav .ulWrap h3 {
        font-size: 1.375em;
        margin-bottom: 10px; }
  #wrapper .storageParagraph {
    margin-right: 180px; }
  #wrapper .storageImage {
    width: 150px; }

  /* quote screen */
  #content.quote .innerContent .sections.quoteSummary .col50 .timeLeft h2 {
    padding: 30px 38% 0 37%; }
  #content.quote .innerContent .sections.quoteSummary .timeLeft p {
    text-align: left; }
  #content.quote .innerContent .sections.quoteSummary .button.centered.refresh {
    width: auto;
    float: none; } }
@media only screen and (max-width: 664px) {
  #wrapper aside hgroup {
    width: 100%; }
  #wrapper aside .button {
    margin-top: 20px; } }
@media only screen and (max-width: 560px) {
  .customerNavigation a:last-child {
    display: block; }

  #wrapper aside {
    width: 100%;
    max-width: 800px;
    float: none; }
    #wrapper aside hgroup {
      clear: both;
      width: 100%; }
    #wrapper aside .promotion img {
      width: 50%; }
  #wrapper .innerContent .sections .section {
    width: 90%;
    padding: 0 0 5% 0;
    margin: 5% 5% 10px 5%; }
    #wrapper .innerContent .sections .section h2 {
      position: relative;
      width: 60%;
      z-index: 5;
      text-shadow: 1px 1px 1px white; }
    #wrapper .innerContent .sections .section img {
      position: relative;
      vertical-align: middle;
      z-index: 1; }
  #wrapper .two-column {
    width: 100%;
    float: none;
    clear: both;
    display: block; }
    #wrapper .two-column .how-much {
      margin: 0; } }
@media only screen and (max-width: 497px) {
  #wrapper #content .col50 {
    width: 100%; }
  #wrapper #content.quote .innerContent .sections.quoteSummary .col50 .timeLeft h2 {
    padding: 30px 35% 0 34%; }

  footer#bottom .rssContainer img, footer#bottom .rssContainer .logo {
    width: 15%; }
  footer#bottom .rssContainer .logo {
    height: 15%; }
  footer#bottom .rssContainer .worldpay {
    width: auto;
    margin-top: 20px; } }
@media only screen and (max-width: 470px) {
  #wrapper #tabbedContent #tab2 .quoteImage {
    display: none; }
  #wrapper #tabbedContent #tab2 .quoteText.withImage {
    width: auto;
    margin-left: 0; } }
@media only screen and (max-width: 430px) {
  #wrapper #content #tabbedContent .rssTabs li {
    width: 40%; }
    #wrapper #content #tabbedContent .rssTabs li#customersSay {
      width: 45%; }
    #wrapper #content #tabbedContent .rssTabs li#followUs {
      width: 15%; } }
@media only screen and (max-width: 425px) {
  #wrapper {
    padding: 0 10px; }
    #wrapper aside .asideWrap {
      padding: 10px; }
    #wrapper #content #tabbedContent .rssTabs.wideTabs li a {
      font-size: 0.75em; }
    #wrapper #content .innerContent .progressSteps li {
      width: 32%; }
      #wrapper #content .innerContent .progressSteps li a {
        height: 40px;
        line-height: 40px; }
        #wrapper #content .innerContent .progressSteps li a.disabled {
          color: silver;
          cursor: not-allowed; }
    #wrapper form fieldset button.storageWhat {
      background-position: 0 -67px; }
      #wrapper form fieldset button.storageWhat.active {
        background-position: 0 -7px; } }
@media only screen and (max-width: 325px) {
  #wrapper {
    padding: 0 5px; } }
/* Reservation / Checkout */
#packageOptions {
  padding-bottom: 5px; }

#addressSearch {
  width: 20%;
  min-width: 170px; }

.addressSearch {
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .addressSearch input[type="text"] {
    float: left; }
  .addressSearch input[type="button"] {
    float: left;
    height: 37px;
    font-size: 19px;
    background-image: none;
    padding-right: 20px;
    border: 1px solid #c1c1c1;
    background-color: #fcd62d;
    background-image: linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
    background-repeat: no-repeat;
    background-position: center right; }
  .addressSearch img[src*="http://services.postcodeanywhere.co.uk/popups/pca_powered.png"] {
    display: none; }

aside .asideQuote h2 {
  padding: 10px 0 5px 0; }
aside .asideQuote .perMonth {
  font-size: 24px; }
aside .asideQuote .perMonthStd {
  font-size: 16px; }
aside .asideQuote .description {
  font-size: 13px; }

#reservationDetails td {
  width: 33%; }

/* Hide Google iframes */
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

/**
 * Placeholders
 */
.ppc-box {
  background-color: #2a2a84;
  color: #fff; }

.store-address__heading, .store-opening-hours__heading, .social-media__heading {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25em;
  color: #fff;
  margin: 0; }

/* Get a quote - Sub forms */
/* Get a quote - Contact detail - Offer wrapper */
.gaq-offer-wrap {
  position: absolute;
  top: 55px;
  right: 20px;
  width: 40%; }
  @media screen and (max-width: 780px) {
    .gaq-offer-wrap {
      width: 35%; } }
  @media screen and (max-width: 550px) {
    .gaq-offer-wrap {
      position: relative;
      top: 0;
      right: 0;
      width: 95%;
      padding: 0 20px 20px; } }
  @media screen and (max-width: 430px) {
    .gaq-offer-wrap {
      padding: 0 10px 0; } }

.mobile-offer-wrap {
  display: none;
  background-color: #6c276a;
  border: 1px solid #e1e1e1;
  width: 100%;
  color: #fff;
  padding: 10px;
  margin: 20px 0; }
  .mobile-offer-wrap__offerValue {
    font-family: "ff-dax-web-pro",DaxBold,Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 3.5em;
    line-height: 1em;
    width: auto;
    padding: 0 20px;
    clear: left;
    float: left; }
    @media screen and (max-width: 390px) {
      .mobile-offer-wrap__offerValue {
        padding: 0 5px; } }
  .mobile-offer-wrap__offerText {
    float: left;
    width: 60%;
    font-family: "ff-dax-web-pro",DaxBold,Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    padding-left: 15px; }
    .mobile-offer-wrap__offerText p {
      margin: 0; }
    @media screen and (max-width: 360px) {
      .mobile-offer-wrap__offerText {
        font-family: "ff-dax-web-pro",DaxBold,Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 0.875em;
        padding-left: 10px; } }
  @media screen and (max-width: 550px) {
    .mobile-offer-wrap {
      display: block; } }

.mobile-privacy-wrap {
  width: 85%;
  display: none;
  border: 1px solid #e1e1e1;
  padding: 5px 15px;
  margin: 20px auto 0 auto; }
  .mobile-privacy-wrap p {
    font-family: "ff-dax-web-pro",DaxMedium,Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 0.875em;
    text-align: center;
    margin: 0.7em 0; }
    @media screen and (max-width: 450px) {
      .mobile-privacy-wrap p {
        font-size: 12px; } }
  .mobile-privacy-wrap p.mobile-offer {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px; }
  @media screen and (max-width: 550px) {
    .mobile-privacy-wrap {
      display: block; } }

/* Get a quote - Contact details - Offer */
.contact-details-offer {
  font-family: "ff-dax-web-pro",DaxMedium,Helvetica, Arial, sans-serif;
  float: left;
  width: auto;
  color: #fff;
  background-color: #6c276a;
  border: 1px solid #e1e1e1;
  padding: 10px;
  margin-bottom: 20px; }
  @media screen and (max-width: 800px) {
    .contact-details-offer {
      width: 90%; } }
  @media screen and (max-width: 760px) {
    .contact-details-offer {
      width: 90%; } }
  @media screen and (max-width: 550px) {
    .contact-details-offer {
      max-width: 384px;
      position: relative;
      top: 0;
      left: 0;
      margin: 20px auto; } }
  .contact-details-offer__heading {
    color: #fff;
    margin: 0 0 5px 0;
    text-align: center; }
  .contact-details-offer__text {
    font-family: "ff-dax-web-pro",DaxMedium,Helvetica, Arial, sans-serif;
    text-align: center;
    color: #fff;
    font-size: 1em;
    float: left;
    margin: 0; }
  .contact-details-offer__standout {
    text-align: center;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    margin: 0; }
  .contact-details-offer__tc {
    text-align: center;
    margin: 0;
    font-size: 0.7em; }
    .contact-details-offer__tc a {
      margin: 3px 0;
      font-size: 0.8em;
      color: #fff; }

/* Google map - Store sidebar  */
.google-map {
  background-color: #fff; }
  .google-map--store {
    width: auto;
    height: 160px;
    margin: 5% 0;
    border: 8px solid #fff; }
    @media screen and (max-width: 750px) {
      .google-map--store {
        height: 0;
        padding-bottom: 50%; } }
  .google-map--ppc {
    width: auto;
    height: 160px;
    margin: 0 0 10px;
    border: 8px solid #fff; }
    @media screen and (max-width: 750px) {
      .google-map--ppc {
        height: 0;
        padding-bottom: 50%; } }
    @media screen and (max-width: 650px) {
      .google-map--ppc {
        padding-bottom: 160px;
        margin: 0 0 10px; } }
  .google-map__directions-link {
    color: #fff; }

/* PPC Blocks */
.ppc-box-wrapper {
  background-repeat: no-repeat;
  position: relative;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .ppc-box-wrapper {
      background-image: none !important;
      left: 0;
      padding: 0; } }
  .ppc-box-wrapper__header {
    width: 100%;
    margin-top: 70px;
    text-align: left; }
    @media screen and (max-width: 750px) {
      .ppc-box-wrapper__header {
        margin-top: 0; } }
  .ppc-box-wrapper__heading {
    font-family: Impact, HelveticaNeue-CondensedBlack, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2.5em;
    text-transform: uppercase;
    background-color: #fedb3d;
    color: #2a2a84;
    padding: 2% 2% 1% 2%;
    display: inline-block;
    margin: 0; }
    @media screen and (max-width: 750px) {
      .ppc-box-wrapper__heading {
        width: auto;
        display: block; } }
    @media screen and (max-width: 450px) {
      .ppc-box-wrapper__heading {
        font-size: 1.875em; } }
  .ppc-box-wrapper__tagline {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4375em;
    background-color: #fedb3d;
    color: #2a2a84;
    display: inline-block;
    padding: 2% 2% 1%;
    margin: 0; }
    @media screen and (max-width: 750px) {
      .ppc-box-wrapper__tagline {
        display: block; } }
    @media screen and (max-width: 450px) {
      .ppc-box-wrapper__tagline {
        font-size: 1.0625em; } }

.ppc-box {
  width: 400px;
  position: relative;
  z-index: 1;
  margin: 35px 0;
  display: inline-block;
  vertical-align: top;
  text-align: left; }
  @media screen and (max-width: 940px) {
    .ppc-box {
      width: 340px; } }
  @media screen and (max-width: 750px) {
    .ppc-box {
      margin: 10px 0 0;
      width: 48%; } }
  @media screen and (max-width: 650px) {
    .ppc-box {
      width: 100%;
      padding-bottom: 10px; } }
  .ppc-box--margin-left {
    margin-left: 5%; }
    @media screen and (max-width: 800px) {
      .ppc-box--margin-left {
        margin-left: 2%; } }
    @media screen and (max-width: 750px) {
      .ppc-box--margin-left {
        margin-left: 1%; } }
    @media screen and (max-width: 650px) {
      .ppc-box--margin-left {
        margin-left: 0; } }
  .ppc-box--margin-right {
    margin-right: 5%; }
    @media screen and (max-width: 800px) {
      .ppc-box--margin-right {
        margin-right: 2%; } }
    @media screen and (max-width: 750px) {
      .ppc-box--margin-right {
        margin-right: 1%; } }
    @media screen and (max-width: 650px) {
      .ppc-box--margin-right {
        margin-right: 0; } }
  .ppc-box__content {
    border-bottom: 2px solid #3131a8;
    padding: 5%; }
    @media screen and (max-width: 650px) {
      .ppc-box__content {
        padding: 10px; } }
    .ppc-box__content--no-border {
      border-bottom: 0;
      padding-bottom: 0; }
    .ppc-box__content--mobile {
      display: none; }
      @media screen and (max-width: 650px) {
        .ppc-box__content--mobile {
          display: block; } }
  .ppc-box__heading-link {
    text-decoration: none; }
  .ppc-box__heading {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.1875em;
    color: #fff;
    position: relative;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 450px) {
      .ppc-box__heading {
        font-size: 1.625em; } }
  .ppc-box__quote-button {
    text-align: center; }
  .ppc-box__info-button:hover {
    background: #6d7af2; }
  @media screen and (max-width: 650px) {
    .ppc-box__info-button {
      display: block;
      margin-bottom: 0;
      text-align: center;
      background: #5661bf;
      color: white;
      font-size: 1.125em;
      padding: 10px 20px;
      width: 100%;
      cursor: pointer; } }
  .ppc-box .checklist {
    list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tick.png"); }
  .ppc-box .single_tick {
    margin: 0.5em;
    list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tickBlue.png"); }

.store-address a {
  color: #fff; }

.store-telephone__heading {
  margin: 0;
  color: #fff; }
  .store-telephone__heading a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.1875em;
    color: #fff;
    text-decoration: none; }

@media screen and (max-width: 650px) {
  .mobile-extra--hide {
    display: none; } }
@media screen and (max-width: 650px) {
  .mobile-extra--show {
    display: block; } }

.item-more-info__anchor {
  opacity: 0;
  cursor: default; }
.item-more-info__description {
  display: none;
  padding: 0 10px 5px 10px;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1; }

.accordion-block {
  border-bottom: 1px solid white; }
  .accordion-block__header {
    background-color: #2a2a84;
    padding: 2%;
    cursor: pointer;
    background-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png");
    background-position: center right;
    background-repeat: no-repeat; }
    .accordion-block__header h2 {
      font-size: 1.3em;
      margin: 0;
      color: #fff; }
      @media screen and (max-width: 450px) {
        .accordion-block__header h2 {
          font-size: 1.1em; } }

.feefo_review__header {
  float: right;
  max-width: 65%;
  margin-bottom: 2%; }
  .feefo_review__header h3 {
    margin: 0 0 10px 0;
    color: #fff; }
    .feefo_review__header h3 a {
      font-size: 1em; }
  @media screen and (max-width: 959px) {
    .feefo_review__header {
      float: none;
      max-width: 100%;
      text-align: center; } }
.feefo_review__logo {
  width: 100%;
  text-align: center;
  margin: 5px 0 2% 0; }

.review-area {
  font-size: 0.8em;
  margin: 0 0 1% 0;
  padding-top: 1%;
  border-top: 2px solid #3131a8; }
  .review-area__date {
    float: left;
    width: 15%;
    min-width: 100px;
    padding: 5px;
    font-style: italic; }
    @media screen and (max-width: 900px) {
      .review-area__date {
        width: 100%; } }
  .review-area__content {
    float: left;
    width: 65%;
    min-width: 260px;
    padding: 5px; }
  .review-area__rating {
    float: left;
    width: 36px;
    height: 16px;
    padding: 5px 10px; }
    .review-area__rating--plus {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url(https://www.alligatorstorage.co.uk/themes/rss/images/feefo/feefo.png);
      background-position: 0px -34px;
      background-repeat: no-repeat; }
    .review-area__rating--minus {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url(https://www.alligatorstorage.co.uk/themes/rss/images/feefo/feefo.png);
      background-position: 0px -18px;
      background-repeat: no-repeat; }

/* Mailing list response section - Email-signup.php */
.mailing-result {
  margin: 15% 0;
  text-align: center; }

.innerContent .single_tick, #content .single_tick {
  margin: 0.5em;
  list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tickBlue.png"); }

.asideWrap .single_tick {
  margin: 0;
  list-style-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/tick.png");
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  list-style: none;
  color: #FFFFFF;
  padding: 0; }
  .asideWrap .single_tick li {
    padding: 1% 0 1% 33px;
    background: url("https://www.alligatorstorage.co.uk/themes/rss/images/tick.png") no-repeat left center; }

.desktop_reservation_disabled {
  font-weight: bold;
  font-size: 125% !important;
  min-width: 300px;
  text-align: center;
  margin: 70px auto 0;
  background-color: #fcd62d;
  color: #2a2a84;
  padding: 4px; }
  .desktop_reservation_disabled a {
    font-weight: bold;
    font-size: 125% !important;
    color: #2a2a84 !important; }

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

.button-next-step:disabled {
  opacity: 0.5; }

@media screen and (max-width: 750px) {
  .mobile-hide {
    display: none; } }

/**
 *
 * sass/partials/_404.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
.error-404 {
  display: table;
  width: 80%;
  margin: 0 auto;
  height: 100%; }
  @media all and (max-width: 400px) {
    .error-404 {
      display: block;
      width: 98%;
      margin: 0 2%; } }
  .error-404__image-wrap {
    display: table-cell;
    vertical-align: middle;
    max-width: 312px; }
    @media all and (max-width: 400px) {
      .error-404__image-wrap {
        display: block; } }
  .error-404__text-wrap {
    display: table-cell;
    vertical-align: middle; }
    @media all and (max-width: 400px) {
      .error-404__text-wrap {
        display: block; } }
  .error-404__heading {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em;
    margin: 0; }
    @media all and (max-width: 400px) {
      .error-404__heading {
        text-align: center; } }
    .error-404__heading--small {
      font-size: 2em; }
      @media all and (max-width: 650px) {
        .error-404__heading--small {
          font-size: 1.5em; } }
      @media all and (max-width: 400px) {
        .error-404__heading--small {
          font-size: 1em; } }
    .error-404__heading--large {
      font-size: 4em;
      line-height: 1; }
      @media all and (max-width: 650px) {
        .error-404__heading--large {
          font-size: 3em; } }
      @media all and (max-width: 400px) {
        .error-404__heading--large {
          font-size: 2em; } }
  .error-404__text {
    margin-top: 2em; }
    @media all and (max-width: 400px) {
      .error-404__text {
        margin-top: 1em; } }
  .error-404__link {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.75em;
    text-decoration: none; }
    @media all and (max-width: 400px) {
      .error-404__link {
        background: #ff9300;
        display: block;
        color: white;
        text-align: center;
        font-size: 1.5em;
        padding: 0.7em;
        border-radius: 5px; } }
  @media all and (max-width: 650px) {
    .error-404__image {
      max-width: 100%; } }
  @media all and (max-width: 400px) {
    .error-404__image {
      max-width: 80%;
      display: block;
      margin: 0 auto; } }

/**
 *
 * sass/partials/_maintenance.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
.maintenance {
  display: table;
  width: 80%;
  margin: 0 auto;
  height: 100%; }
  @media screen and (max-width: 400px) {
    .maintenance {
      display: block;
      width: 98%;
      margin: 0 2%; } }
  .maintenance__image-wrap {
    display: table-cell;
    vertical-align: middle;
    max-width: 312px; }
    @media screen and (max-width: 600px) {
      .maintenance__image-wrap {
        display: block;
        margin: 0 auto; } }
  .maintenance__text-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .maintenance__text-wrap {
        display: block; } }
  .maintenance__text {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em; }
  .maintenance__heading {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em;
    margin: 0; }
    @media screen and (max-width: 400px) {
      .maintenance__heading {
        text-align: center; } }
    .maintenance__heading--small {
      font-size: 2em; }
      @media screen and (max-width: 960px) {
        .maintenance__heading--small {
          font-size: 1.5em; } }
      @media screen and (max-width: 650px) {
        .maintenance__heading--small {
          font-size: 1.3em; } }
      @media screen and (max-width: 400px) {
        .maintenance__heading--small {
          font-size: 1.3em; } }
    .maintenance__heading--large {
      font-size: 4em;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        .maintenance__heading--large {
          font-size: 3em; } }
      @media screen and (max-width: 650px) {
        .maintenance__heading--large {
          font-size: 2em; } }
      @media screen and (max-width: 400px) {
        .maintenance__heading--large {
          font-size: 1.5em; } }
  .maintenance__text {
    margin-top: 2em; }
    @media screen and (max-width: 400px) {
      .maintenance__text {
        margin-top: 1em;
        font-size: 85%; } }
  .maintenance__link {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.75em;
    text-decoration: none; }
    @media screen and (max-width: 400px) {
      .maintenance__link {
        background: #ff9300;
        display: block;
        color: white;
        text-align: center;
        font-size: 1.5em;
        padding: 0.7em;
        border-radius: 5px; } }
  .maintenance__contact-wrap {
    text-align: center;
    margin-top: 2em; }
  .maintenance__contact {
    width: 40%;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 800px) {
      .maintenance__contact {
        width: 100%;
        margin: 1em 0; } }
  .maintenance__contact-link {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.25em;
    color: #48c6f4; }
    @media all and (max-width: 960px) {
      .maintenance__contact-link {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.75em; } }
    @media screen and (max-width: 800px) {
      .maintenance__contact-link {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.25em; } }
  .maintenance__image {
    max-width: 100%; }
    @media screen and (max-width: 650px) {
      .maintenance__image {
        max-width: 100%; } }
    @media screen and (max-width: 400px) {
      .maintenance__image {
        max-width: 80%;
        display: block;
        margin: 0 auto; } }
  .maintenance__logo-wrap {
    margin: 0 auto 3em;
    max-width: 310px; }
  .maintenance__logo {
    max-width: 100%; }
    .maintenance__logo--mobile {
      display: none; }
      @media screen and (max-width: 600px) {
        .maintenance__logo--mobile {
          display: block; } }
    .maintenance__logo--desktop {
      display: block; }
      @media screen and (max-width: 600px) {
        .maintenance__logo--desktop {
          display: none; } }
  .maintenance__email {
    margin: 1em 0; }
    .maintenance__email a {
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.5em;
      color: #48c6f4; }
      @media screen and (max-width: 380px) {
        .maintenance__email a {
          font-family: 'Lato', sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 1.125em; } }

/**
 *
 * sass/partials/_layout.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Layout
   ========================================================================== */
html, body {
  height: 100%; }

.left {
  float: left; }

.right {
  float: right; }

/**
 *
 * sass/partials/_header.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* Header wrap */
@media screen and (max-width: 750px) {
  .header-wrap {
    margin-bottom: 10px; } }

/* ==========================================================================
   Header
   ========================================================================== */
.header {
  position: relative; }
  @media all and (max-width: 750px) {
    .header {
      padding-top: 0;
      margin-bottom: 20px; } }
  .header__wrapper {
    position: relative;
    padding-bottom: 10px; }
    @media all and (max-width: 750px) {
      .header__wrapper {
        padding-bottom: 0; } }
  .header__title {
    position: absolute;
    bottom: 0;
    left: 280px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.375em;
    text-transform: capitalize;
    padding: 0; }
    @media all and (max-width: 750px) {
      .header__title {
        position: relative;
        width: 100%;
        float: left;
        top: 0;
        left: 0;
        text-align: left;
        margin: 0.8em 0 0 0; } }

/* ==========================================================================
   Logo
   ========================================================================== */
.logo {
  margin: 30px 35px 0 0;
  float: left;
  width: 280px;
  min-width: 100px; }
  @media all and (max-width: 750px) {
    .logo {
      display: none; } }
  @media all and (max-width: 425px) {
    .logo {
      width: 160px;
      height: 95px; } }
  .logo--mobile {
    display: none; }
    @media all and (max-width: 750px) {
      .logo--mobile {
        display: block; } }
  .logo__image {
    max-width: 100%;
    min-width: 160px; }

/* ==========================================================================
   Skybar
   ========================================================================== */
.skybar {
  position: absolute;
  top: 0;
  right: -10px;
  text-align: right; }
  @media all and (max-width: 959px) {
    .skybar {
      position: relative;
      text-align: center;
      top: 0;
      right: 0; } }
  @media all and (max-width: 750px) {
    .skybar {
      position: relative; } }
  .skybar__chat-span {
    float: left;
    border-right: 1px solid white; }
    .lt-ie9 .skybar__chat-span {
      display: none; }
    @media all and (max-width: 959px) {
      .skybar__chat-span {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 -1px 0 -2px; } }
  .skybar__item {
    position: relative;
    width: 165px;
    height: 55px;
    text-align: left;
    float: left;
    border-right: 1px solid white; }
    @media all and (max-width: 959px) {
      .skybar__item {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 -2px; } }
    @media all and (max-width: 650px) {
      .skybar__item {
        height: 36px; } }
    @media all and (max-width: 550px) {
      .skybar__item {
        box-sizing: border-box;
        float: left;
        width: 39%;
        margin: 0; } }
    .skybar__item--cart {
      width: 100px;
      text-align: right;
      border: none; }
      @media all and (max-width: 959px) {
        .skybar__item--cart {
          position: absolute;
          top: 192px;
          right: 50px; } }
      @media all and (max-width: 959px) {
        .skybar__item--cart {
          top: 185px;
          right: 0; } }
      @media all and (max-width: 650px) {
        .skybar__item--cart {
          top: 165px; } }
      @media all and (max-width: 550px) {
        .skybar__item--cart {
          position: relative;
          width: 20%;
          top: 0;
          right: 0;
          text-align: center;
          padding-top: 8px; } }
      @media all and (max-width: 360px) {
        .skybar__item--cart {
          width: 10%; } }
    @media all and (max-width: 750px) {
      .skybar__item--chat {
        display: none; } }
    @media all and (max-width: 550px) {
      .skybar__item--stores {
        display: none; } }
    @media all and (max-width: 550px) {
      .skybar__item--contact {
        float: right; } }
    @media all and (max-width: 360px) {
      .skybar__item--contact {
        width: 45%; } }
    @media all and (max-width: 360px) {
      .skybar__item--account {
        width: 45%; } }
    .skybar__item--last {
      border: none;
      padding-right: 5px; }
  .skybar__image {
    position: absolute;
    right: 3px;
    top: 2px;
    height: 51px;
    width: 51px;
    background-image: url(https://www.alligatorstorage.co.uk/themes/rss//images/toolbar.png); }
    @media all and (max-width: 650px) {
      .skybar__image {
        display: none; } }
    .skybar__image--contact {
      background-position: top right;
      cursor: pointer; }
    .skybar__image--stores {
      background-position: top left;
      right: 6px; }

/* ==========================================================================
   Customer account
   ========================================================================== */
.customer-account {
  display: block;
  padding: 12px 5px 0;
  margin: 0 0 10px;
  list-style: none;
  text-align: center;
  line-height: 1; }
  .customer-account__item {
    display: inline-block;
    margin-left: 15px;
    line-height: 1.8; }
    @media all and (max-width: 750px) {
      .customer-account__item:first-child {
        margin-left: 0; } }
    @media all and (max-width: 550px) {
      .customer-account__item {
        margin-left: 5px; } }
  .customer-account__link {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em; }
    @media all and (max-width: 550px) {
      .customer-account__link {
        font-size: 0.875em; } }
    @media all and (max-width: 380px) {
      .customer-account__link {
        font-size: 0.8125em; } }
    .customer-account__link:link, .customer-account__link:visited, .customer-account__link:active, .customer-account__link:hover {
      text-decoration: none; }

/* ==========================================================================
   Basket bar summary
   ========================================================================== */
.basket-bar {
  position: absolute;
  right: 5px;
  top: 150px; }
  .basket-bar__holder {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  .basket-bar__link {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.125em;
    float: right;
    margin: 5px 10px 0 0; }
    @media all and (max-width: 550px) {
      .basket-bar__link {
        font-size: 1em;
        float: none; } }
    @media all and (max-width: 380px) {
      .basket-bar__link {
        font-size: 0.875em; } }
    .basket-bar__link:link, .basket-bar__link:visited, .basket-bar__link:active, .basket-bar__link:hover {
      text-decoration: none;
      color: #3c3c3c; }
  .basket-bar__icon {
    display: inline-block;
    vertical-align: middle; }
    @media all and (max-width: 750px) {
      .basket-bar__icon {
        vertical-align: middle; } }
  .basket-bar__items {
    position: absolute;
    font-size: 0.7em;
    line-height: 1.2;
    margin: 0 0 0 5px;
    top: 5px;
    right: -3px;
    background: #499317;
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    text-align: center; }
    @media all and (max-width: 550px) {
      .basket-bar__items {
        margin-right: 0;
        margin-left: 0; } }
  .basket-bar__cost {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 0.875em;
    display: inline-block;
    vertical-align: middle; }
    @media all and (max-width: 380px) {
      .basket-bar__cost {
        display: none; } }

/* ==========================================================================
   Customer contact
   ========================================================================== */
.customer-contact {
  position: relative;
  margin: 0;
  padding-left: 0;
  list-style: none;
  float: right;
  clear: right; }
  .customer-contact__item {
    display: block;
    float: left; }
  @media all and (max-width: 750px) {
    .customer-contact {
      float: right;
      margin: 0; } }
  @media all and (max-width: 500px) {
    .customer-contact {
      line-height: 25px; } }
  .customer-contact__info {
    display: none;
    float: right;
    margin: 5px 5px 0 0;
    width: 26px;
    height: 26px;
    background: #2a2a84;
    border-radius: 13px;
    text-align: center;
    line-height: 2;
    color: white;
    cursor: pointer; }
    @media all and (max-width: 650px) {
      .customer-contact__info {
        display: block; } }
    @media all and (max-width: 375px) {
      .customer-contact__info {
        font-size: 0.8em;
        width: 18px;
        height: 18px;
        border-radius: 9px;
        line-height: 1.6;
        margin: 9px 2px 0 0; } }
  .customer-contact__telephone {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em;
    color: #2a2a84;
    display: block;
    height: 24px;
    line-height: 1;
    padding: 12px 10px 0px 10px;
    text-decoration: none; }
    .customer-contact__telephone:visited, .customer-contact__telephone:active, .customer-contact__telephone:hover {
      text-decoration: underline; }
    @media all and (max-width: 750px) {
      .customer-contact__telephone--desktop {
        display: none; } }
    .customer-contact__telephone--mobile {
      display: none; }
      @media all and (max-width: 750px) {
        .customer-contact__telephone--mobile {
          display: inline-block; } }
      @media all and (max-width: 400px) {
        .customer-contact__telephone--mobile {
          font-size: 0.9em;
          padding: 12px 6px 0; } }

/* ==========================================================================
   Live online chat - Overwriting pulled in element styles :(
   ========================================================================== */
.live-chat {
  z-index: 1; }

.lpchat-image {
  z-index: 10 !important; }

/* ==========================================================================
   Toolbar
   ========================================================================== */
.toolbar__item {
  width: 165px;
  height: 35px;
  overflow: hidden; }
  @media all and (max-width: 550px) {
    .toolbar__item {
      width: 100%; } }
  .toolbar__item--contact {
    border-bottom-left-radius: 8px;
    background-color: #fcd62d;
    background-image: linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -o-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -moz-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -webkit-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -ms-linear-gradient(top, #fcd62d 50%, #fcdd4f 50%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #fcd62d), color-stop(0.5, #fcdd4f));
    background-repeat: no-repeat;
    background-position: center right; }
    @media all and (max-width: 550px) {
      .toolbar__item--contact {
        border-bottom-left-radius: 0px; } }
  .toolbar__item--stores {
    background: #2a2a84;
    background: -moz-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 49%, #2a2a84 50%, #2a2a84 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 42, 132, 0.8)), color-stop(49%, rgba(42, 42, 132, 0.8)), color-stop(50%, #2a2a84), color-stop(100%, #2a2a84));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 49%, #2a2a84 50%, #2a2a84 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 49%, #2a2a84 50%, #2a2a84 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 49%, #2a2a84 50%, #2a2a84 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 49%, #2a2a84 50%, #2a2a84 100%);
    /* W3C */
    text-decoration: none;
    vertical-align: middle;
    display: block;
    border-bottom-right-radius: 8px; }
    @media all and (max-width: 650px) {
      .toolbar__item--stores {
        text-align: center; } }
.toolbar__link {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125em;
  display: block;
  height: 24px;
  line-height: 1;
  padding: 9px 10px 0;
  color: white;
  text-decoration: none; }
  .toolbar__link:hover {
    text-decoration: underline; }

/**
 *
 * sass/partials/_footer.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/*  =========================================================
*   Footer Social
*   ========================================================= */
/* Footer - Social media links */
.social-wrap {
  margin-top: 15px;
  text-align: center;
  clear: left; }

.footer-social-media {
  text-align: center;
  padding-left: 0; }
  .footer-social-media__item {
    display: inline-block;
    vertical-align: top; }
    .footer-social-media__item--facebook {
      margin-top: 10px; }
    .footer-social-media__item--twitter {
      margin-top: 11px; }
    .footer-social-media__item--gplus {
      margin-top: 12px; }
  .footer-social-media__button {
    vertical-align: middle; }

/*  =========================================================
*   Footer Bottom
*   ========================================================= */
.footer {
  background-color: #ede1df;
  padding: 20px 0; }
  .footer__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px; }
  .footer__logo {
    margin: 0px 35px 0 0;
    float: right;
    width: 280px;
    min-width: 100px;
    vertical-align: top;
    margin-right: 1%; }
    @media (max-width: 750px) {
      .footer__logo {
        padding: 0 0 0 10px; } }
  .footer__text {
    font-size: 10px; }
  .footer__payment--ssa {
    max-width: 115px;
    margin-left: 4%; }
  .footer__payment--worldpay {
    display: block; }

@media screen and (max-width: 750px) {
  .footer__logo {
    display: none; } }
.footer-link {
  position: relative;
  padding-right: 20px;
  max-width: 660px;
  margin: 20px 0 0 0; }
  @media (max-width: 750px) {
    .footer-link {
      padding: 0 0 0 10px; } }
  .footer-link__area {
    float: left;
    min-width: 140px;
    width: 33%; }
    @media (max-width: 960px) {
      .footer-link__area--first {
        width: 33%;
        margin: 0 5% 3%; } }
    @media (max-width: 750px) {
      .footer-link__area--first {
        width: 29%;
        margin: 0; } }
    @media (max-width: 550px) {
      .footer-link__area--first {
        width: 45%;
        margin: 0 5% 3%;
        min-width: 120px; } }
    @media (max-width: 960px) {
      .footer-link__area--second {
        width: 33%;
        margin: 0 5%; } }
    @media (max-width: 750px) {
      .footer-link__area--second {
        width: 29%;
        margin: 0; } }
    @media (max-width: 550px) {
      .footer-link__area--second {
        width: 40%;
        margin: 0 5% 3%;
        min-width: 120px; } }
    @media (max-width: 960px) {
      .footer-link__area--last {
        position: relative;
        clear: left;
        width: 75%;
        min-width: 280px;
        margin: 0 5%; } }
    @media (max-width: 750px) {
      .footer-link__area--last {
        clear: none;
        width: 33%;
        margin: 0;
        min-width: 200px; } }
    @media (max-width: 550px) {
      .footer-link__area--last {
        clear: left;
        width: 40%;
        margin: 0;
        min-width: 280px; } }
  .footer-link h3 {
    font-size: 1.375em;
    margin-bottom: 10px; }

.footer-mailing-signup {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875em; }
  .footer-mailing-signup h4 {
    margin: 0;
    line-height: 1.625em; }
  .footer-mailing-signup__mailform input[type="email"] {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em;
    margin: 0.2em 0; }
  .footer-mailing-signup__mailform input[type="text"] {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em;
    margin: 0.2em 0; }
  .footer-mailing-signup__mailform input[type="submit"] {
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25em;
    margin: 0.2em 0;
    padding: 5px 50px;
    text-align: center;
    border-radius: 5px; }

/*  =========================================================
*   Back To Top Button
*   ========================================================= */
.backToTop {
  position: fixed;
  bottom: 2px;
  right: 8px;
  width: 1.2em;
  font-size: 1.2em;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  background-color: #fedb3d;
  color: white;
  border-radius: 8px;
  z-index: 999;
  display: none;
  opacity: 0.8; }

/*  =========================================================
*   STILL TO REFACTOR THIS BELOW!!
*   ========================================================= */
footer#links nav ul {
  padding: 0;
  margin: 0; }
  footer#links nav ul li {
    line-height: 1.625em; }
    footer#links nav ul li a {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 0.875em;
      text-decoration: none;
      color: #404041; }

/**
 *
 * sass/partials/_navigation.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Primary navigation toggle
   ========================================================================== */
.primary-navigation-toggle {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 20px 0 0;
  float: right;
  cursor: pointer;
  text-align: center;
  border: 4px solid #2a2a84;
  background-color: #2a2a84;
  border-radius: 4px; }
  .primary-navigation-toggle__bar {
    width: 32px;
    height: 4px;
    margin: 7px 4px 0 4px;
    background-color: white; }

/* ==========================================================================
   Primary navigation
   ========================================================================== */
.primary-navigation {
  position: relative;
  margin-left: 180px;
  z-index: 30; }
  @media all and (max-width: 1090px) {
    .primary-navigation {
      margin-top: 20px;
      margin-left: 0; } }
  @media all and (max-width: 1050px) {
    .primary-navigation {
      right: 0; } }
  @media all and (max-width: 750px) {
    .primary-navigation {
      width: 100%;
      margin: 0 0 10px; } }
  .primary-navigation__list {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0; }
    @media all and (max-width: 750px) {
      .primary-navigation__list {
        padding: 0;
        float: left;
        display: block; } }
  .primary-navigation__item {
    display: table-cell;
    text-align: center; }
    @media all and (max-width: 750px) {
      .primary-navigation__item {
        display: block;
        float: left;
        width: 50%;
        text-align: center; } }
    .primary-navigation__item:last-of-type {
      border-right: 2px solid white; }
      @media all and (max-width: 750px) {
        .primary-navigation__item:last-of-type {
          border-right: 0; } }
    @media all and (max-width: 497px) {
      .primary-navigation__item--primary {
        width: 100%; } }
    @media all and (max-width: 750px) {
      .primary-navigation__item--secondary {
        width: 33.33333%; } }
  .primary-navigation__link {
    font-family: "ff-dax-web-pro",DaxMedium,Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    text-decoration: none;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    padding-left: 11px;
    padding-right: 11px; }
    @media all and (max-width: 1090px) {
      .primary-navigation__link {
        padding-left: 10px;
        padding-right: 10px; } }
    @media all and (max-width: 900px) {
      .primary-navigation__link {
        background: #e5e5e5;
        background: -moz-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 0.8)), color-stop(48%, rgba(229, 229, 229, 0.8)), color-stop(48%, #e5e5e5), color-stop(100%, #e5e5e5));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
        /* W3C */
        padding: 12px 14px;
        text-decoration: none;
        vertical-align: middle;
        display: block; } }
    @media all and (max-width: 820px) {
      .primary-navigation__link {
        padding: 12px 9px; } }
    .primary-navigation__link--primary {
      background: #2a2a84;
      background: -moz-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 42, 132, 0.8)), color-stop(48%, rgba(42, 42, 132, 0.8)), color-stop(48%, #2a2a84), color-stop(100%, #2a2a84));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(42, 42, 132, 0.8) 0%, rgba(42, 42, 132, 0.8) 48%, #2a2a84 48%, #2a2a84 100%);
      /* W3C */
      padding: 12px 10px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      color: white; }
      @media all and (max-width: 497px) {
        .primary-navigation__link--primary {
          border-left: none; } }
      .primary-navigation__link--primary:hover {
        background: #2a2a84;
        color: white; }
    .primary-navigation__link--secondary {
      background: #e5e5e5;
      background: -moz-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 0.8)), color-stop(48%, rgba(229, 229, 229, 0.8)), color-stop(48%, #e5e5e5), color-stop(100%, #e5e5e5));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(229, 229, 229, 0.8) 0%, rgba(229, 229, 229, 0.8) 48%, #e5e5e5 48%, #e5e5e5 100%);
      /* W3C */
      padding: 12px 10px;
      text-decoration: none;
      vertical-align: middle;
      display: block;
      color: #2a2a84; }
      @media all and (max-width: 497px) {
        .primary-navigation__link--secondary {
          height: 38px; } }
      .primary-navigation__link--secondary:hover {
        background: #b9d7f1;
        color: #2a2a84; }
    .primary-navigation__link--active.primary-navigation__link--primary {
      border-top-color: #2a2a84;
      background: #2a2a84; }
    .primary-navigation__link--active.primary-navigation__link--secondary {
      border-top-color: #c5e1f8;
      background: #c5e1f8; }
    @media all and (max-width: 750px) {
      .primary-navigation__link--first {
        border-left: 0; } }

/**
 *
 * sass/partials/_modal.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Modals
   ========================================================================== */
#dialog {
  display: none; }

.modal {
  position: relative; }
  .modal--no-header .ui-dialog-titlebar {
    display: none; }
  .modal__close {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer; }
  .modal__cross {
    max-width: 100%; }
  .modal__wrapper {
    clear: both; }
  .modal--call-us__image {
    float: right;
    max-width: 300px;
    width: 40%; }
    @media all and (max-width: 600px) {
      .modal--call-us__image {
        display: none; } }

/* ==========================================================================
   Tab Carousel
   ========================================================================== */
.tabSlider {
  padding: 0.4em;
  border: 1px solid white;
  background: #eeeeee; }
  @media all and (max-width: 650px) {
    .tabSlider {
      padding: 0; } }

.tab-slide {
  position: relative; }
  .tab-slide__image-wrap {
    width: 100%;
    display: block;
    position: relative; }
  .tab-slide__image {
    max-width: 100%; }
  .tab-slide__text-wrap {
    float: left;
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%;
    padding: 1em;
    z-index: 10;
    box-sizing: border-box;
    overflow: none; }
    @media all and (max-width: 650px) {
      .tab-slide__text-wrap {
        float: none;
        position: relative;
        width: 100%;
        height: 80px;
        border: 1px solid white; } }
    .tab-slide__text-wrap--blue {
      background-color: #2a2a84;
      opacity: 0.97;
      color: white; }
    .tab-slide__text-wrap--yellow {
      background-color: #fedb3d;
      opacity: 0.97;
      color: #2a2a84; }
    .tab-slide__text-wrap--lightblue {
      background-color: #b9d7f1;
      opacity: 0.97;
      color: #2a2a84; }
    .tab-slide__text-wrap--red {
      background-color: #cc0000;
      opacity: 0.97;
      color: white; }
    .tab-slide__text-wrap--cyan {
      background-color: #48c6f4;
      opacity: 0.97;
      color: white; }
    .tab-slide__text-wrap--lighterblue {
      background-color: #5661bf;
      opacity: 0.97;
      color: white; }
  .tab-slide__heading {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1875em;
    font-size: 2em;
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto; }
    @media all and (max-width: 940px) {
      .tab-slide__heading {
        font-size: 1.5em; } }
    @media all and (max-width: 850px) {
      .tab-slide__heading {
        font-size: 1.1em; } }
    @media all and (max-width: 750px) {
      .tab-slide__heading {
        font-size: 1.6em; } }
    @media all and (max-width: 650px) {
      .tab-slide__heading {
        font-size: 1.4em; } }
    @media all and (max-width: 500px) {
      .tab-slide__heading {
        font-size: 1.2em; } }

/* ==========================================================================
   Main Carousel - Slides
   ========================================================================== */
.slide {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0 0 48%; }
  @media screen and (max-width: 750px) {
    .slide {
      padding: 0 0 38%; } }
  @media screen and (max-width: 560px) {
    .slide {
      padding: 0 0 54%; } }
  @media screen and (max-width: 420px) {
    .slide {
      padding: 0 0 57%; } }
  @media screen and (max-width: 350px) {
    .slide {
      padding: 0 0 58%; } }
  .slide__link {
    position: absolute;
    width: 100%; }
    .slide__link:link, .slide__link:hover, .slide__link:visited, .slide__link:active {
      text-decoration: none; }
  .slide__picture {
    position: absolute;
    width: 100%; }
    @media screen and (max-width: 750px) {
      .slide__picture {
        position: relative; } }
  .slide__text {
    position: absolute;
    z-index: 10;
    top: 70px;
    left: 35px;
    /* Inside */
    /* Outside */
    /* Loop slide colors
    ========================================================================== */ }
    @media screen and (max-width: 750px) {
      .slide__text {
        top: 30px;
        left: 10px; } }
    @media screen and (max-width: 700px) {
      .slide__text {
        top: 10px; } }
    @media screen and (max-width: 560px) {
      .slide__text {
        position: relative;
        top: 0;
        left: 0;
        height: 0;
        padding: 3% 5px 13%; } }
    @media screen and (max-width: 420px) {
      .slide__text {
        padding: 5% 5px 14%; } }
    @media screen and (max-width: 350px) {
      .slide__text {
        padding: 5% 5px 16%; } }
    .slide__text--blue {
      background-color: #2a2a84; }
      .slide__text--blue .subtitleWrap, .slide__text--blue h1, .slide__text--blue h2 {
        background-color: #2a2a84;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--blue .subtitleWrap, .slide__text--blue h1, .slide__text--blue h2 {
            background-color: transparent; } }
      .slide__text--blue .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--blue.slide__text--has-link:hover {
          background-color: #3636ab; } }
      .slide__text--blue.slide__text--has-link:hover .subtitleWrap, .slide__text--blue.slide__text--has-link:hover h1, .slide__text--blue.slide__text--has-link:hover h2 {
        background-color: #3636ab;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--blue.slide__text--has-link:hover .subtitleWrap, .slide__text--blue.slide__text--has-link:hover h1, .slide__text--blue.slide__text--has-link:hover h2 {
            background-color: transparent; } }
    .slide__text--yellow {
      background-color: #fedb3d; }
      .slide__text--yellow .subtitleWrap, .slide__text--yellow h1, .slide__text--yellow h2 {
        background-color: #fedb3d;
        color: #2a2a84; }
        @media screen and (max-width: 560px) {
          .slide__text--yellow .subtitleWrap, .slide__text--yellow h1, .slide__text--yellow h2 {
            background-color: transparent; } }
      .slide__text--yellow .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--yellow.slide__text--has-link:hover {
          background-color: #fee470; } }
      .slide__text--yellow.slide__text--has-link:hover .subtitleWrap, .slide__text--yellow.slide__text--has-link:hover h1, .slide__text--yellow.slide__text--has-link:hover h2 {
        background-color: #fee470;
        color: #2a2a84; }
        @media screen and (max-width: 560px) {
          .slide__text--yellow.slide__text--has-link:hover .subtitleWrap, .slide__text--yellow.slide__text--has-link:hover h1, .slide__text--yellow.slide__text--has-link:hover h2 {
            background-color: transparent; } }
    .slide__text--lightblue {
      background-color: #b9d7f1; }
      .slide__text--lightblue .subtitleWrap, .slide__text--lightblue h1, .slide__text--lightblue h2 {
        background-color: #b9d7f1;
        color: #2a2a84; }
        @media screen and (max-width: 560px) {
          .slide__text--lightblue .subtitleWrap, .slide__text--lightblue h1, .slide__text--lightblue h2 {
            background-color: transparent; } }
      .slide__text--lightblue .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--lightblue.slide__text--has-link:hover {
          background-color: #e3effa; } }
      .slide__text--lightblue.slide__text--has-link:hover .subtitleWrap, .slide__text--lightblue.slide__text--has-link:hover h1, .slide__text--lightblue.slide__text--has-link:hover h2 {
        background-color: #e3effa;
        color: #b9d7f1; }
        @media screen and (max-width: 560px) {
          .slide__text--lightblue.slide__text--has-link:hover .subtitleWrap, .slide__text--lightblue.slide__text--has-link:hover h1, .slide__text--lightblue.slide__text--has-link:hover h2 {
            background-color: transparent; } }
    .slide__text--red {
      background-color: #cc0000; }
      .slide__text--red .subtitleWrap, .slide__text--red h1, .slide__text--red h2 {
        background-color: #cc0000;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--red .subtitleWrap, .slide__text--red h1, .slide__text--red h2 {
            background-color: transparent; } }
      .slide__text--red .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--red.slide__text--has-link:hover {
          background-color: red; } }
      .slide__text--red.slide__text--has-link:hover .subtitleWrap, .slide__text--red.slide__text--has-link:hover h1, .slide__text--red.slide__text--has-link:hover h2 {
        background-color: red;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--red.slide__text--has-link:hover .subtitleWrap, .slide__text--red.slide__text--has-link:hover h1, .slide__text--red.slide__text--has-link:hover h2 {
            background-color: transparent; } }
    .slide__text--cyan {
      background-color: #48c6f4; }
      .slide__text--cyan .subtitleWrap, .slide__text--cyan h1, .slide__text--cyan h2 {
        background-color: #48c6f4;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--cyan .subtitleWrap, .slide__text--cyan h1, .slide__text--cyan h2 {
            background-color: transparent; } }
      .slide__text--cyan .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--cyan.slide__text--has-link:hover {
          background-color: #78d5f7; } }
      .slide__text--cyan.slide__text--has-link:hover .subtitleWrap, .slide__text--cyan.slide__text--has-link:hover h1, .slide__text--cyan.slide__text--has-link:hover h2 {
        background-color: #78d5f7;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--cyan.slide__text--has-link:hover .subtitleWrap, .slide__text--cyan.slide__text--has-link:hover h1, .slide__text--cyan.slide__text--has-link:hover h2 {
            background-color: transparent; } }
    .slide__text--lighterblue {
      background-color: #5661bf; }
      .slide__text--lighterblue .subtitleWrap, .slide__text--lighterblue h1, .slide__text--lighterblue h2 {
        background-color: #5661bf;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--lighterblue .subtitleWrap, .slide__text--lighterblue h1, .slide__text--lighterblue h2 {
            background-color: transparent; } }
      .slide__text--lighterblue .subtitleWrap {
        background-image: url(https://www.alligatorstorage.co.uk/themes/rss/images/goArrow.png);
        background-repeat: no-repeat;
        background-position: 100% 30%; }
      @media screen and (max-width: 560px) {
        .slide__text--lighterblue.slide__text--has-link:hover {
          background-color: #7b84cd; } }
      .slide__text--lighterblue.slide__text--has-link:hover .subtitleWrap, .slide__text--lighterblue.slide__text--has-link:hover h1, .slide__text--lighterblue.slide__text--has-link:hover h2 {
        background-color: #7b84cd;
        color: white; }
        @media screen and (max-width: 560px) {
          .slide__text--lighterblue.slide__text--has-link:hover .subtitleWrap, .slide__text--lighterblue.slide__text--has-link:hover h1, .slide__text--lighterblue.slide__text--has-link:hover h2 {
            background-color: transparent; } }

/**
 *
 * sass/partials/_sidebar.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Sidebar social media
   ========================================================================== */
.social-media__link {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 7px 7px 0;
  background-color: #3131a8;
  background-image: url("https://www.alligatorstorage.co.uk/themes/rss/images/sprite.png");
  background-size: auto 40px;
  transition: background-color 0.25s linear; }
  .social-media__link:hover {
    background-color: #fedb3d; }
  .social-media__link--twitter {
    background-position: 0 0; }
  .social-media__link--facebook {
    background-position: -40px 0; }
  .social-media__link--gplus {
    background-position: -80px 0; }
  .social-media__link--instagram {
    background-position: -120px 0; }
  .social-media__link--youtube {
    background-position: -160px 0; }

/**
 *
 * sass/partials/_concrete5.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Concrete 5 Overwrites
   ========================================================================== */
.ccm-core-commerce-order-shipping label, .ccm-core-commerce-order-billing label {
  background: none;
  color: #666;
  font-weight: bold; }

.ccm-core-commerce-order-shipping table td, .ccm-core-commerce-order-billing table td {
  padding: 4px;
  font-size: 14px; }

.ccm-order-header {
  overflow: auto; }

.ccm-image-block {
  max-width: 100%; }

table.ccm-results-list tr th {
  background: none; }

table.ccm-results-list th, table.ccm-results-list td {
  border: 1px solid #f4f4f4;
  font-size: 14px; }

.ccm-productListImage img {
  max-width: 200px;
  width: 90%; }

.order-list {
  font-size: 14px; }
  .order-list th, .order-list td {
    border: 1px solid #f4f4f4;
    padding: 4px; }
  .order-list th {
    text-align: left;
    color: #666;
    font-weight: bold; }

ul#ccm-system-nav input#ccm-nav-intelligent-search {
  margin: 8px 12px 0 12px !important; }

/* Edit mode */
.editmode #wrapper .primary-navigation {
  z-index: 0; }
.editmode #wrapper #carousel {
  top: 0;
  z-index: auto; }
  .editmode #wrapper #carousel .holder {
    display: none; }
  .editmode #wrapper #carousel .ccm-block {
    overflow: visible; }
    .editmode #wrapper #carousel .ccm-block .slide {
      display: block !important;
      position: relative; }
      .editmode #wrapper #carousel .ccm-block .slide a {
        text-decoration: none; }
        .editmode #wrapper #carousel .ccm-block .slide a hgroup {
          position: relative;
          top: 0; }
.editmode #wrapper #tabbedContent article[style] {
  display: block !important; }
.editmode #wrapper aside {
  z-index: 0;
  float: none; }
  .editmode #wrapper aside #geoLocatedStore {
    display: block; }

/* Responsive Video Player */
.vimeo-embed-container {
  position: relative;
  padding-bottom: 56%;
  height: 0; }

.vimeo-embed-container iframe,
.vimeo-embed-container object,
.vimeo-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vimeo-embed-container iframe html body .ac {
  background-color: #499317 !important; }

.vimeo-block .vimeo-embed-container {
  border: 10px solid white; }

/* eCommerce module styles */
#wrapper .ccm-core-commerce-cart {
  margin-bottom: 20px; }
#wrapper .ccm-core-commerce-product-list-results .product {
  background-color: #eeeeee;
  border-bottom: 20px solid #FFF; }
  #wrapper .ccm-core-commerce-product-list-results .product .productInfo {
    width: 50%;
    padding: 0 5%; }
    #wrapper .ccm-core-commerce-product-list-results .product .productInfo h2 {
      font-size: 1.625em;
      margin-bottom: 0; }
    #wrapper .ccm-core-commerce-product-list-results .product .productInfo .price {
      font-size: 1em; }
  #wrapper .ccm-core-commerce-product-list-results .product .ccm-core-commerce-add-to-cart-thumbnail-left {
    width: 40%; }
  #wrapper .ccm-core-commerce-product-list-results .product .ccm-core-commerce-add-to-cart-image img {
    /* width: 90%;*/
    background-color: #FFF;
    margin: 20px; }
  #wrapper .ccm-core-commerce-product-list-results .product input[type="submit"] {
    font-size: 21px;
    font-weight: bold; }
#wrapper .ccm-core-commerce-product-list-results #quantity {
  text-align: center;
  width: 40px; }
#wrapper #ccm-core-commerce-checkout-cart {
  margin-top: 30px; }
  #wrapper #ccm-core-commerce-checkout-cart h1 {
    font-size: 1.5625em; }
  #wrapper #ccm-core-commerce-checkout-cart .ccm-core-commerce-max-quantity.ccm-input-text {
    width: 40px;
    text-align: center; }
#wrapper .ccm-core-commerce-cart-buttons input[type="submit"], #wrapper .ccm-core-commerce-cart-buttons input[type="button"] {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 10px; }
#wrapper .ccm-error {
  padding: 0;
  list-style-type: none; }
#wrapper #ccm-core-commerce-shipping-address-form {
  margin-top: 20px; }
#wrapper .pagination span, #wrapper .pagination strong, #wrapper .pagination a {
  font-size: 13px;
  color: #404040;
  font-weight: normal; }
#wrapper .pagination span {
  padding: 0 5px 0 0; }

/* Built in Concrete5 Forms */
.formBlockSurveyTable tr td.question {
  width: 30%; }
  .formBlockSurveyTable tr td.question label[for=Question6], .formBlockSurveyTable tr td.question label[for=Question19], .formBlockSurveyTable tr td.question label[for=Question27] {
    color: #FFFFFF; }
    .formBlockSurveyTable tr td.question label[for=Question6] span, .formBlockSurveyTable tr td.question label[for=Question19] span, .formBlockSurveyTable tr td.question label[for=Question27] span {
      color: #FFFFFF; }
.formBlockSurveyTable tr td input[type="text"], .formBlockSurveyTable tr td textarea, .formBlockSurveyTable tr td select, .formBlockSurveyTable tr td input[type="tel"], .formBlockSurveyTable tr td input[type="email"] {
  width: 100%;
  max-width: 300px; }
.formBlockSurveyTable tr td .checkboxList {
  clear: both;
  padding: 10px 0; }
  .formBlockSurveyTable tr td .checkboxList .checkboxPair {
    font-size: 14px; }

.error {
  list-style-type: none;
  color: #FF0000;
  padding: 0; }

/* Tables */
.smart {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  width: 100%;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse; }

.smart a {
  color: #ff9300; }

.smart th {
  font-size: 14px;
  font-weight: normal;
  padding: 10px 8px;
  color: #404041; }

.smart td {
  padding: 8px;
  color: #404041; }

.smart .odd {
  background: #F1F1F2; }

/**
 *
 * sass/partials/_quote.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* Get a quote - Sub forms */
/* Get a quote - Contact detail - Offer wrapper */
.gaq-offer-wrap {
  position: absolute;
  top: 55px;
  right: 20px;
  width: 40%; }
  @media screen and (max-width: 780px) {
    .gaq-offer-wrap {
      width: 35%; } }
  @media screen and (max-width: 550px) {
    .gaq-offer-wrap {
      position: relative;
      top: 0;
      right: 0;
      width: 95%;
      padding: 0 20px 20px; } }
  @media screen and (max-width: 430px) {
    .gaq-offer-wrap {
      padding: 0 10px 0; } }

.mobile-offer-wrap {
  display: none;
  background-color: #fedb3d;
  width: 100%;
  color: #2a2a84;
  padding: 10px;
  margin: 20px 0; }
  .mobile-offer-wrap__offerValue {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.5em;
    line-height: 1em;
    width: auto;
    padding: 0 20px;
    clear: left;
    float: left; }
    @media screen and (max-width: 390px) {
      .mobile-offer-wrap__offerValue {
        padding: 0 5px; } }
  .mobile-offer-wrap__offerText {
    float: left;
    width: 60%;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1em;
    padding-left: 15px; }
    .mobile-offer-wrap__offerText p {
      margin: 0; }
    @media screen and (max-width: 360px) {
      .mobile-offer-wrap__offerText {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 0.875em;
        padding-left: 10px; } }
  @media screen and (max-width: 550px) {
    .mobile-offer-wrap {
      display: block; } }

.mobile-privacy-wrap {
  width: 85%;
  display: none;
  border: 1px solid #e1e1e1;
  padding: 5px 15px;
  margin: 20px auto 0 auto; }
  .mobile-privacy-wrap p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875em;
    text-align: center;
    margin: 0.7em 0; }
    @media screen and (max-width: 450px) {
      .mobile-privacy-wrap p {
        font-size: 12px; } }
  .mobile-privacy-wrap p.mobile-offer {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px; }
  @media screen and (max-width: 550px) {
    .mobile-privacy-wrap {
      display: block; } }

/* Get a quote - Contact details - Offer */
.contact-details-offer {
  font-family: 'Lato', sans-serif;
  float: left;
  width: auto;
  color: #fff;
  background-color: #fedb3d;
  padding: 10px;
  margin-bottom: 20px; }
  @media screen and (max-width: 800px) {
    .contact-details-offer {
      width: 90%; } }
  @media screen and (max-width: 760px) {
    .contact-details-offer {
      width: 90%; } }
  @media screen and (max-width: 550px) {
    .contact-details-offer {
      max-width: 384px;
      position: relative;
      top: 0;
      left: 0;
      margin: 20px auto; } }
  .contact-details-offer__heading {
    color: #2a2a84;
    margin: 0 0 5px 0;
    text-align: center; }
  .contact-details-offer__text {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #2a2a84;
    font-size: 1em;
    float: left;
    margin: 0; }
  .contact-details-offer__standout {
    text-align: center;
    color: #2a2a84;
    font-size: 2em;
    font-weight: bold;
    margin: 0; }
  .contact-details-offer__tc {
    text-align: center;
    margin: 0;
    font-size: 0.7em;
    color: #2a2a84;
    clear: both; }
    .contact-details-offer__tc a {
      margin: 3px 0;
      font-size: 0.8em;
      color: #2a2a84; }

/* Get a quote - Contact details - Guarantee */
.contact-details-guarantee {
  float: left;
  width: auto;
  background-color: whitesmoke;
  padding: 20px;
  margin: 0; }
  @media screen and (max-width: 1000px) {
    .contact-details-guarantee {
      top: 180px; } }
  @media screen and (max-width: 840px) {
    .contact-details-guarantee {
      padding: 10px; } }
  @media screen and (max-width: 800px) {
    .contact-details-guarantee {
      width: 90%; } }
  @media screen and (max-width: 760px) {
    .contact-details-guarantee {
      width: 85%; } }
  @media screen and (max-width: 550px) {
    .contact-details-guarantee {
      display: none;
      width: auto;
      max-width: 384px;
      position: relative;
      top: 0;
      left: 0;
      margin: 20px 0;
      background-color: rgba(245, 245, 245, 0.85); } }
  .contact-details-guarantee__text-block {
    font-size: 0.8em; }
    .contact-details-guarantee__text-block--last {
      margin-bottom: 0; }

/**
 *
 * sass/partials/_reservation.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
.reservation__container {
  width: 98%;
  margin: 0 auto;
  clear: both;
  position: relative; }
.reservation__call-box {
  margin-top: 50px;
  background: #fedb3d;
  padding: 0.2em;
  border-radius: 7px; }
  @media all and (max-width: 880px) {
    .reservation__call-box {
      padding: 0.5em 0.2em 0.5em 0.8em;
      margin-top: 65px; } }
  @media all and (max-width: 750px) {
    .reservation__call-box {
      margin-top: 50px;
      padding: 0.2em; } }
  @media all and (max-width: 380px) {
    .reservation__call-box {
      padding: 0.5em 0.4em 0.5em 0.4em;
      margin-top: 0; } }
.reservation__call-box-image {
  position: absolute;
  width: 130px;
  right: 10px; }
  .reservation__call-box-image--alternate {
    left: 10px; }
  @media all and (max-width: 550px) {
    .reservation__call-box-image {
      display: none; } }
.reservation__call-box-column {
  width: 78%; }
  @media all and (max-width: 550px) {
    .reservation__call-box-column {
      width: 100%; } }
  .reservation__call-box-column--alternate {
    margin-left: 20%; }
    @media all and (max-width: 550px) {
      .reservation__call-box-column--alternate {
        margin: 0; } }

.call-box__text {
  display: block;
  color: #2a2a84;
  font-size: 1.3em;
  text-align: center; }
  @media all and (max-width: 940px) {
    .call-box__text {
      font-size: 1.1em; } }
  @media all and (max-width: 880px) {
    .call-box__text {
      font-size: 1.1em;
      text-align: left; } }
  @media all and (max-width: 750px) {
    .call-box__text {
      font-size: 1.3em;
      text-align: center; } }
  @media all and (max-width: 380px) {
    .call-box__text {
      font-size: 1.1em; } }
  .call-box__text--alternative {
    text-align: center; }
    @media all and (max-width: 880px) {
      .call-box__text--alternative {
        text-align: right; } }
    @media all and (max-width: 750px) {
      .call-box__text--alternative {
        text-align: center; } }
.call-box__heading {
  font-weight: bold;
  font-size: 1.5em; }
  @media all and (max-width: 880px) {
    .call-box__heading {
      font-size: 1.1em; } }
  @media all and (max-width: 750px) {
    .call-box__heading {
      font-size: 1.5em; } }
  @media all and (max-width: 380px) {
    .call-box__heading {
      font-size: 1.1em; } }
.call-box__number a {
  font-weight: bold;
  font-size: 2em;
  text-decoration: none; }
  @media all and (max-width: 880px) {
    .call-box__number a {
      font-size: 1.3em; } }
  @media all and (max-width: 750px) {
    .call-box__number a {
      font-size: 2em; } }
  @media all and (max-width: 380px) {
    .call-box__number a {
      font-size: 1.3em; } }
.call-box__number--desktop {
  display: inline-block; }
  @media all and (max-width: 550px) {
    .call-box__number--desktop {
      display: none; } }
.call-box__number--mobile {
  display: none; }
  @media all and (max-width: 550px) {
    .call-box__number--mobile {
      display: inline-block; } }
.call-box__image {
  max-width: 100%; }

/**
 *
 * sass/partials/_myAccount.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   My Account
   ========================================================================== */
.verify__submit--disabled {
  opacity: 0.5; }
  .verify__submit--disabled:hover {
    cursor: no-drop; }
  .lt-ie9 .verify__submit--disabled {
    display: none; }
.verify__submit--enabled {
  opacity: 1; }
  .verify__submit--enabled:hover {
    cursor: pointer; }
  .lt-ie9 .verify__submit--enabled {
    display: block; }
.verify__message {
  margin-top: 1em;
  padding: 0 0.5em;
  display: none; }
  .verify__message--success {
    color: #499317; }
  .verify__message--error {
    color: #dd3333; }

/**
 * sass/partials/_step.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.step {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: none;
  margin: 0 0 20px 0;
  padding: 0;
  background: #f1f1f2; }
  .step--last {
    margin-bottom: 0; }
  .step__description {
    display: table-cell;
    width: 33%;
    border-right: 4px solid white;
    padding: 20px 0;
    vertical-align: top; }
    .step__description__heading {
      margin-left: 30px; }
  .step__content {
    display: table-cell;
    width: 100%;
    padding: 10px 30px;
    vertical-align: top; }
    .step__content--table {
      display: table;
      width: 100%; }
    .step__content--half {
      width: 50%; }
    .step__content--empty-space {
      height: 79px;
      padding: 0px; }
    .step__content--hidden {
      display: none; }
    .step__content--clear-both {
      clear: both; }
    .step__content--extended {
      height: 150px; }
    .step__content__button {
      color: #2a2a84; }
      .step__content__button--search {
        font-family: "ff-dax-web-pro",DaxBold,Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        display: inline-block;
        margin: 2px 15px;
        padding: 5px 50px 5px 20px;
        font-size: 25px;
        font-weight: normal;
        font-style: normal;
        background: #fedb3d url(https://www.alligatorstorage.co.uk/themes/rss/images/goAlArrow.png) no-repeat center right; }
      .step__content__button--pick-up {
        width: 180px;
        margin-bottom: 10px;
        margin-right: 15px; }
      .step__content__button--delivered {
        width: 180px;
        margin-bottom: 10px;
        margin-left: 0; }
      .step__content__button--first {
        margin-left: 0 !important; }
    .step__content__anchor {
      display: block;
      cursor: pointer;
      margin: 10px 5px; }
    .step__content__select {
      margin: 20px 0px;
      padding: 0px; }
    .step__content__input {
      min-width: 200px;
      width: 50%; }
      .step__content__input--delivery {
        margin-right: 15px !important;
        width: 50% !important; }
      .step__content__input--size {
        width: auto; }

form fieldset .step {
  margin-top: -20px;
  margin-bottom: -20px; }

@media only screen and (max-width: 750px) {
  .step {
    display: block;
    position: relative;
    padding-left: 80px; }
    .step__description {
      display: block;
      width: auto;
      border-right: 0;
      padding: 0;
      margin-left: -80px; }
      .step__description__heading {
        margin-left: 15px;
        font-weight: bold; }
    .step__content {
      display: table-cell;
      padding: 0;
      width: auto; }
      .step__content--table {
        display: block; }
      .step__content--half {
        display: block; }
      .step__content--empty-space {
        height: 0px;
        padding: 0px; }
      .step__content__input {
        width: 50%; }
        .step__content__input--delivery {
          margin: 2px 10px;
          background-color: #ff9300;
          padding: 4px 10px;
          font-size: 15px; }
      .step__content__button {
        width: 50%;
        margin: 10px; }
        .step__content__button--first {
          margin-left: 10px !important; } }
/**
 * sass/partials/_step-check-mark.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.step-check-mark {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 30px;
  border-radius: 50%;
  opacity: 0.3;
  background-color: #2a2a84; }
  .step-check-mark--checked {
    opacity: 1;
    background: #2a2a84 url("https://www.alligatorstorage.co.uk/themes/rss/images/tick_yellow.png") no-repeat center center; }

@media only screen and (max-width: 750px) {
  .step-check-mark {
    position: absolute; } }
/**
 * sass/partials/_location-info.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.location-info {
  width: 250px;
  display: table-cell; }
  .location-info__heading {
    line-height: 5px;
    font-size: 20px; }
  .location-info__address {
    line-height: 25px;
    font-size: 15px; }

/**
 * sass/partials/_green-notification.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.green-notification {
  background-color: #2a2a84;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: 15px;
  width: 22%;
  margin: 0px 12px; }
  .green-notification__paragraph {
    font-size: 15px;
    padding: 12px 3px;
    text-align: center;
    margin: 0;
    color: #fedb3d; }
  .green-notification--hidden {
    display: none; }

@media only screen and (max-width: 750px) {
  .green-notification {
    background-color: #fedb3d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    bottom: 2px;
    width: 50%;
    margin: 10px 80px; }
    .green-notification__paragraph {
      font-size: 12px;
      padding: 12px 3px;
      text-align: center;
      margin: 0;
      color: white; }
    .green-notification--hidden {
      display: none; }
    .green-notification__how-long {
      margin: 10px 80px; }
    .green-notification__how-much {
      margin: 60px 80px; } }
/**
 * sass/partials/_google-location-image.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.google-location-image {
  width: 400px;
  height: 200px;
  display: table-cell; }

@media only screen and (max-width: 750px) {
  .google-location-image {
    width: 200px;
    height: 100px;
    display: table-cell; } }
/**
 * sass/partials/_get-voucher.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.get-voucher {
  width: 100%;
  border-bottom: 1px solid black; }
  .get-voucher__strong {
    color: #2a2a84;
    font-size: 40px;
    padding: 0px;
    margin: 5px; }
  .get-voucher__paragraph {
    font-size: 20px;
    padding: 0px;
    margin: 5px; }

@media screen and (max-width: 750px) {
  .get-voucher {
    width: 70%;
    border-bottom: 1px solid black; }
    .get-voucher__strong {
      color: #2a2a84;
      font-size: 15px;
      margin: 5px; }
    .get-voucher__paragraph {
      font-size: 12px;
      margin: 5px; } }
/**
 * sass/partials/_contact-details-guarantee.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.contact-details-guarantee {
  position: absolute;
  bottom: 8px;
  width: 25%; }
  .contact-details-guarantee--reservation {
    bottom: 22px;
    width: 28%; }
  .contact-details-guarantee__text-block {
    font-size: 0.8em;
    opacity: 0.7; }

@media screen and (max-width: 750px) {
  .contact-details-guarantee {
    display: none; } }
/**
 * sass/partials/_edit-zone.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.edit-zone__list {
  list-style-type: none; }
.edit-zone__button {
  background: #fcd62d;
  color: #2a2a84;
  margin: 20px;
  float: right; }
.edit-zone--hidden {
  display: none; }

@media screen and (max-width: 750px) {
  .edit-zone__list {
    list-style-type: none; }
  .edit-zone__button {
    background: #fcd62d;
    color: #2a2a84;
    margin: 20px;
    float: left; }
  .edit-zone--hidden {
    display: none; } }
/**
 * sass/partials/_fieldset.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.fieldset {
  /* Reason why here are modifiers but nothing
  to modify is because of idea to refactor this class
  and move it away from main.scss in future. */ }
  .fieldset--hidden {
    display: none; }

/**
 * sass/partials/_quote-size.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.quote-size {
  border: 3px solid #979797;
  border-radius: 5px;
  background: white;
  width: 100%;
  padding: 70px 0;
  font-size: 12px;
  color: #979797;
  text-align: center; }
  .quote-size--small {
    padding: 13px 0;
    border: 2px solid #727876;
    border-radius: 3px; }
  .quote-size--margin-top {
    margin-top: 15px; }
  .quote-size__important {
    font-size: 30px;
    color: #2a2a84;
    font-weight: bold;
    margin: 0; }
    .quote-size__important--small {
      font-size: 22px;
      color: #2a2a84; }
    .quote-size__important--no-offer {
      margin-top: 8px;
      margin-bottom: 8px; }
    .quote-size__important--with-offer {
      margin-top: 16px;
      margin-bottom: 16px; }
  .quote-size__button {
    margin: 0 auto; }

@media screen and (max-width: 750px) {
  .quote-size__button {
    margin: 0 auto;
    width: 90%;
    font-size: 16px !important;
    /* because of old code overlapping */ } }
/**
 * sass/partials/_reservation-offer.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.reservation-offer {
  width: 500px; }
  .reservation-offer__info {
    cursor: pointer;
    display: inline;
    color: #ff9300; }
  .reservation-offer__label {
    display: inline; }
  .reservation-offer__table-data-cell {
    vertical-align: top; }
  .reservation-offer--total-ammount {
    color: #2a2a84; }
  .reservation-offer--hidden {
    display: none; }

/**
 * sass/partials/_row.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.row {
  display: table;
  vertical-align: top;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px; }
  .row__column {
    display: table-cell;
    padding: 0 15px; }
  .row--same-width {
    table-layout: fixed; }

@media screen and (max-width: 750px) {
  .row {
    display: table;
    vertical-align: top;
    width: 70%;
    margin-left: -15px;
    margin-right: -15px; }
    .row__column {
      display: block;
      padding: 0 15px; } }
/**
 * sass/partials/_card-icon.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.card-icon {
  height: 30px;
  margin: 3px; }

/**
 * sass/partials/_offer-button.scss
 *
 * @copyright 2016, Loft Digital, www.weareloft.com
 */
.offer-button {
  padding: 20px;
  margin-right: 10px;
  background: #fedb3d;
  border-radius: 5px;
  float: left;
  color: #2a2a84;
  cursor: pointer;
  width: 20%;
  margin-top: 0;
  margin-bottom: 10px; }
  .offer-button--last {
    margin-right: 0; }

.offer-button:after {
  content: ''; }

@media only screen and (max-width: 750px) {
  .offer-button {
    padding: 20px;
    margin-right: 10px;
    background: #fedb3d;
    border-radius: 5px;
    float: left;
    color: #2a2a84;
    cursor: pointer;
    width: 80%;
    margin-top: 10px; } }
/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@media print {
  body > #wrapper > header {
    display: none; }

  body > footer {
    display: none; }

  #links {
    display: none; }

  header.invoice {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #000; }
    header.invoice img {
      display: block;
      width: 200px;
      margin: 0 auto; }

  .button {
    display: none; } }