/* 
 * Theme Name: Keys Auctions
 * Theme URI: TBC
 * Version: 1.0
 * Description: Default Theme for Keys Auctions
 * Author: Adam Chamberlin
 * Author URI: http://www.mackmangroup.co.uk
 */
/*
 * Imports
 */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,800");
/*
 * CSS Reset
 */
/*
 * CSS Reset
 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

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

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

[hidden], .hide {
  display: none; }

img, object, embed {
  max-width: 100%; }

img {
  height: auto; }

/*
 * Base Styles
 */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: gray;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #40484C; }

/*
 * Typographic styles
 */
a {
  text-decoration: none;
  color: #a81c25;
  padding: 2px 0;
  -webkit-transition: color 0.3s ease-out; }

a:hover {
  color: #391717; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: inherit;
  text-rendering: optimizelegibility;
  font-weight: 200; }

h1 small, h2 small {
  font-weight: normal;
  color: #bfbfbf; }

h1, .h1 {
  margin-bottom: 0.75em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2; }

h2, .h2 {
  margin-bottom: 0.75em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2; }

h3, .h3 {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3; }

h4, .h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25; }

h5, .h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em; }

h6, .h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase; }

p, ol, ul, dl, address {
  margin-bottom: 1.5em;
  line-height: 1.5em; }

ul, ol {
  margin: 0 0 1.5em -24px;
  padding: 0 0 0 24px; }

li ul, li ol {
  margin: 0;
  padding: 0 0 0 1em; }

blockquote {
  margin: 0 0 1.5em 0;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: serif;
  font-style: italic;
  font-size: 16px;
  font-size: 1.6rem; }

q {
  quotes: none; }

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

cite {
  font-style: normal; }

dl, dd {
  margin-bottom: 1.5em; }

dt {
  font-weight: bold; }

.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right; }

.dl-horizontal dd {
  margin-left: 22.78%; }

abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

ins {
  background-color: #f3f5f6;
  color: #616161;
  text-decoration: none; }

mark {
  background-color: #f3f5f6;
  color: #616161;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

sub, sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #bfbfbf; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tbody tr:nth-child(even) td, tbody tr.even td {
  background: #e6e6e6; }

tfoot {
  font-style: italic; }

caption {
  background: #bfbfbf; }

/*
 * Layout styles
 */
/*
 * The grid styles
 */
.wrapper {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  *zoom: 1; }
  .wrapper:before, .wrapper:after {
    display: table;
    content: ""; }
  .wrapper:after {
    clear: both; }

[class*="grid"] {
  margin: 0 0.4385964912% 0 0;
  float: left; }

.sark {
  margin-right: 0; }

.grid-one {
  width: 7.9312865497%; }

.grid-two {
  width: 16.3011695906%; }

.grid-three {
  width: 24.6710526316%; }

.grid-four {
  width: 33.0409356725%; }

.grid-five {
  width: 41.4108187135%; }

.grid-six {
  width: 49.7807017544%; }

.grid-seven {
  width: 58.1505847953%; }

.grid-eight {
  width: 66.5204678363%; }

.grid-nine {
  width: 74.8903508772%; }

.grid-ten {
  width: 83.2602339181%; }

.grid-eleven {
  width: 91.6301169591%; }

.grid-twelve {
  width: 100%; }

.push-one {
  margin-left: 8.3698830409%; }

.push-two {
  margin-left: 16.7397660819%; }

.push-three {
  margin-left: 25.1096491228%; }

.push-four {
  margin-left: 33.4795321637%; }

.push-five {
  margin-left: 41.8494152047%; }

.push-six {
  margin-left: 50.2192982456%; }

.push-seven {
  margin-left: 58.5891812865%; }

.push-eight {
  margin-left: 66.9590643275%; }

.push-nine {
  margin-left: 75.3289473684%; }

.push-ten {
  margin-left: 83.6988304094%; }

.push-eleven {
  margin-left: 92.0687134503%; }

@media handheld, only screen and (max-width: 768px) {
  [class*="grid"] {
    width: auto;
    display: block;
    float: none;
    margin: 0; } }
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none; }

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0; }

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden; }

.nivo-box img {
  display: block; }

/* Caption styles */
.nivo-caption {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  color: #40484C;
  z-index: 8;
  overflow: hidden;
  display: none; }

.nivo-caption p {
  margin: 0; }

.nivo-caption a {
  display: inline; }

.nivo-html-caption {
  display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  display: none;
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer; }

.nivo-prevNav {
  left: 0px; }

.nivo-nextNav {
  right: 0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  display: none !important;
  visibility: hidden; }

.nivo-controlNav a {
  cursor: pointer; }

.nivo-controlNav a.active {
  font-weight: bold; }

.touchcarousel {
  position: relative;
  width: 1140;
  /* style is removed after carousel is inited, use !important if you want to keep it*/
  overflow: hidden; }

.touchcarousel .touchcarousel-container {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0; }

.touchcarousel .touchcarousel-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.touchcarousel .touchcarousel-item {
  /* use margin-right for spacing between items */
  position: relative;
  margin: 0 1em 0 0;
  padding: 0;
  float: left; }
  .touchcarousel .touchcarousel-item .lot-caption {
    position: absolute;
    left: 1em;
    bottom: 1em;
    background: #FFFFFF;
    color: #40484C;
    padding: 1em;
    z-index: 8;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9; }
    .touchcarousel .touchcarousel-item .lot-caption h3 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      color: #A91C25;
      margin: 0; }
    .touchcarousel .touchcarousel-item .lot-caption p {
      font-size: 12px;
      font-size: 1.2rem;
      margin: 0; }

