/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
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; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
iframe,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

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

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* See: http://css-tricks.com/international-box-sizing-awareness-day/ */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.hidden {
  font: 0/0 a;
  text-shadow: none;
  color: transparent; }

/**
 * CSS Modal
 * Modal as reusable module
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 * @version 1.0.4
 *
 * Usage:
 *    selector {
 *        @extend %modal;
 *    }
 */
/*
 * Configuration
 */
html {
  overflow-y: scroll; }

.has-overlay {
  overflow: hidden; }
  .has-overlay > body {
    height: 100%;
    overflow-y: scroll; }

.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  color: #222;
  line-height: 1.3;
  display: none\9; }
  .semantic-content:target {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  .is-active.semantic-content {
    display: block\9; }
  .semantic-content:target {
    display: block\9; }
  .semantic-content .modal-inner {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -325px;
    width: 650px;
    overflow-x: hidden;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); }
    .semantic-content .modal-inner > img,
    .semantic-content .modal-inner > video,
    .semantic-content .modal-inner > iframe {
      width: 100%;
      height: auto;
      min-height: 300px; }
    .semantic-content .modal-inner > img {
      width: auto;
      max-width: 100%; }
  .semantic-content header {
    border-bottom: 1px solid #ddd;
    padding: 0 1.2em; }
    .semantic-content header > h2 {
      margin: 0.5em 0; }
  .semantic-content .modal-content {
    max-height: 400px;
    max-height: 70vh;
    border-bottom: 1px solid #ddd;
    padding: 15px 1.2em;
    overflow-x: hidden;
    overflow-y: auto; }
    .semantic-content .modal-content > * {
      max-width: 100%; }
  .semantic-content footer {
    border-top: 1px solid white;
    padding: 0 1.2em 18px;
    background: #f0f0f0;
    border-radius: 2px; }
  .semantic-content .modal-close {
    display: block;
    text-indent: -100px;
    overflow: hidden; }
    .semantic-content .modal-close:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg=="); }
    .semantic-content .modal-close:after {
      content: '\00d7';
      position: absolute;
      top: 25px;
      left: 50%;
      z-index: 20;
      margin-left: 285px;
      background: #fff;
      border-radius: 2px;
      padding: 2px 8px;
      font-size: 1.2em;
      text-decoration: none;
      text-indent: 0; }
  @media screen and (max-width: 690px) {
    .semantic-content .modal-inner {
      width: auto;
      left: 20px;
      right: 20px;
      margin-left: 0; }
    .semantic-content .modal-close {
      left: auto;
      right: 33px;
      margin-left: 0; }
      .semantic-content .modal-close:after {
        margin-left: 40%; } }
  @media screen and (max-width: 30em) {
    .semantic-content {
      -webkit-transform: translate(0, 400px);
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
      -moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s;
      -o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s;
      -ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s;
      transition: transform .25s ease-in-out, opacity 1ms .25s;
      display: block;
      height: 100%;
      bottom: auto; }
      .semantic-content:target {
        -webkit-transition: -webkit-transform .25s ease-in-out;
        -moz-transition: -moz-transform .25s ease-in-out;
        -o-transition: -o-transform .25s ease-in-out;
        -ms-transition: -ms-transform .25s ease-in-out;
        transition: transform .25s ease-in-out; }
      .semantic-content:before {
        background-color: #27aae2;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
        background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: -o-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;
        height: 3em;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
      .semantic-content .modal-inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 3em;
        height: 100%;
        overflow: scroll;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .semantic-content .modal-content {
        max-height: none; }
      .semantic-content .modal-close {
        right: auto;
        text-decoration: none; }
        .semantic-content .modal-close:before {
          display: none; }
        .semantic-content .modal-close:after {
          content: attr(data-close);
          top: 0.4em;
          left: 1em;
          z-index: 40;
          margin-left: 0;
          font-size: 1em;
          padding: 0.5em 1em; } }
  @media screen and (max-height: 46em) and (min-width: 30em) {
    .semantic-content .modal-content {
      max-height: 340px;
      max-height: 50vh; } }
  @media screen and (max-height: 36em) and (min-width: 30em) {
    .semantic-content .modal-content {
      max-height: 265px;
      max-height: 40vh; } }

@media screen and (min-width: 30em) {
  .semantic-content {
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s; } }

/* Base styles for Mooch sites */
body {
  border-top: 5px solid #333; }

body, select, input, textarea {
  color: #333; }

a {
  color: #5e933b;
  outline: 0; }
  a:focus, a:active {
    text-decoration: underline; }

a:hover, a:focus, a:active {
  color: #4b762f; }

::-webkit-input-placeholder {
  color: #ccc; }

:-moz-placeholder {
  color: #ccc; }

table {
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%; }

caption {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-left: 8px;
  text-align: left; }

thead, tfoot {
  background-color: #ddd;
  font-size: 14px; }

th {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  padding: 4px 8px;
  text-align: left; }

tr {
  border: 1px solid #d6d6d6; }

td {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  /* 12px / 16px */
  padding: 6px; }

.shadow {
  -moz-box-shadow: 4px 4px 4px #888;
  -webkit-box-shadow: 4px 4px 4px #888;
  box-shadow: 4px 4px 4px #888; }

.more {
  background-image: url(/images/site/more.svg);
  background-position: left 40%;
  background-repeat: no-repeat;
  padding-left: 12px; }

.tright {
  text-align: right; }

.tcenter {
  text-align: center; }

.nowrap {
  white-space: nowrap; }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #5e933b;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #5e933b;
  color: #fff;
  text-shadow: none; }

fieldset {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 20px; }

legend {
  color: #5e933b;
  padding: 0 4px; }

fieldset > div {
  clear: left;
  margin-bottom: 12px;
  padding: 0 20px 0 0; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="time"], input[type="file"], textarea {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  color: #444;
  font-size: 0.875em;
  padding: 4px 6px;
  width: 100%; }

input[type="date"], input[type="time"] {
  padding-right: 24px;
  width: 10em; }

input[type="text"]:focus, textarea:focus {
  border: 1px solid #898989; }

input[type="checkbox"] {
  margin-left: 1em;
  margin-top: -0.4em;
  vertical-align: middle; }

input:required, legend.required, label.required {
  background-image: url(/images/core/icons/required.png);
  background-position: right 50%;
  background-repeat: no-repeat; }

legend.required {
  padding-right: 30px; }

label.required {
  display: inline-block;
  padding-right: 30px; }

.ckeditor {
  width: 100%; }

.ckeditor-summary {
  height: 100px; }

label {
  display: block;
  font-weight: bold;
  font-size: 0.875em; }

.inline label {
  display: inline-block;
  margin-right: 8px;
  text-align: right;
  vertical-align: top;
  width: 10em; }

.cb label {
  width: auto; }

.inline input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"] {
  width: 30%; }

.inline textarea,
.long input[type="text"] {
  width: 60%; }

.submit {
  margin-top: 20px;
  text-align: center; }

.chosen {
  min-width: 10em; }

.error {
  background-image: url(/images/core/icons/error.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-size: 0.875em;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding: 12px 12px 12px 48px;
  position: relative; }

div.error {
  background-color: #ffdada;
  border: 2px solid #cc0033; }

span.error {
  font-size: 11px;
  padding-left: 36px; }

.icon-link {
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #777;
  border-radius: .2em;
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  color: #333;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  white-space: nowrap; }

.icon-link:hover {
  background-color: #eee;
  background-image: linear-gradient(to bottom, #fafafa, #dddddd); }

.icon-link:active {
  text-decoration: none; }

.external {
  background-image: url(/images/core/external.svg);
  background-position: 98% 50%;
  background-repeat: no-repeat;
  padding-right: 24px;
  text-decoration: none; }
  .lt-ie9 .external {
    background-image: url(/images/core/external.png); }
  .external:hover {
    text-decoration: underline; }

.hidden {
  display: none; }

.new {
  color: #693; }

.shadowed {
  box-shadow: 2px 3px 4px 2px #eee; }

.bordered {
  border: 1px solid #e6e6e6;
  box-shadow: 2px 3px 4px 2px #eee;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px 15px; }

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold; }

.content-video {
  text-align: center; }

.tright {
  text-align: right; }

h1, .h1 {
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 10px; }

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

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

.page-content h3 {
  border-bottom: 3px solid #eff4eb;
  color: #5e933b; }

h3 a {
  text-decoration: none; }

h4, .h4 {
  color: #333;
  font-size: 1em;
  margin: 1.33em 0 0.66em; }

h5, .h5 {
  color: #5e933b;
  font-size: 0.83em;
  margin: 1.67em 0; }

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

.caps {
  text-transform: uppercase; }

span.rrp {
  font-size: 0.6875em;
  /* 11px / 16px */
  display: block;
  color: #000; }

.low-price {
  color: #4b762f;
  font-size: 1.25em;
  /* 20px / 16px */
  font-weight: bold;
  line-height: 1em;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px; }
  .low-price a {
    text-decoration: none; }

.super {
  border-bottom: 1px solid #eee;
  color: #5e933b;
  font-size: 1em;
  margin-bottom: 0.625em;
  margin-top: 0;
  padding-bottom: 0.150625em; }

.super span {
  color: #bfd4b1;
  margin-left: 1em;
  text-transform: uppercase; }

.sub-head {
  color: #4b762f;
  font-size: 1em;
  /* 16px / 16px */ }

.strike {
  color: #777;
  text-decoration: line-through; }

#s {
  color: #4b762f; }

p {
  font-size: 0.875em;
  margin-bottom: 1em; }

.page-content ul,
ul.bullets {
  margin-bottom: 1em; }

li ul, li ol, ul.bullets {
  margin-top: 0.8em; }

li ol {
  list-style: lower-roman; }

li li ol {
  list-style: lower-alpha; }

.page-content li,
.bullets li {
  font-size: 14px;
  margin-bottom: 0.5em;
  margin-left: 40px; }

.page-content ul li,
.bullets li {
  list-style: disc; }

.bullets li {
  margin-bottom: 6px; }

.short-list li {
  background-image: url(/images/site/short-list-bullet.svg);
  background-position: left 6px;
  background-repeat: no-repeat;
  color: #555;
  font-size: 12px;
  padding-left: 12px; }

dl.columns {
  font-size: 14px;
  padding: 0.5em; }

.columns dt {
  float: left;
  clear: left;
  width: 150px;
  text-align: right;
  font-weight: bold; }

.columns dt:after {
  content: ":"; }

.columns dd {
  margin: 0 0 0 160px;
  padding: 0 0 0.5em 0; }

ol {
  counter-reset: listnumbering;
  list-style: none outside none; }

ol > li {
  margin: 0 0 1em 2.3em;
  display: block;
  clear: left; }

ol > li:before {
  content: "" counter(listnumbering,decimal);
  counter-increment: listnumbering;
  font: 400 1.2em "Rancho","Brush Script MT",cursive;
  float: left;
  margin: -0.1em 0 0 -2em;
  width: 1.3em;
  background: #fff;
  border-radius: 3em;
  text-align: center;
  color: #333;
  border: 1px solid #ccc; }

.off-left {
  position: absolute;
  left: -999em;
  width: 990px; }

.drop-content {
  display: none;
  background: #fff;
  border: 1px solid #eee;
  position: absolute;
  top: 100%; }

li:hover .drop-content, .explore:hover ul {
  display: block;
  z-index: 999; }

.explore:hover {
  cursor: pointer; }

/* Dropdown nav menus */
.nav_dropdown .nav_dropdown_content {
  display: none;
  background: #fff;
  border: 1px solid #eee;
  position: absolute;
  top: 100%; }

.nav_dropdown.open .nav_dropdown_content {
  display: block;
  z-index: 999; }

/* Utility classes */
.l-posrel {
  position: relative; }

.l-row {
  margin: 1em 0; }

.l-fullcol {
  width: 100%; }

.l-oauto {
  overflow: auto; }

.l-maincol {
  margin-right: 320px; }
  @media (max-width: 800px) {
    .l-maincol {
      width: 100%; } }

.l-maincol-wrapper {
  float: left;
  padding-bottom: 20px;
  width: 100%; }

.l-sidecol {
  float: left;
  margin-left: -300px;
  width: 300px; }
  @media (max-width: 800px) {
    .l-sidecol {
      margin-left: 0;
      width: 100%; } }

.l-product-maincol {
  float: left;
  width: 59.139784946237%;
  /* 550px / 930px */ }
  @media (max-width: 800px) {
    .l-product-maincol {
      width: 100%; } }

.l-product-sidecol {
  float: right;
  width: 39.247311827957%; }
  @media (max-width: 800px) {
    .l-product-sidecol {
      width: 100%; } }

.l-fright {
  float: right; }

.l-fleft {
  float: left; }

.l-aright {
  padding-right: 12px;
  text-align: right; }

.l-center {
  text-align: center; }

/* Site layout */
#container {
  margin: 0 auto;
  max-width: 1280px;
  width: 94%; }

article {
  margin-bottom: 20px; }

footer div {
  float: left;
  margin-right: 1%;
  width: 28%; }
  footer div.narrow_footer {
    width: 20%; }
    @media (max-width: 700px) {
      footer div.narrow_footer {
        width: 48%; } }
  @media (max-width: 700px) {
    footer div {
      margin-bottom: 20px;
      width: 48%; } }

footer div:last-child {
  margin-right: 0;
  text-align: right; }
  @media (max-width: 700px) {
    footer div:last-child {
      text-align: left; } }

/* ====== media ====== */
.media {
  margin: 10px;
  min-height: 90px; }

.media, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.media .img {
  float: left;
  margin-right: 10px; }

.media .img img {
  display: block; }

.media .imgExt {
  float: right;
  margin-left: 10px; }

.bd h4 {
  margin: 0; }

.bd h4 a {
  text-decoration: none; }
  .bd h4 a:hover {
    text-decoration: underline; }

.bd p {
  font-size: 0.750em; }

/* Strapline */
span.strapline {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  vertical-align: top; }

/* Messages */
.success {
  background-image: url(/images/core/icons/success.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-size: 0.875em;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding: 12px 12px 12px 48px;
  position: relative; }

div.success {
  background-color: #d8ecb7;
  border: 2px solid #869170; }
  div.success a {
    color: #415918;
    font-weight: bold; }

.info {
  background-image: url(/images/core/icons/info.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-size: 0.875em;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding: 12px 12px 12px 48px;
  position: relative; }

div.info {
  background-color: #edfcfe;
  border: 2px solid #238ad7; }
  div.info a {
    color: #1c6eab; }
    div.info a:hover {
      color: #15527f; }

/* end Messages */
/* Header */
header {
  border-bottom: 1px solid #d2cecc;
  margin-bottom: 0.625em;
  /* 10px / 16px */
  min-height: 6.625em;
  /* 108px / 16px */ }
  .ie7 header {
    z-index: 2; }
  @media (max-width: 700px) {
    header {
      border-bottom: none; } }

header h1 {
  font-size: 2em;
  left: 0;
  position: relative;
  top: 1em;
  width: 8.78571428571429em;
  /* 240px / 28px */ }
  @media (max-width: 700px) {
    header h1 {
      display: block;
      margin-bottom: 20px;
      top: 0.5em;
      width: 100%; } }

.social-icons {
  margin-right: 10px; }

.social-icons img {
  margin-right: 2px;
  vertical-align: middle; }

/* end Header */
/* Menu - small screen width */
.menu-link {
  background-color: #fc7215;
  color: #fff;
  display: none;
  font-size: 0.875em;
  padding: 4px 8px;
  position: absolute;
  text-decoration: none;
  top: 5px;
  right: 0; }
  @media (max-width: 700px) {
    .menu-link {
      display: block; } }

/* end Menu */
/* Read less, ride more */
.rlrm {
  background-color: #fff;
  border: 1px solid #ebebeb;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 10px 15px; }

/* end Read less, ride more */
/* Pagination */
.pagination {
  font-size: 0.875em;
  padding-top: 18px;
  text-align: center; }

.pagination ul {
  border: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 10px; }

.pagination li {
  border: 0;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; }

.pagination a {
  border: solid 1px #ddd;
  margin-right: 2px; }

.pagination .previous-off, .pagination .next-off {
  color: #666;
  display: inline;
  font-weight: bold;
  padding: 3px 4px; }

.pagination .ellipsis {
  padding: 0 6px; }

.pagination .next a, .pagination .previous a {
  font-weight: bold;
  display: inline;
  border: solid 1px #fff; }

.pagination .active {
  color: #b82028;
  display: inline;
  font-weight: bold;
  padding: 4px 8px; }

.pagination a:link, .pagination a:visited {
  color: #1D4012;
  display: inline;
  padding: 3px 6px;
  text-decoration: none; }

.pagination a:hover {
  border: solid 1px #666; }

/* end Pagination */
/* User profile summary */
.author-info {
  border-bottom: 2px dotted #ccc;
  border-top: 2px dotted #ccc;
  margin: 0 15px 30px 5px;
  padding: 12px 0; }

.author-about {
  margin-left: 140px;
  margin-top: 4px; }

.author-about h3 {
  border-bottom: 2px solid #9ebe89;
  color: #7ea962;
  font-size: 1.08333333333333em;
  /* 13 / 12px */
  margin-bottom: 12px;
  margin-top: 0;
  text-transform: uppercase; }

.user-meta {
  float: left;
  margin: 10px;
  width: 120px; }

.user-social li {
  float: left;
  list-style: none;
  margin-right: 1px; }

.author-meta dl {
  float: left;
  font-size: 0.875em;
  margin-bottom: 0; }

.author-meta dt {
  color: #777;
  text-transform: uppercase; }

.author-meta dt, .author-meta dd {
  float: left; }

.author-meta dd {
  color: #333;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 12px; }

.author-meta dt:after {
  content: ":"; }

/* end User profile summary */
/* Blog */
.post-list .post {
  margin-bottom: 30px; }

.post h2 {
  margin-bottom: 0;
  margin-top: 0; }

.post h2 a {
  color: #444;
  text-decoration: none; }

.post h2 a:focus,
.post h2 a:hover,
.post h2 a:active {
  color: #4b762f;
  text-decoration: underline; }

/* end Blog */
/* Buttons */
.btn {
  font-size: 0.825em;
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 3px 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #fef4e9;
  background: #7ea962; }
  .btn:hover {
    background: #5e933b;
    color: #fff; }

/* end Buttons */
#navicon {
  display: block;
  width: 1.75em;
  height: .25em;
  line-height: 0;
  border-top: .75em double #000;
  border-bottom: .25em solid #000; }

/* Primary Navigation */
.nav {
  font-size: 0.8125em;
  /* 13px / 16px */
  list-style: none;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .ie7 .nav {
    z-index: 2; }
  @media (max-width: 700px) {
    .nav {
      display: none; } }

.nav > li {
  float: left;
  margin-left: 2px; }

.nav > li > a {
  background-color: #9ebe89;
  background-position: 88% 40%;
  background-repeat: no-repeat;
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 6px 6px;
  color: #222;
  display: block;
  font-weight: bold;
  padding: 2px 28px 6px 12px;
  text-decoration: none; }
  .nav > li > a:focus, .nav > li > a:hover, .nav > li > a:active {
    background-color: #7ea962;
    color: #000; }

.nav li.utility a {
  background-color: #333;
  color: #fff;
  padding: 2px 12px 6px 12px; }
  .nav li.utility a:focus, .nav li.utility a:hover, .nav li.utility a:active {
    background-color: #333;
    color: #fff;
    text-decoration: underline; }

.nav > li.account > a {
  background-color: #333;
  color: #fff; }
  .nav > li.account > a:focus, .nav > li.account > a:hover, .nav > li.account > a:active {
    background-color: #333;
    color: #fff;
    text-decoration: underline; }

.account .nav_dropdown_button {
  background-image: url(/images/site/nav-drop-white.svg); }
  .lt-ie9 .account .nav_dropdown_button {
    background-image: url(/images/site/nav-drop-white.png); }

.nav_dropdown_button {
  background-image: url(/images/site/nav-drop.svg);
  background-position: 90% 50% !important; }
  .lt-ie9 .nav_dropdown_button {
    background-image: url(/images/site/nav-drop.png); }

.nav_dropdown_content h4 {
  border-bottom: 1px solid #eee;
  font-size: 1em;
  /* 13px / 13px */
  margin: 18px 0 12px 0;
  text-transform: uppercase; }

.nav_dropdown_content .plain-menu a {
  display: block;
  border-bottom: 1px solid #eee;
  font-size: 1.0625em;
  padding: 2px 0;
  text-decoration: none; }
  .nav_dropdown_content .plain-menu a:hover {
    background-color: #f7f7f7; }

#nav-forum {
  background-image: url(/images/site/nav-forum.svg); }
  .lt-ie9 #nav-forum {
    background-image: url(/images/site/nav-forum.png); }

#nav-journal {
  background-image: url(/images/site/nav-journal.svg); }
  .lt-ie9 #nav-journal {
    background-image: url(/images/site/nav-journal.png); }

#nav-about {
  background-image: url(/images/site/nav-about.svg); }
  .lt-ie9 #nav-about {
    background-image: url(/images/site/nav-about.png); }

/* end Primary Navigation */
/* Sidebar Navigation & Content */
.sidecol {
  border: 1px solid #e6e6e6;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0;
  border-radius: 0 0 8px 8px;
  font-size: 0.875em;
  margin-top: 0;
  padding: 8px 10px 16px; }

.nav-sidecol {
  border: 1px solid #e6e6e6;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0;
  border-radius: 0 0 8px 8px;
  font-size: 0.875em;
  margin-top: 0;
  padding: 8px 10px; }

.nav-sidecol li {
  background-image: url(/images/site/nav-sidecol-bg.svg);
  background-position: 4px 8px;
  background-repeat: no-repeat;
  border-bottom: 1px dashed #cfdfc4;
  font-weight: bold;
  padding-left: 24px; }
  .nav-sidecol li:hover {
    background-image: url(/images/site/nav-sidecol-bg-on.svg); }
  .lt-ie9 .nav-sidecol li {
    background-image: url(/images/site/nav-sidecol-bg.png); }

.nav-sidecol li.level3 {
  background-image: url(/images/core/child.svg);
  background-position: 25px 10px;
  padding-left: 40px; }

.nav-sidecol li:last-child {
  border-bottom: none; }

.nav-sidecol a {
  color: #555;
  display: block;
  padding: 3px 0;
  text-decoration: none; }
  .nav-sidecol a:focus, .nav-sidecol a:hover, .nav-sidecol a:active {
    color: #5e933b; }

.nav-sidecol .current {
  background-color: #eff4eb;
  background-image: url(/images/site/nav-sidecol-bg-on.svg); }
  .lt-ie9 .nav-sidecol .current {
    background-image: url(/images/site/nav-sidecol-bg.png); }

.nav-sidecol .current a {
  color: #5e933b; }

.sidebox {
  margin-bottom: 10px;
  padding: 0 0 10px 0; }

.sidebox h3 {
  background-color: #afc99d;
  color: #333;
  font-size: 1.125em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 3px 15px; }

/* end Sidebar Navigation */
/* More link navigation */
.nav-more {
  margin-top: 12px; }

/* end More link navigation */
/* Search */
#search-frm {
  position: absolute;
  right: 0;
  top: 42px; }
  @media (max-width: 700px) {
    #search-frm {
      width: 100%;
      position: relative;
      top: auto;
      right: auto; } }

.ie7 #search-frm div {
  z-index: 0; }

#s {
  border: 2px solid #ccc;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  width: 240px; }
  #s:focus, #s:active {
    background-color: #eff4eb; }

.search_btn {
  background-image: url(/images/site/search-btn.svg);
  border: none;
  height: 36px;
  text-indent: -9999px;
  width: 36px; }
  .lt-ie9 .search_btn {
    background-image: url(/images/site/search-btn.png); }

.result h4 a {
  text-decoration: none; }

.result h4 a:hover {
  border-bottom: none;
  text-decoration: underline; }

.result p {
  margin-bottom: 10px;
  margin-top: 0; }

.result {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 16px;
  margin-left: 0;
  position: relative; }

.result .img {
  float: none; }

.result .thumb {
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 160px; }

.search-count {
  color: #777;
  float: left;
  font-family: Georgia, serif;
  font-size: 20px;
  font-style: italic;
  margin-top: -3px; }

.search-meta .price {
  color: #5e933b;
  font-size: 1.3em;
  font-weight: bold; }

/* end Search */
/* Live search */
/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
  padding: 0px;
  border: 1px solid #666;
  background-color: white;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 99999; }

.acResults ul {
  list-style-position: outside;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 250px; }

.acResults li {
  font-size: 0.750em;
  margin: 0px;
  padding: 6px 5px;
  cursor: pointer;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 14px;
  overflow: hidden; }
  .acResults li:nth-child(odd) {
    background-color: #eee; }
  .acResults li:hover {
    background-color: #333;
    color: #fff; }

.acResults li.acSelect {
  background-color: #333;
  color: #fff; }

.acLoading {
  background: transparent url("/images/core/icons/spinner.gif") 95% center no-repeat; }

/* end Live search */
/* Specification panel */
#specification {
  font-size: 0.875em;
  /* 14px / 16px */ }

/* Breadcrumbs */
.breadcrumb {
  float: left;
  font-size: 0.8125em;
  /* 13px / 16px */
  line-height: 2.4em; }

.lt-ie9 .breadcrumb {
  width: 80%; }

.breadcrumb li {
  display: inline; }

.breadcrumb li img {
  vertical-align: middle; }

.breadcrumb a {
  text-decoration: none; }
  .breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active {
    text-decoration: underline; }

.bc-rss {
  float: right; }

.bc-rss img {
  margin-right: 8px;
  vertical-align: middle; }

/* end Breadcrumbs */
/* Explore */
.explore.action {
  background-image: url(/images/site/nav-drop.svg);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  float: right;
  font-size: 0.750em;
  /* 12px / 16px */
  font-weight: bold;
  padding-right: 28px; }
  .lt-ie9 .explore.action {
    background-image: url(/images/site/nav-drop.png); }

.explore ul {
  background-color: #fff;
  display: none;
  font-weight: normal;
  margin-left: -12px;
  padding: 8px 12px;
  position: absolute;
  top: 2.4em; }

.explore li, .explore a {
  display: block; }

/* end Explore */
/* Product title */
.product-title h1 {
  margin-right: 100px; }
  .product-title h1 span.draft {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding-left: 6px;
    text-transform: uppercase; }

/* end Product title */
/* Product images & videos */
.youtube-player {
  display: none;
  width: 100%; }

.product-image {
  margin: 20px auto 10px;
  max-width: 550px;
  min-height: 375px;
  width: 100%; }
  @media (max-width: 800px) {
    .product-image {
      min-height: 0; } }

.product-image img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.brandlogo {
  bottom: 0;
  margin-bottom: 0;
  overflow: auto;
  position: absolute;
  right: 0; }

.product-thumbs {
  margin-top: 20px;
  text-align: center; }

.product-thumbs li {
  float: left;
  width: 18%;
  margin: 0 1%; }

.product-thumbs a {
  border-bottom: 2px solid transparent; }
  .product-thumbs a:focus, .product-thumbs a:active {
    border-bottom: 2px solid #5e933b; }

/* end Product images & videos */
/* Product side column */
.product-description .panel-container {
  font-size: 0.9375em; }

#tab-container #description {
  /*	max-height: 525px; 
  	overflow: auto; */ }

/* end Product side column */
/* Price table */
#product-prices {
  margin-bottom: 20px; }

#product-prices tbody tr:hover {
  background-color: #f7faf5;
  cursor: pointer; }

tr.out-of-stock,
tr.sold-out {
  background-color: #efefef;
  color: #777; }
  tr.out-of-stock:hover,
  tr.sold-out:hover {
    background-color: #eee !important; }
  tr.out-of-stock .rank span,
  tr.sold-out .rank span {
    background-color: #777; }

tr.out-of-stock .retailer img,
tr.sold-out .retailer img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.merchant-prices td {
  vertical-align: middle; }

.rank {
  padding: 4px;
  text-align: center; }

.rank span {
  background-color: #5e933b;
  color: #fff;
  font-size: 1.125em;
  /* 18px / 16px */
  font-weight: bold;
  padding: 6px; }

.item-list .rank {
  left: 6px;
  position: absolute;
  top: 6px; }

.retailer {
  height: 50px;
  text-align: center; }

.merchant-price {
  font-size: 1em;
  /* 16px / 16px */
  font-weight: bold;
  line-height: 1.2em;
  padding-right: 12px;
  text-align: right;
  width: 5em; }

.postage {
  display: block;
  font-size: 0.6875em;
  /* 11px / 16px */ }

.stock {
  font-size: 0.750em; }

.price-notes {
  font-size: 0.750em;
  max-width: 200px; }
  .price-notes span {
    display: block; }

.admin .gocell {
  width: 100px; }

a.go {
  background-color: #5C793F;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 1.16666666666667em;
  /* 14 / 12px */
  font-weight: bold;
  padding: 8px 20px;
  text-decoration: none; }
  a.go:hover {
    background-color: #5e933b;
    color: #fff; }

.out-of-stock a.go,
.sold-out a.go {
  background-color: #777; }

/* end Price table */
/* Home page */
.home-block {
  margin-bottom: 20px;
  overflow: auto;
  padding-top: 30px;
  position: relative; }

.home-block h2 {
  color: #777;
  font-size: 0.875em;
  left: 15px;
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  text-transform: uppercase;
  top: 8px; }

.home-block h2 a {
  color: #444;
  text-decoration: none; }

.home-block h2 a:focus,
.home-block h2 a:hover,
.home-block h2 a:active {
  color: #4b762f;
  text-decoration: underline; }

.half {
  float: left;
  margin-right: 2%;
  width: 48%; }
  @media (max-width: 1000px) {
    .half {
      margin-right: 0;
      width: 100%; } }
  @media (max-width: 800px) {
    .half {
      margin-right: 2%;
      width: 48%; } }
  @media (max-width: 700px) {
    .half {
      margin-right: 0;
      width: 100%; } }

.half h3 {
  border-bottom: 3px solid #eff4eb;
  color: #5e933b;
  font-size: 1em;
  margin: 0;
  text-transform: uppercase; }

.full-article {
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap; }

.top-items {
  margin-top: 0; }

.top-items td,
.top-items tr {
  border: none; }

.top-items tr {
  border-bottom: 1px solid #ddd; }

.top-items thead {
  display: none; }

.top-items a {
  text-decoration: none; }

.top-items td.thumb {
  text-align: center; }

.top-items img {
  max-width: 60px; }

.top-items .details {
  line-height: 1.3em; }

.top-items .details span {
  font-size: 0.875em;
  font-style: italic; }

.rank {
  color: #7ea962;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic; }

/* end Home page */
/* Offers table */
.all-offers tbody tr:hover {
  background-color: #f7faf5;
  cursor: pointer; }

/* end Offers table */
/* Tags */
.tags {
  margin-top: 8px;
  overflow: auto; }

.l-sidecol .tags {
  font-size: 0.825em; }

ul.tags li {
  list-style: none;
  margin-left: 6px; }

.tags li {
  float: left; }

.tag {
  background-color: #efefef;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 5px 5px 0px;
  padding: 2px 7px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap; }

.tag:hover {
  background-color: #dfe9d8;
  color: #333; }

.page-content dd li {
  list-style: none;
  margin-left: 0; }

/* end Tags */
/* Tabs */
.etabs {
  margin: 0;
  padding: 0; }

.tab {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  top: 1px;
  padding-top: 2px;
  background: #eee;
  border: solid 1px #ccc;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0px 0px; }

.tab a {
  font-size: 0.875em;
  line-height: 2em;
  display: block;
  padding: 0 8px;
  outline: none;
  text-decoration: none; }

.tab a:hover {
  text-decoration: underline; }

.tab.active {
  background: #fff;
  border-color: #e6e6e6; }

.tab a.active {
  font-weight: normal; }

.tab-container .panel-container {
  background: #fff;
  border: solid #e6e6e6 1px;
  padding: 20px 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px; }

.tab-container {
  margin-bottom: 20px; }

.panel-container {
  box-shadow: 3px 4px 6px 3px #eee; }

/* end Tabs */
/* Product description */
#description ul {
  font-size: 0.875em; }

#description li {
  list-style: disc;
  margin-bottom: 0.6em;
  margin-left: 2em; }

/* eBay table */
#ebay-tabs {
  margin-top: 30px; }

#ebay-tabs .panel-container {
  padding: 5px 0 0;
  width: 100%; }

#ebay-tabs h3 {
  float: right;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: -12px; }

#ebay-tabs table {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee; }

#ebay-tabs td, #ebay-tabs tbody {
  border: none; }

#ebay-tabs thead {
  display: none; }

#ebay-tabs tr {
  border: none;
  border-bottom: 1px solid #eee; }

#ebay-tabs tbody tr:hover {
  background-color: #f7faf5;
  cursor: pointer; }

#ebay-tabs tbody tr:last-child {
  border: none; }

#ebay-tabs .merchant-price {
  width: 4em; }

.ebay-image {
  text-align: center;
  width: 82px; }

.ebay-image img {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 2px;
  max-height: 100px;
  width: auto; }

.ebay-description {
  color: #555;
  font-size: 0.8125em;
  line-height: 1.3em;
  width: auto; }

.ebay-description a {
  color: #555;
  text-decoration: none; }

.ebay-bin {
  text-align: center;
  width: 70px; }

.ebay-more {
  font-size: 1em;
  padding-right: 16px;
  text-align: right; }

/* end eBay table */
/* Offer table */
.offer-notes {
  font-size: 0.875em;
  /* 14 / 16px */
  font-weight: bold; }

.offer-notes span {
  display: block;
  font-size: 0.78571428571429em;
  /* 11 / 14 */
  font-weight: normal; }

.offer-code {
  font-size: 1.125em;
  /* 18 / 16 */
  font-weight: bold;
  white-space: nowrap; }

/* end Offer table */
/* Images */
.image-feature {
  margin: 20px auto;
  text-align: center; }

.image-feature-inner {
  position: relative; }

.lt-ie10 .image-feature {
  display: block;
  margin: 20px 0; }

.image-feature img {
  border-top: 5px solid #5e933b; }

.caption {
  background: #202020;
  background-color: rgba(32, 32, 32, 0.6);
  bottom: 1em;
  left: 0;
  color: #9ebe89;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-right: 10px;
  padding: 8px;
  position: absolute;
  text-align: left;
  width: auto; }
  @media (max-width: 700px) {
    .caption {
      font-size: 1em; } }

/* end Images */
/* Related items */
.related {
  float: left;
  margin-right: 2%;
  text-align: center;
  width: 31%; }

.last {
  margin-right: 0; }

.related .bordered:hover {
  border: 1px solid #aaa;
  cursor: pointer; }

.related-brand {
  display: block;
  height: 34px; }

.related-brand img {
  vertical-align: middle; }

.related h4 {
  line-height: 1.2em;
  min-height: 2.8em; }

.related h4 a {
  text-decoration: none; }

.related h4 a:hover {
  text-decoration: underline; }

.related p {
  font-size: 0.875em;
  /* 14 / 16 */
  font-weight: bold; }

.related-journal {
  margin-left: 2%;
  margin-top: 12px;
  text-align: left;
  width: 30%; }

.related-journal h4 {
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 8px;
  min-height: 0; }

.related-journal p {
  font-size: 0.75em;
  font-weight: normal; }

/* end Related items */
/* Item lists */
.list-item {
  display: inline-block;
  *display: inline;
  margin-right: 2%;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 23%;
  zoom: 1; }
  @media (max-width: 1220px) {
    .list-item {
      width: 31%; } }
  @media (max-width: 1000px) {
    .list-item {
      width: 48%; } }
  @media (max-width: 800px) {
    .list-item {
      width: 31%; } }
  @media (max-width: 700px) {
    .list-item {
      width: 48%; } }

.last {
  margin-right: 0; }

.list-item .bordered {
  box-shadow: none; }

.list-item .bordered:hover {
  border: 1px solid #aaa;
  cursor: pointer; }

.list-item h4 {
  font-size: 0.875em;
  line-height: 1.2em;
  margin-bottom: 4px;
  min-height: 2.8em; }

.list-item h4 a {
  text-decoration: none; }

.list-item h4 a:hover {
  text-decoration: underline; }

.list-item p {
  font-size: 0.875em;
  /* 14 / 16 */
  font-weight: bold; }

.list-image {
  height: 150px;
  margin-bottom: 8px; }
  .list-image img {
    vertical-align: bottom; }

.list-brand {
  height: 42px; }
  .list-brand img {
    vertical-align: middle; }

.list-item-category {
  bottom: 16px;
  font-size: 12px;
  right: 8px;
  position: absolute; }

.sort {
  font-size: 0.75em;
  padding: 0 4px 8px;
  text-transform: uppercase; }

.sort .current a {
  background-image: url(/images/core/icons/success.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  padding-right: 24px; }

.saving {
  background: #7EA862;
  border-radius: 50%;
  bottom: 20px;
  color: #fff;
  font-size: 0.750em;
  font-weight: bold;
  height: 50px;
  line-height: 14px;
  padding-top: 11px;
  position: absolute;
  right: 10px;
  text-align: center;
  text-decoration: none;
  width: 50px; }
  .saving:hover, .saving:active, .saving:focus {
    background-color: #fc7215;
    color: #fff;
    text-decoration: none; }

/* end Item lists */
/* Actions */
.actions {
  line-height: 2em; }

.action {
  background-color: whitesmoke;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #555;
  font-size: 0.75em;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  white-space: nowrap; }
  .action:hover, .action:active, .action:focus {
    background-color: #dfe9d8;
    color: #000; }

.disabled {
  background-color: #eee;
  color: #ccc; }
  .disabled:hover {
    background-color: #eee;
    color: #ccc;
    cursor: progress; }

.action-small {
  font-size: 16px;
  font-weight: normal;
  padding: 3px 6px; }

.wish {
  background-image: url(/images/site/wish.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 24px; }
  .lt-ie9 .wish {
    background-image: url(/images/site/wish.png); }

.rss {
  background-image: url(/images/core/rss.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 24px; }
  .lt-ie9 .rss {
    background-image: url(/images/core/rss.png); }

.tweet {
  background-image: url(/images/core/tweet.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }
  .lt-ie9 .tweet {
    background-image: url(/images/core/tweet.png); }

.like {
  background-image: url(/images/core/like.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }
  .lt-ie9 .like {
    background-image: url(/images/core/like.png); }

.price-alert {
  background-image: url(/images/site/price-alert.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 24px; }
  .lt-ie9 .price-alert {
    background-image: url(/images/site/price-alert.png); }

.price-update {
  background-image: url(/images/site/price-update.svg);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding-left: 24px; }
  .lt-ie9 .price-update {
    background-image: url(/images/site/price-update.png); }

.social {
  margin-top: 30px; }

/* end Actions */
/* Brands menu */
.menu-brands {
  padding: 0 1.84615384615385em 20px;
  /* m-r = 24px / 13px */ }
  .lt-ie9 .menu-brands {
    width: 35em; }

.top-brands li {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: bottom;
  *display: inline;
  margin-right: 16px;
  *zoom: 1; }

.atoz-brands li {
  display: inline;
  line-height: 2.4em;
  text-align: center; }

.top-brands a:hover {
  border-bottom: 3px solid #ccc; }

.atoz-brands a {
  background-color: #eff4eb;
  border: 1px solid #ccc;
  color: #333;
  padding: 3px 6px;
  text-decoration: none; }
  .atoz-brands a:hover {
    background-color: #5e933b;
    color: #fff; }

/* end Brands menu */
/* Brands landing page */
.brand-list {
  border-top: 1px solid #eee;
  margin-top: 16px; }

.brand-list .top-brands {
  margin-top: 16px; }

.brand-list .top-brands li {
  margin-left: 10px;
  margin-right: 10px; }

/* end Brands landing page */
/* Journal */
.page-title h1 {
  margin-bottom: 4px; }

.page-meta {
  border-bottom: 1px solid #eee;
  font-size: 0.825em;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 8px;
  overflow: auto; }

.page-meta dt, .page-meta dd {
  float: left;
  margin-right: 4px; }

.page-meta dt:after {
  content: ":"; }

.page-meta dd {
  color: #5e933b;
  margin-right: 20px; }

.page-meta a {
  text-decoration: none; }
  .page-meta a:focus, .page-meta a:hover, .page-meta a:active {
    text-decoration: underline; }

.page-date {
  text-transform: uppercase; }

.page-tags {
  font-size: 0.825em; }

.page-tags dt, .page-tags dd, .page-tags li {
  float: left; }

.page-tags dt {
  font-weight: bold;
  margin-right: 4px; }

.page-tags dt:after {
  content: ":"; }

.journalpost {
  padding: 10px 15px 30px; }

/* end journal */
/* Comments */
.comments h2 {
  margin-bottom: 0;
  margin-top: 0; }

/* end Comments */
/* Guides menu */
.menu-guides {
  padding: 0 1.84615384615385em 20px;
  /* m-r = 24px / 13px */
  width: auto; }

/* end Guides menu */
/* Enquiries */
.enquiry {
  margin-top: 20px; }

/* end Enquiries */
/* Price alert */
#price-alert {
  display: none;
  font-size: 0.875em; }

.set-price-alert {
  margin-top: 20px; }

/* end Price alert */
/* Footer */
footer {
  border-top: 1px solid #eee;
  clear: both;
  color: #777;
  font-size: 0.6875em;
  /* 11 / 16 */
  margin-bottom: 60px;
  padding-top: 10px; }

footer h4 {
  line-height: 1.3em;
  margin: 0.6em 0; }

footer p {
  font-size: 1em; }

footer li {
  margin-bottom: 4px; }

footer a {
  color: #777;
  text-decoration: none; }
  footer a:hover {
    text-decoration: underline; }

footer input {
  display: inline; }

#subemail {
  border: 2px solid #ccc;
  height: 26px;
  padding: 0 4px;
  width: 160px; }
  #subemail:focus {
    border: 2px solid #6c6; }

/* end Footer */