.touchcarousel .touchcarousel-item.last {
  margin: 0 !important; }

/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
  height: 100%;
  width: 45px;
  position: absolute;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 25; }

.touchcarousel .arrow-holder.left {
  left: 0; }

.touchcarousel .arrow-holder.right {
  right: 0; }

/* arrow icons */
.touchcarousel .arrow-icon {
  width: 45px;
  height: 90px;
  top: 50%;
  margin-top: -45px;
  position: absolute;
  cursor: pointer; }

.touchcarousel .arrow-holder.disabled {
  cursor: default; }

.touchcarousel .arrow-holder.disabled .arrow-icon {
  cursor: default; }

.touchcarousel .tc-paging-container {
  width: 100%;
  overflow: hidden;
  position: absolute;
  margin-top: -20px;
  z-index: 25; }

.touchcarousel .tc-paging-centerer {
  float: left;
  position: relative;
  left: 50%; }

.touchcarousel .tc-paging-centerer-inside {
  float: left;
  position: relative;
  left: -50%; }

/* Paging items */
.touchcarousel .tc-paging-item {
  float: left;
  cursor: pointer;
  position: relative;
  display: block;
  text-indent: -9999px; }

.touchcarousel .scrollbar-holder {
  position: absolute;
  z-index: 30;
  left: 6px;
  right: 6px;
  bottom: 5px;
  height: 4px;
  overflow: hidden; }

.touchcarousel .scrollbar {
  position: absolute;
  left: 0;
  height: 4px;
  bottom: 0px; }

.touchcarousel .scrollbar.dark {
  background-color: #828282;
  background-color: rgba(0, 0, 0, 0.2); }

/******************************************************\
*
*  6. Cursors
*
\******************************************************/
/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor {
  cursor: url(images/grab.png) 8 8, move; }

.touchcarousel .grabbing-cursor {
  cursor: url(images/grabbing.png) 8 8, move; }

/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor {
  cursor: auto; }

/* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("images/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("images/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
/* Reset - A few useful declerations to stop other peoples CSS interfering with our own */
.sxy-zoom-container .sxy-zoom-viewport img {
  max-width: none !important;
  border-radius: 0 !important; }

/* Global */
.sxy-zoom-container {
  /* -moz-box-shadow: 0 1px 6px #aaa; -webkit-box-shadow: 0 1px 6px #aaa; box-shadow:  0 1px 6px #aaa; */ }

.sxy-zoom-container .sxy-zoom-viewport {
  z-index: 1000; }

.sxy-zoom-container img {
  border: 0; }

.sxy-zoom-container div {
  margin: 0;
  padding: 0;
  border: 0; }

.sxy-zoom-container .sxy-zoom-dragpad, .sxy-zoom-container .sxy-overlay, .sxy-zoom-container .inner-thumb, .sxy-zoom-container .sxy-zoom-bg {
  width: 100%;
  height: 100%; }

.sxy-zoom-bg {
  left: 0;
  top: 0;
  position: absolute; }

.sxy-zoom-container .sxy-controls {
  height: 100%; }

.sxy-zoom-container .overlay {
  height: 100%; }

.sxy-zoom-container .sxy-slider {
  height: 100%; }

.sxy-zoom-container .sxy-zoom-dragpad {
  position: absolute !important;
  left: 0;
  top: 0; }

/* Controls */
.sxy-zoom-container .sxy-controls {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 26px;
  left: -26px;
  top: 0px;
  position: absolute;
  overflow: hidden;
  filter: inherit; }

.sxy-zoom-container .sxy-controls .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 26px;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  background: #fff;
  filter: inherit; }

.sxy-zoom-container .in {
  filter: inherit;
  left: 2px;
  width: 22px;
  height: 23px;
  background: url(../styleImages/controls.png) 0px -15px;
  position: relative;
  display: block;
  top: 3px; }

.sxy-zoom-container .out {
  filter: inherit;
  width: 22px;
  height: 23px;
  background: url(../styleImages/controls.png) 0px -38px;
  position: relative;
  left: 2px;
  display: block; }

.sxy-zoom-container .sxy-slider {
  filter: inherit;
  background: url(../styleImages/controls.png) -25px 0px repeat-y;
  position: relative; }

.sxy-zoom-container .sxy-handle {
  filter: inherit;
  left: 2px;
  width: 20px;
  height: 16px;
  background: url(../styleImages/controls.png) 0px 0px no-repeat;
  top: 20px;
  position: absolute;
  font-size: 0; }

/* Mode :: Common */
.sxy-zoom-container {
  position: relative; }

.sxy-zoom-container .sxy-zoom-viewfinder {
  position: absolute;
  border: 1px solid #d9cfba;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.sxy-zoom-container .inner-thumb {
  position: absolute;
  top: 0;
  left: 0; }

.sxy-zoom-container .sxy-zoom-dragpad {
  position: relative; }

.sxy-zoom-container .sxy-zoom-dragpad .sxy-overlay {
  position: absolute;
  top: 0px;
  left: 0px; }

.sxy-zoom-container .sxy-zoom-viewport {
  position: absolute;
  overflow: hidden;
  top: 0; }

.sxy-zoom-container .sxy-zoom-viewport img {
  position: absolute; }

.sxy-zoom-container.sxy-zoom-loading .sxy-loading {
  background: #fff;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 5px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  opacity: 0.35;
  filter: alpha(opacity=35); }

.sxy-zoom-container.sxy-zoom-loading .sxy-loading span {
  background: url(loading.gif) no-repeat;
  width: 25px;
  height: 25px;
  display: block; }

/* Mode :: Dock */
.sxy-zoom-mode-dock .sxy-zoom-viewport {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #000;
  position: absolute;
  overflow: hidden;
  top: 0;
  box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); }

.sxy-zoom-mode-dock .sxy-zoom-dragpad .sxy-overlay {
  background: #000000;
  opacity: 0.0;
  filter: alpha(opacity=0); }

/* Mode :: Window */
.sxy-zoom-mode-window .sxy-zoom-viewfinder {
  z-index: 1001; }

/* Mode :: Lens */
.sxy-zoom-mode-lens .sxy-zoom-viewport {
  border: 1px solid #000;
  position: absolute;
  overflow: hidden;
  top: 0;
  box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
  -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); }

/* Mode :: Slippy */
.sxy-zoom-mode-slippy .sxy-zoom-dragpad {
  cursor: pointer; }

.sxy-zoom-mode-slippy .sxy-zoom-dragpad.down {
  cursor: move; }

/*
 * Form Styles
 */
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=date],
textarea,
#keywords_tag {
  border: 1px solid #d5d5d5;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=date]:focus,
  textarea:focus,
  #keywords_tag:focus {
    outline: none; }

label {
  text-transform: uppercase;
  display: block; }

.form__element {
  margin: 0 0 1em 0; }
  .form__element .info {
    font-size: 12px;
    font-size: 1.2rem;
    font-style: italic; }

.wpcf7-validation-errors, .wpcf7-response-output {
  clear: both; }

/*
 * Header Styles
 */
.masthead {
  font-size: 14px;
  font-size: 1.4rem; }
  .masthead .header {
    position: relative; }
  .masthead img {
    margin: 2em 0 1em 0; }
  .masthead .site-title {
    display: none !important;
    visibility: hidden; }
  .masthead .search {
    margin-top: 3em;
    position: relative; }
    .masthead .search input {
      width: 100%;
      border: none;
      color: #40484C;
      background: #efefef;
      padding: 1em;
      margin-bottom: 1em;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 1.2rem; }
      .masthead .search input:focus {
        outline: none; }
    .masthead .search .screen-reader-text {
      display: none !important;
      visibility: hidden; }
    .masthead .search #searchsubmit {
      display: block;
      width: 28px;
      height: 28px;
      background: url(images/icn_search.png) no-repeat;
      position: absolute;
      top: 0.6em;
      right: 0.5em;
      text-indent: -99999px; }
    .masthead .search .search__criteria {
      display: none;
      color: #40484C;
      background: #efefef;
      padding: 1em;
      position: relative;
      z-index: 100;
      top: -0.8em; }
      .masthead .search .search__criteria input {
        display: inline;
        width: auto;
        margin: 0 1em 0 0; }
      .masthead .search .search__criteria label {
        display: inline; }
      .masthead .search .search__criteria .close {
        float: right;
        font-size: 12px;
        font-size: 1.2rem; }

.top-menu {
  background: #efefef;
  text-align: right;
  font-size: 0.8em; }
  .top-menu ul {
    float: right;
    margin: 0; }
    .top-menu ul li {
      display: list-item;
      float: left;
      list-style: none;
      padding: 10px; }
      .top-menu ul li a {
        color: #40484C; }

#main-navigation {
  background: #40484C;
  margin-bottom: 0.4em;
  font-weight: 200;
  font-size: 14px;
  font-size: 1.4rem; }
  #main-navigation ul {
    margin: 0;
    list-style: none; }
    #main-navigation ul li {
      display: list-item;
      float: left;
      position: relative;
      border-left: 2px solid #40484C; }
      #main-navigation ul li a {
        display: block;
        padding: 1.2em; }
      #main-navigation ul li:hover {
        background: #666D70;
        border-left: 2px solid #A91C25; }
      #main-navigation ul li.current-menu-item, #main-navigation ul li.current_page_ancestor {
        background: #666D70; }
      #main-navigation ul li ul {
        display: none;
        position: absolute;
        top: 3.8em;
        left: -1.2em;
        float: left;
        z-index: 9999; }
        #main-navigation ul li ul li {
          border-left: none; }
          #main-navigation ul li ul li:hover {
            border-left: none; }
        #main-navigation ul li ul a {
          background: #A91C25;
          width: 20em;
          padding: 0.5em 1em; }
          #main-navigation ul li ul a:hover {
            background: #40484C; }
      #main-navigation ul li:hover > ul {
        display: block; }
  #main-navigation .user-link {
    float: right;
    background: #A91C25;
    padding: 1.2em; }
    #main-navigation .user-link a {
      color: #FFFFFF; }
      #main-navigation .user-link a.basket {
        margin-right: 1.2em; }

#main-navigation ul li a {
  color: #FFFFFF; }

.home-slider img.no-image {
  width: 1140px;
  height: 455px;
  background: #CACBCC; }

/*
 * Department browser
 */
.department-selector {
  padding-top: 0.4em; }
  .department-selector h2 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    background: #A91C25;
    color: #FFFFFF;
    padding: 15px;
    margin-bottom: 0.4em;
    letter-spacing: 0.1em; }
  .department-selector .department {
    width: 19.65%; }
    .department-selector .department img {
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%); }
      .department-selector .department img:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%); }
    .department-selector .department h3 {
      text-align: center;
      background: #40484C;
      color: #FFFFFF;
      margin-top: -0.4em;
      padding: 1em 0.5em;
      font-size: 14px;
      font-size: 1.4rem; }
    .department-selector .department:hover h3 {
      background: #A91C25; }

/*
 * Welcome text
 */
.home-slider .nivo-caption {
  left: 2em;
  top: 10%;
  width: 40%;
  height: 80%;
  padding: 1.4em; }
  .home-slider .nivo-caption h2 {
    color: #40484C;
    font-weight: 600;
    text-transform: uppercase; }
  .home-slider .nivo-caption h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0.5em; }
  .home-slider .nivo-caption p {
    font-size: 12px;
    font-size: 1.2rem; }
  .home-slider .nivo-caption .btn {
    width: 50%;
    position: absolute;
    bottom: 2em;
    right: 2em; }

.welcome-text {
  position: relative;
  font-size: 20px;
  font-size: 2rem; }
  .welcome-text h1 {
    font-size: 50px;
    font-size: 5rem;
    text-align: center;
    margin: 0.5em; }
  .welcome-text h1 span {
    color: #A91C25; }

/*
 * Auction info
 */
.auctions {
  border-top: 5px solid #efefef;
  padding-top: 2em;
  margin-bottom: 4em;
  margin-top: 1em; }
  .auctions h3 {
    color: #A91C25;
    font-size: 22px;
    font-size: 2.2rem; }
  .auctions .live-bid {
    padding-right: 5em; }
  .auctions .upcoming ul {
    margin: 0; }

/*
 * Hero styling
 */
.hero {
  position: relative;
  background: #40484C;
  color: #FFFFFF;
  margin-top: 2em;
  padding: 4em 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem; }
  .hero .link {
    width: 19.7368421053%;
    padding: 0 0.5em; }
  .hero .archived-sales,
  .hero .register-future-sales,
  .hero .register-valuation,
  .hero .sales-calendar,
  .hero .view-catalogue {
    background: url(images/hero-sprites.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0 auto 1em auto; }
  .hero .archived-sales {
    background-position: 0 -100px;
    width: 68px;
    height: 92px; }
    .hero .archived-sales:hover {
      background-position: 0 0; }
  .hero .register-future-sales {
    background-position: -100px -100px;
    width: 100px;
    height: 91px; }
    .hero .register-future-sales:hover {
      background-position: -100px 0; }
  .hero .register-valuation {
    background-position: -223px -100px;
    width: 79px;
    height: 95px; }
    .hero .register-valuation:hover {
      background-position: -223px 0; }
  .hero .sales-calendar {
    background-position: -335px -100px;
    width: 85px;
    height: 95px; }
    .hero .sales-calendar:hover {
      background-position: -335px 0; }
  .hero .view-catalogue {
    background-position: -447px -100px;
    width: 118px;
    height: 91px; }
    .hero .view-catalogue:hover {
      background-position: -447px 0; }

/*
 * Staff Picks on home page
 */
.staff-picks-hp {
  background: #CACBCC; }
  .staff-picks-hp h2 {
    font-size: 30px;
    font-size: 3rem;
    margin: 1em;
    text-align: center; }
  .staff-picks-hp h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0; }
  .staff-picks-hp h4 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400; }
  .staff-picks-hp img.no-image {
    width: 350px;
    height: 150px; }
  .staff-picks-hp p {
    font-size: 12px;
    font-size: 1.2rem; }

/*
 * Department page
 */
.department-slider {
  min-height: 400px;
  float: right; }
  .department-slider .nivo-caption {
    position: absolute;
    left: 1em;
    bottom: 1em;
    padding: 1em;
    width: 90%; }
    .department-slider .nivo-caption .lot-details {
      width: 60%;
      float: left;
      border: none; }
      .department-slider .nivo-caption .lot-details h3 {
        margin: 0; }
      .department-slider .nivo-caption .lot-details h4 {
        margin: 0; }
      .department-slider .nivo-caption .lot-details p {
        font-size: 12px;
        font-size: 1.2rem; }
    .department-slider .nivo-caption .btn {
      width: 30%;
      position: absolute;
      bottom: 1em;
      right: 1em; }
  .department-slider img {
    height: 400px; }

.department-text .department-info h1 {
  font-size: 42px;
  font-size: 4.2rem;
  text-align: left;
  margin: 1em 0; }
.department-text .department-info h1 span {
  color: #A91C25; }
.department-text .department-person img {
  float: right;
  margin-top: 2em; }

.department-hero {
  background: #A91C25;
  color: #FFFFFF; }
  .department-hero .department-info {
    position: relative;
    padding: 2em;
    min-height: 400px; }
    .department-hero .department-info h1 {
      margin: 0; }
    .department-hero .department-info p {
      font-size: 12px;
      font-size: 1.2rem; }
    .department-hero .department-info .search {
      position: absolute;
      bottom: 1em;
      width: 85%; }
      .department-hero .department-info .search input {
        width: 100%;
        border: none;
        padding: 1em;
        margin-bottom: 1em;
        text-transform: uppercase;
        font-size: 16px;
        font-size: 1.6rem; }
        .department-hero .department-info .search input:focus {
          outline: none; }
  .department-hero a {
    color: #FFFFFF; }

/*
 * Upcoming Sales
 */
.up-coming-sales {
  background: #CACBCC; }
  .up-coming-sales h2 {
    margin: 1em;
    text-align: center; }
  .up-coming-sales img.no-image {
    width: 350px;
    height: 150px; }

.entry-title {
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  margin: 1em; }

.news {
  background: #CACBCC;
  *zoom: 1; }
  .news:before, .news:after {
    display: table;
    content: ""; }
  .news:after {
    clear: both; }
  .news h2 {
    margin: 1em;
    text-align: center; }
  .news article {
    font-size: 12px;
    font-size: 1.2rem;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 2em;
    float: left; }
    .news article h3 {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      margin: 0; }

/*
 * Sale Page
 */
.sale-slider h2 {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  background: #A91C25;
  color: #FFFFFF;
  padding: 15px;
  margin-bottom: 0.4em;
  letter-spacing: 0.1em; }
.sale-slider img.no-image {
  width: 380px;
  height: 300px;
  background: #CACBCC; }

.sale-details {
  position: relative;
  background: #A91C25;
  color: #FFFFFF;
  padding: 2em; }
  .sale-details a {
    color: #FFFFFF; }
    .sale-details a:hover {
      color: #CACBCC; }
  .sale-details h1 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    margin: 0; }
  .sale-details .start-date {
    font-size: 16px;
    font-size: 1.6rem; }
  .sale-details .info {
    font-size: 12px;
    font-size: 1.2rem; }
  .sale-details .start-time, .sale-details .description, .sale-details .contact, .sale-details .premium {
    margin-bottom: 0; }
  .sale-details .meta {
    position: relative;
    padding-left: 5em; }
    .sale-details .meta input {
      width: 100%;
      border: none;
      padding: 1em;
      margin-bottom: 1em;
      text-transform: uppercase;
      font-size: 16px;
      font-size: 1.6rem; }
    .sale-details .meta #salesubmit {
      display: block;
      width: 28px;
      height: 28px;
      background: url(images/icn_search.png) no-repeat;
      position: absolute;
      top: 0.8em;
      right: 0.5em;
      text-indent: -99999px; }
    .sale-details .meta p {
      margin: 0;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 200; }
    .sale-details .meta a {
      color: #FFFFFF;
      font-weight: 400; }
      .sale-details .meta a:hover {
        font-weight: bold; }
      .sale-details .meta a.btn {
        color: #A91C25;
        width: 30%;
        float: left;
        margin-right: 3%;
        border: 1px solid #A91C25; }
        .sale-details .meta a.btn:hover {
          color: #FFFFFF;
          font-weight: normal;
          border: 1px solid #FFFFFF; }
  .sale-details a.sale-banner {
    font-size: 10px;
    font-size: 1rem;
    float: right; }
  .sale-details.closed {
    display: none; }
    .sale-details.closed h1 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      margin: 0; }
    .sale-details.closed .start-date {
      font-size: 12px;
      font-size: 1.2rem; }
    .sale-details.closed .grid-four {
      width: 100%; }
    .sale-details.closed .sale-details, .sale-details.closed .sale-search {
      display: none; }

.archive-sale {
  margin: 1em 0; }
  .archive-sale .pixgridder .column {
    margin-bottom: 0; }

.sale-listing {
  margin: 2em 0;
  padding: 1em 0;
  border-top: 5px solid #efefef; }

.sale-lots {
  margin: 1em 0; }
  .sale-lots .external .row .column {
    margin-bottom: 0; }
  .sale-lots h2 span {
    font-size: 16px;
    font-size: 1.6rem; }
  .sale-lots ul {
    list-style: none;
    overflow: hidden; }
  .sale-lots .lot {
    width: 24%;
    float: left;
    margin: 2.5% 1% 2.5% 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #efefef; }
    .sale-lots .lot img {
      max-height: 200px;
      border: 1px solid #efefef; }
    .sale-lots .lot h3 {
      margin: 0 0 0.5em 0; }
    .sale-lots .lot h4 {
      min-height: 68px; }
    .sale-lots .lot p {
      margin: 0 0 0.2em 0; }
    .sale-lots .lot img.no-image {
      width: 250px;
      height: 200px;
      background: #CACBCC; }
    .sale-lots .lot.general {
      width: 45%;
      margin: 0 5% 5% 0; }
      .sale-lots .lot.general .description {
        min-height: 56px; }
  .sale-lots .lot-nav {
    display: block;
    position: relative;
    clear: both;
    text-align: center; }
    .sale-lots .lot-nav .prev {
      float: left;
      width: 25%; }
    .sale-lots .lot-nav .current {
      margin: 5em 0 0 0; }
    .sale-lots .lot-nav .next {
      float: right;
      width: 25%; }
    .sale-lots .lot-nav .selector {
      clear: both;
      padding: 2em 0 0 0; }
    .sale-lots .lot-nav a.selected {
      color: #40484C; }

/*
 * Lot Page
 */
.breadcrumb {
  font-size: 12px;
  font-size: 1.2rem; }

.lot-header {
  background: #A91C25;
  color: #FFFFFF; }
  .lot-header h1 {
    margin: 0.5em 1em;
    float: left; }
    .lot-header h1 span {
      font-size: 24px;
      font-size: 2.4rem; }
  .lot-header .btn {
    float: right;
    background: #FFFFFF;
    width: 15em;
    margin: 1em; }
    .lot-header .btn:hover {
      border: 2px solid #FFFFFF; }

.lot-navigation {
  color: #666D70; }
  .lot-navigation .breadcrumb {
    margin: 1em;
    padding: 1em 0; }
    .lot-navigation .breadcrumb p {
      margin: 0; }

.lot-details {
  border-bottom: 5px solid #efefef;
  margin-bottom: 2em;
  padding-bottom: 2em; }
  .lot-details .main-image {
    text-align: center;
    background: #efefef; }
  .lot-details .additional-images {
    border-bottom: 5px solid #efefef;
    margin-bottom: 2em;
    padding-bottom: 1em;
    margin-top: 0.5em; }
    .lot-details .additional-images figure {
      width: 24.5%;
      display: inline-block;
      margin-right: 0.3em; }
    .lot-details .additional-images img.no-image {
      width: 140px;
      height: 110px; }
  .lot-details .description {
    margin: 0 0 0 2em;
    border-bottom: 5px solid #efefef; }
    .lot-details .description h2 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400; }
    .lot-details .description p {
      margin: 0 0 2em 0; }
  .lot-details .pricing {
    *zoom: 1;
    margin: 0 0 0 2em;
    border-bottom: 5px solid #efefef;
    padding: 2em 0; }
    .lot-details .pricing:before, .lot-details .pricing:after {
      display: table;
      content: ""; }
    .lot-details .pricing:after {
      clear: both; }
    .lot-details .pricing h2 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400; }
    .lot-details .pricing .btn {
      margin-bottom: 1em; }
  .lot-details .share {
    margin: 0 0 0 2em;
    padding: 2em 0; }
    .lot-details .share p {
      margin: 0; }

.next-lots {
  margin: 1em 0; }
  .next-lots h2 span {
    font-size: 16px;
    font-size: 1.6rem; }
  .next-lots ul {
    list-style: none; }
  .next-lots .lot {
    width: 23%;
    float: left;
    margin: 0 2% 5% 0;
    font-size: 12px;
    font-size: 1.2rem; }
    .next-lots .lot h3 {
      margin: 0 0 0.5em 0; }
    .next-lots .lot p {
      margin: 0 0 0.2em 0; }
    .next-lots .lot img.no-image {
      width: 250px;
      height: 200px;
      background: #CACBCC; }
  .next-lots .lot-nav {
    clear: both; }

/*
 * Staff Profiles
 */
.staff-profiles .entry-header {
  border-bottom: 5px solid #efefef; }
  .staff-profiles .entry-header .entry-title {
    font-size: 50px;
    font-size: 5rem;
    text-align: center;
    margin: 1em; }
    .staff-profiles .entry-header .entry-title span {
      color: #A91C25; }
.staff-profiles .entry-content {
  padding: 2em 0; }
  .staff-profiles .entry-content ul {
    list-style: none; }
    .staff-profiles .entry-content ul li {
      width: 20%;
      margin: 0 5% 2em 0;
      float: left; }
      .staff-profiles .entry-content ul li img {
        min-height: 310px; }
      .staff-profiles .entry-content ul li h2 {
        min-height: 56px; }
      .staff-profiles .entry-content ul li p {
        min-height: 65px; }
      .staff-profiles .entry-content ul li a, .staff-profiles .entry-content ul li img {
        width: 100%; }

.staff-profile .entry-header {
  font-size: 20px;
  font-size: 2rem;
  border-bottom: 5px solid #efefef;
  padding: 0; }
  .staff-profile .entry-header .entry-title {
    font-size: 50px;
    font-size: 5rem;
    text-align: center;
    margin: 1em; }
    .staff-profile .entry-header .entry-title span {
      color: #A91C25; }
.staff-profile .entry-content {
  *zoom: 1;
  padding: 2em 0;
  border-bottom: 5px solid #efefef; }
  .staff-profile .entry-content:before, .staff-profile .entry-content:after {
    display: table;
    content: ""; }
  .staff-profile .entry-content:after {
    clear: both; }
  .staff-profile .entry-content .info {
    padding: 0 0 0 2em; }
  .staff-profile .entry-content .upcoming {
    padding: 0 0 0 4em; }
.staff-profile .entry-meta {
  padding: 2em 0; }
  .staff-profile .entry-meta img.no-image {
    height: 200px; }

/*
 * Search Pages
 */
.search-lots {
  margin: 1em 0; }
  .search-lots h2 span {
    font-size: 16px;
    font-size: 1.6rem; }
  .search-lots ul {
    list-style: none;
    overflow: hidden; }
  .search-lots .lot {
    width: 32%;
    float: left;
    margin: 2.5% 1% 2.5% 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #efefef; }
    .search-lots .lot img {
      max-height: 200px;
      border: 1px solid #efefef; }
    .search-lots .lot h3 {
      margin: 0 0 0.5em 0; }
    .search-lots .lot h4 {
      min-height: 68px; }
    .search-lots .lot p {
      margin: 0 0 0.2em 0; }
    .search-lots .lot img.no-image {
      width: 250px;
      height: 200px;
      background: #CACBCC; }
    .search-lots .lot.general {
      width: 45%;
      margin: 0 5% 5% 0; }
      .search-lots .lot.general .description {
        min-height: 56px; }
  .search-lots .lot-nav {
    display: block;
    position: relative;
    clear: both;
    text-align: center; }
    .search-lots .lot-nav .prev {
      float: left;
      width: 25%; }
    .search-lots .lot-nav .current {
      margin: 5em 0 0 0; }
    .search-lots .lot-nav .next {
      float: right;
      width: 25%; }
    .search-lots .lot-nav .selector {
      clear: both;
      padding: 2em 0 0 0; }
    .search-lots .lot-nav a.selected {
      color: #40484C; }

/*
 * Calendar
 */
.full-clndr {
  background-color: #666D70; }

.clndr-controls {
  *zoom: 1;
  padding: 2em 1em; }
  .clndr-controls:before, .clndr-controls:after {
    display: table;
    content: ""; }
  .clndr-controls:after {
    clear: both; }
  .clndr-controls .month {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem; }
  .clndr-controls .clndr-previous-button {
    cursor: pointer;
    float: left;
    width: 33%; }
  .clndr-controls .clndr-next-button {
    cursor: pointer;
    float: right; }

.clndr-grid {
  float: left; }
  .clndr-grid .days-of-the-week {
    *zoom: 1;
    width: 100%;
    background-color: #A91C25; }
    .clndr-grid .days-of-the-week:before, .clndr-grid .days-of-the-week:after {
      display: table;
      content: ""; }
    .clndr-grid .days-of-the-week:after {
      clear: both; }
    .clndr-grid .days-of-the-week .header-day {
      float: left;
      width: 14.2%;
      padding: 1em;
      text-align: center;
      color: white; }
  .clndr-grid .days {
    *zoom: 1;
    width: 100%; }
    .clndr-grid .days:before, .clndr-grid .days:after {
      display: table;
      content: ""; }
    .clndr-grid .days:after {
      clear: both; }
    .clndr-grid .days .day, .clndr-grid .days .empty {
      float: left;
      width: 14.2%;
      height: 6em;
      padding: 2em 1em;
      text-align: center;
      color: #40484C;
      background-color: #CACBCC;
      border-bottom: 2px solid #FFFFFF; }
      .clndr-grid .days .day.event .day-number, .clndr-grid .days .empty.event .day-number {
        padding: 4px;
        border: 2px solid #A91C25; }
      .clndr-grid .days .day.adjacent-month .day-number, .clndr-grid .days .empty.adjacent-month .day-number {
        opacity: 0.3; }

.event-listing {
  padding: 5em 0 0 0; }
  .event-listing .event-item {
    padding: 1em 0;
    border-bottom: 1px solid #efefef; }
    .event-listing .event-item h2, .event-listing .event-item p {
      margin: 0; }

/*
 * Profile styling
 */
.user-profile .tag {
  display: inline-block;
  padding: 0.5em;
  border: 1px solid #A91C25;
  margin: 0 0.5em 0.5em 0; }
.user-profile label {
  display: block; }
.user-profile input[type=text], .user-profile input[type=password], .user-profile input[type=email] {
  width: 100%;
  border: 1px solid #d5d5d5;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem; }
  .user-profile input[type=text]:focus, .user-profile input[type=password]:focus, .user-profile input[type=email]:focus {
    outline: none; }
.user-profile textarea {
  width: 100%;
  height: 10em;
  padding: 0.5em;
  font-size: 14px;
  font-size: 1.4rem; }
  .user-profile textarea:focus {
    outline: none; }

.user-profile__bids ul {
  list-style: none; }
  .user-profile__bids ul li {
    border-bottom: 1px solid #efefef; }
    .user-profile__bids ul li h3 {
      margin: 0; }

/*
 * Bid Styling
 */
.bids ul {
  margin: 0; }
  .bids ul li {
    list-style: none;
    border-bottom: 1px solid #efefef; }

.bid-details {
  padding: 2em 0; }
  .bid-details label {
    display: block; }
  .bid-details input[type=text] {
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 1em;
    margin-bottom: 1em;
    font-size: 16px;
    font-size: 1.6rem; }
    .bid-details input[type=text]:focus {
      outline: none; }
  .bid-details span {
    display: block;
    font-style: italic;
    font-size: 12px;
    font-size: 1.2rem; }

/*
 * Valuations
 */
.valuation {
  overflow: hidden; }
  .valuation label {
    display: block; }
  .valuation input[type=text], .valuation input[type=tel], .valuation input[type=email], .valuation input[type=file], .valuation textarea {
    width: 100%; }
    .valuation input[type=text][type=radio], .valuation input[type=tel][type=radio], .valuation input[type=email][type=radio], .valuation input[type=file][type=radio], .valuation textarea[type=radio] {
      width: 10%; }

/*
 * News styling
 */
.news-header {
  background: #A91C25;
  color: #FFFFFF; }
  .news-header h1 {
    margin: 0.5em 1em; }
    .news-header h1 span {
      font-size: 24px;
      font-size: 2.4rem; }

/*
.archive {
  
  .main {
    article {
      width: 50%;
      float: left;
      padding: 0 1em;
      margin: 0 0 2em 0;
      
      h1 {
        @include font-size(16);
        text-align: left;
        margin: 0;
        font-weight: 600;
      }
    }
  }
}
*/
.blog .main, .category .main {
  padding: 2em 0 0 0; }
  .blog .main .agg article, .category .main .agg article {
    width: 45%;
    margin: 0 2.5% 2em 2.5%;
    float: left; }
    .blog .main .agg article h1, .category .main .agg article h1 {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 400;
      text-align: left;
      margin: 0 0 0.5em 0; }
      .blog .main .agg article h1 a, .category .main .agg article h1 a {
        color: #40484C; }
    .blog .main .agg article .entry-date, .category .main .agg article .entry-date {
      color: #A91C25;
      display: block;
      margin: 0 0 0.5em 0; }
    .blog .main .agg article .entry-content, .category .main .agg article .entry-content {
      font-size: 12px;
      font-size: 1.2rem; }
      .blog .main .agg article .entry-content p, .category .main .agg article .entry-content p {
        margin: 0; }

.post_thumbnail {
  text-align: center;
  background: #efefef;
  margin-bottom: 1em; }

.single .main {
  padding: 2em 0 0 0; }
  .single .main article h1 {
    text-align: left;
    margin: 0 0 1em 0; }

/*
 * Sidebar styling
 */
.sidebar {
  text-align: center;
  margin-top: 2em; }
  .sidebar img {
    margin-bottom: 1em; }
  .sidebar img.invaluable {
    width: 80%; }
  .sidebar section {
    text-align: left;
    margin: 1em 0;
    padding: 1em; }
    .sidebar section h2 {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 600;
      color: #40484C; }
    .sidebar section ul {
      margin: 0; }
    .sidebar section .textwidget {
      background: #40484C;
      color: #FFFFFF;
      padding: 2em; }

/*
 * Footer Styling
 */
.main-footer {
  background: #40484C;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3em 0 1em 0; }
  .main-footer h3 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.5em 0; }
  .main-footer address {
    font-style: normal; }
  .main-footer a {
    color: #FFFFFF; }
    .main-footer a:hover {
      border-bottom: 1px dashed #666D70; }

/*
 * General Styling
 */
.btn {
  display: block;
  background: #FFFFFF;
  color: #A91C25;
  width: 100%;
  text-align: center;
  padding: 1em;
  border: 2px solid #A91C25; }
  .btn:hover {
    border: 2px solid #A91C25;
    background: #A91C25;
    color: #FFFFFF; }
  .btn.positive {
    background: #A91C25;
    color: #FFFFFF; }
    .btn.positive:hover {
      background: #FFFFFF;
      color: #A91C25; }

input[type=submit] {
  font-size: 14px;
  font-size: 1.4rem; }
  input[type=submit]:hover {
    cursor: pointer; }

.message {
  width: 100%;
  text-align: center;
  padding: 0.5em;
  border: 1px solid #666D70;
  margin-bottom: 1em; }
  .message p {
    margin: 0.5em; }
  .message.confirm {
    background: #eaffe0;
    border: 1px solid #38ad00; }
  .message.warning {
    border-color: #A91C25; }
  .message.error {
    border-color: #A91C25;
    color: #A91C25;
    background: #f7cdd0; }

input.error {
  border-color: #A91C25;
  color: #A91C25;
  background: #f7cdd0; }

label.error {
  color: #A91C25; }

/*
 * Media Queries
 */
/* Smartphones (portrait and landscape) */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .welcome-text {
    width: 90%;
    margin: 0 auto; }

  .home-slider {
    *zoom: 1;
    border-bottom: 5px solid #efefef;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0; }
    .home-slider:before, .home-slider:after {
      display: table;
      content: ""; }
    .home-slider:after {
      clear: both; }
    .home-slider img {
      display: block; }
    .home-slider .nivo-caption {
      position: relative;
      display: block;
      left: 0;
      top: 0;
      width: 90%;
      margin: 0 auto;
      height: auto;
      padding: 0; }
      .home-slider .nivo-caption h2 {
        color: #40484C;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0; }
      .home-slider .nivo-caption h3 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.2em; }
      .home-slider .nivo-caption p {
        font-size: 12px;
        font-size: 1.2rem; }
      .home-slider .nivo-caption a.btn {
        display: block;
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto; }

  .hero, .staff-picks-hp, .main-footer, .auctions, .content {
    padding-left: 5%;
    padding-right: 5%; }

  .department-selector {
    width: 90%;
    margin: 0 auto; }
    .department-selector .department {
      width: 100%; }
      .department-selector .department img {
        width: 100%; }

  .department-slider {
    display: none; }

  .sale-details .meta {
    padding-left: 0; }

  .sale-lots .lot {
    width: 100%; }
    .sale-lots .lot img {
      max-height: none; }

  .staff-profiles .entry-content ul li {
    width: 45%;
    margin: 0 5% 2em 0;
    float: left; }
    .staff-profiles .entry-content ul li img {
      min-height: 0; }
    .staff-profiles .entry-content ul li h2 {
      min-height: 84px; }
    .staff-profiles .entry-content ul li p {
      min-height: 84px; } }
/* iPads (portrait and landscape) */
@media only screen and (min-width: 481px) and (max-width: 799px) {
  .welcome-text {
    width: 95%;
    margin: 0 auto; }

  .home-slider {
    *zoom: 1;
    border-bottom: 5px solid #efefef;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0; }
    .home-slider:before, .home-slider:after {
      display: table;
      content: ""; }
    .home-slider:after {
      clear: both; }
    .home-slider img {
      display: block; }
    .home-slider .nivo-caption {
      position: relative;
      display: block;
      left: 0;
      top: 0;
      width: 90%;
      margin: 0 auto;
      height: auto;
      padding: 0; }
      .home-slider .nivo-caption h2 {
        color: #40484C;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0; }
      .home-slider .nivo-caption h3 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0.2em; }
      .home-slider .nivo-caption p {
        font-size: 12px;
        font-size: 1.2rem; }
      .home-slider .nivo-caption a.btn {
        display: block;
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto; }

  .hero, .staff-picks-hp, .main-footer, .auctions, .content {
    padding-left: 2.5%;
    padding-right: 2.5%; }

  .department-selector {
    width: 95%;
    margin: 0 auto; }
    .department-selector .department {
      width: 48%;
      float: left;
      margin-right: 2%; }
      .department-selector .department img {
        width: 100%; }
      .department-selector .department.sark {
        float: none;
        margin: 0 auto; } }
@media only screen and (min-width: 800px) and (max-width: 1165px) {
  .welcome-text {
    width: 95%;
    margin: 0 auto; }

  .home-slider .nivo-caption {
    left: 2em;
    top: 10%;
    width: 60%;
    max-width: 800px;
    height: auto;
    padding: 1em 1em 6em 1em; }
    .home-slider .nivo-caption h2 {
      color: #40484C;
      font-weight: 600;
      text-transform: uppercase; }
    .home-slider .nivo-caption h3 {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 0.5em; }
    .home-slider .nivo-caption p {
      font-size: 12px;
      font-size: 1.2rem; }
    .home-slider .nivo-caption a.btn {
      width: 50%;
      bottom: auto;
      right: auto;
      margin: 1em 0; }

  .hero, .staff-picks-hp, .main-footer, .auctions, .content {
    padding-left: 2.5%;
    padding-right: 2.5%; }

  .department-selector {
    width: 95%; } }
