/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Lato|Merriweather);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/* -------------------------------------------------------------------------- */
/**
 *   Globals
 */
/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font: 62.5% / 1.5 sans-serif;
  /* 1rem = 10px */
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
  color: black;
}

h1,
h2,
h3,
h4 {
  padding: 10px 0px;
  padding: 1rem 0rem;
  margin: 0px 0px 10px;
  margin: 0rem 0rem 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: normal;
}

h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
}

h3 {
  font-size: 20px;
  font-size: 2rem;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

a {
  color: #1399be;
  text-decoration: none;
  transition: 0.2s color ease-in-out;
}
a:hover {
  color: #0a4e61;
}
a:active {
  color: #4acaed;
}

p {
  margin: 5px 0px;
  margin: 0.5rem 0rem;
}

ul {
  margin: 5px 0px;
  margin: 0.5rem 0rem;
  font-size: 0;
  /* for inline-block lists */
}
ul li {
  font-size: 14px;
  font-size: 1.4rem;
}

blockquote {
  margin: 5px 0px;
  margin: 0.5rem 0rem;
}

/* -------------------- */
/**
 *   Global Classes
 */
/* formatting */
.inner {
  margin: 0px 10px;
  margin: 0rem 1rem;
  /* ----- IE 8 media query fallback starts ----- */
  margin: 0 auto;
  max-width: 80%;
  /* ------ IE 8 media query fallback ends ------ */
  /* unset with any nested inners */
}
.inner .inner {
  padding: 0;
  max-width: auto;
  margin: 0;
}

.full-width,
.col-wrapper .col .full-width {
  width: 100%;
}

.clear {
  clear: both;
}

.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

/* toggle options */
.toggle-link {
  cursor: pointer;
}

.toggle {
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: block;
  /* ------ IE 8 media query fallback ends ------ */
}

span.toggle {
  /* ----- IE 8 media query fallback starts ----- */
  display: inline;
  /* ------ IE 8 media query fallback ends ------ */
}

.active {
  /* ----- IE 8 media query fallback starts ----- */
  display: block;
  /* ------ IE 8 media query fallback ends ------ */
}

span.active {
  /* ----- IE 8 media query fallback starts ----- */
  /* if the active is a span, we don't want it to be set as a block */
  display: inline;
  /* ------ IE 8 media query fallback ends ------ */
}

/* breadcrumb navigation */
.breadcrumb ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li:after {
  content: "\f105";
  /* angle right character */
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.breadcrumb li:last-child:after {
  content: none;
}

/* page titles */
.page-title {
  background: #1399be;
  padding: 5px;
  padding: 0.5rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  color: white;
}
.page-title a {
  color: white;
}

.subcategory-menu span {
  display: none;
}
.subcategory-menu .select-box, .subcategory-menu .productAttributeValue select, .productAttributeValue .subcategory-menu select {
  width: 100%;
}

.product-nav {
  line-height: 3;
}
.product-nav .block-content, .product-nav .share-product ul.tabs li, .share-product ul.tabs .product-nav li, .product-nav #tabcontent.tab-content {
  line-height: 3;
}

.sort-by div {
  display: inline;
}
.sort-by span {
  display: none;
}

.paging-list {
  display: inline;
  padding: 0;
  margin: 0;
  list-style: none;
}
.paging-list li {
  display: inline;
  padding-right: 5px;
  padding-right: 0.5rem;
}

.nav-prev-text,
.nav-next-text {
  display: none;
}

/* content block */
.block {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.block-title, .share-product ul.tabs li.active {
  position: relative;
  background: #1399be;
  padding: 5px;
  padding: 0.5rem;
  margin: 0;
  color: white;
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.block-title a, .share-product ul.tabs li.active a {
  color: white;
}
.block-title.has-toggle, .share-product ul.tabs li.has-toggle.active {
  padding-right: 1em;
  /* width of one character, i.e. the toggle icon */
}
.block-title.has-toggle, .share-product ul.tabs li.has-toggle.active {
  padding-right: 5px;
  padding-right: 0.5rem;
}
.sidebar .block-title, .sidebar .share-product ul.tabs li.active, .share-product ul.tabs .sidebar li.active {
  font-size: 20px;
  font-size: 2rem;
}

.blog-title a {
  display: block;
}

.sub-title {
  margin-bottom: 0;
}

.toggle-icon {
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  top: 50%;
  right: 5px;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 5px 10px 5px 20px;
  padding: 0.5rem 1rem 0.5rem 2rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
}

.block-content, .share-product ul.tabs li, #tabcontent.tab-content {
  background: #ededed;
  padding: 5px;
  padding: 0.5rem;
  border: 1px solid #bababa;
  color: black;
  line-height: 1.5;
}
.block-title + .block-content, .share-product ul.tabs li.active + .block-content, .share-product ul.tabs .block-title + li, .share-product ul.tabs li.active + li, .block-title + #tabcontent.tab-content, .share-product ul.tabs li.active + #tabcontent.tab-content {
  border-top: none;
}
.block-content ~ .block-content:not(.block-content:first-of-type), .share-product ul.tabs li ~ .block-content:not(.block-content:first-of-type), #tabcontent.tab-content ~ .block-content:not(.block-content:first-of-type), .share-product ul.tabs .block-content ~ li:not(.block-content:first-of-type), .share-product ul.tabs li ~ li:not(.block-content:first-of-type), .share-product ul.tabs #tabcontent.tab-content ~ li:not(.block-content:first-of-type), .block-content ~ #tabcontent.tab-content:not(.block-content:first-of-type), .share-product ul.tabs li ~ #tabcontent.tab-content:not(.block-content:first-of-type), #tabcontent.tab-content ~ #tabcontent.tab-content:not(.block-content:first-of-type),
.block-content ~ .block-list:not(.block-list:first-of-type),
.share-product ul.tabs li ~ .block-list:not(.block-list:first-of-type),
#tabcontent.tab-content ~ .block-list:not(.block-list:first-of-type) {
  margin-top: 10px;
  margin-top: 1rem;
}

.block-list {
  /* list-entries mimic an anchor's style where one does not exist or there are multiple anchors per li */
}
.block-list ul,
.block-list ol {
  background: #ededed;
  padding: 0;
  border: 1px solid #bababa;
  border-bottom: none;
  margin: 0px 0px 10px;
  margin: 0rem 0rem 1rem;
  list-style: none;
  color: black;
  line-height: 3;
}
.page-title + .block-list ul, .block-title + .block-list ul, .share-product ul.tabs li.active + .block-list ul, .page-title +
.block-list ol, .block-title +
.block-list ol, .share-product ul.tabs li.active +
.block-list ol {
  border-top: none;
}
.block-list ul ~ .block-content, .block-list .share-product ul.tabs ul ~ li, .share-product ul.tabs .block-list ul ~ li, .block-list ul ~ #tabcontent.tab-content,
.block-list ul ~ .block-list,
.block-list ol ~ .block-content,
.block-list .share-product ul.tabs ol ~ li,
.share-product ul.tabs .block-list ol ~ li,
.block-list ol ~ #tabcontent.tab-content,
.block-list ol ~ .block-list {
  margin-top: 10px;
  margin-top: 1rem;
}
.block-list ul ul,
.block-list ul ol,
.block-list ol ul,
.block-list ol ol {
  border: none;
  margin: 0;
}
.block-list a,
.block-list .list-entry {
  display: block;
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  border-bottom: 1px solid #bababa;
}
.block-list a {
  background: #ededed;
  color: #1399be;
  transition: 0.2s color ease-in-out, 0.2s background ease-in-out;
}
.block-list a:hover {
  background: #e0e0e0;
  color: #0a4e61;
}
.block-list .list-entry * {
  line-height: 1.5;
}
.block-list .list-entry a {
  display: inline;
  padding: 0;
  border: none;
  background: none;
}

/* ----- IE 8 media query fallback starts ----- */
.sidebar .block-list a {
  /* makes list items not overflow onto two lines, appended with an ellipsis */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ------ IE 8 media query fallback ends ------ */
/* child categories */
.level-1 a {
  background: #e0e0e0;
  color: #1186a7;
}
.level-1 a:hover {
  background: lightgray;
  color: #0c6178;
}

.level-2 a {
  background: lightgray;
  color: #0e7490;
}
.level-2 a:hover {
  background: #c7c7c7;
  color: #0e7490;
}

.level-3 a {
  background: #c7c7c7;
  color: #0c6178;
}
.level-3 a:hover {
  background: #bababa;
  color: #1186a7;
}

.level-4 a {
  background: #bababa;
  color: #0a4e61;
}
.level-4 a:hover {
  background: #adadad;
  color: #1399be;
}

.level-5 a {
  background: #adadad;
  color: #073c4a;
}
.level-5 a:hover {
  background: #a1a1a1;
  color: #15acd5;
}

/* toggle options */
.has-sub {
  position: relative;
}

.toggle-nav {
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  top: 0;
  right: 0;
  min-width: 15%;
  padding: 0;
  border-left: 1px solid #bababa;
  text-align: center;
  /* ------ IE 8 media query fallback ends ------ */
}

/* ----- IE 8 media query fallback starts ----- */
.block-list .toggle-nav {
  display: none;
}

/* ------ IE 8 media query fallback ends ------ */
.block-table {
  table-layout: fixed;
  width: 100%;
}
.block-table thead {
  border-bottom: 1px solid #bababa;
}
.block-table tfoot {
  border-top: 1px solid #bababa;
}
.block-table th {
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  text-align: left;
}
.block-table th:first-child {
  padding-left: 0;
}
.block-table th:last-child {
  padding-right: 0;
}
.block-table td {
  padding: 5px;
  padding: 0.5rem;
  vertical-align: top;
}
.block-table td:first-child {
  padding-left: 0;
}
.block-table td:last-child {
  padding-right: 0;
}
.block-table img {
  max-width: 100%;
}
.block-table .sub-title {
  font-weight: bold;
}

.table-col-wide {
  width: 30%;
}

.table-col-small {
  width: 5%;
}

/* tabs */
.block-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
}
.block-tabs li {
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.5rem;
}
.block-tabs li:last-child {
  margin-right: 0;
}
.block-tabs a {
  display: block;
  background: #e0e0e0;
  padding: 5px;
  padding: 0.5rem;
  border: 1px solid #bababa;
  border-bottom: none;
  color: #0a4e61;
  transition: 0.2s color ease-in-out, 0.2s background ease-in-out;
}
.block-tabs a:hover {
  background: #ededed;
  border: 1px solid #bababa;
  border-bottom: none;
  color: #1399be;
}
.block-tabs .Active a {
  background: #ededed;
  border: 1px solid #bababa;
  border-bottom: none;
  color: #1399be;
}

/* multi-step layout */
.multi-step {
  padding: 0;
  margin: 0;
  list-style: none;
}
.multi-step li {
  display: inline-block;
  padding: 0px 5px 0px 0px;
  padding: 0rem 0.5rem 0rem 0rem;
  font-weight: bold;
}
.multi-step li:after {
  content: " \f105";
  /* right angle character */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
.multi-step li:last-child:after {
  content: none;
}
.multi-step .active-page {
  font-style: italic;
}
.multi-step .completed a:after {
  content: " \f00c";
  /* tick character */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

/* form elements */
.button {
  display: inline-block;
  background: #333333;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  border: 1px solid #333333;
  color: white;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  transition: 0.2s background-color ease-in-out;
}
.button:hover {
  background: #666666;
  color: #f2f2f2;
}
.button a {
  display: block;
  color: white;
}
.button:active {
  padding-top: calc(5px + 1px);
  padding-top: calc(0.5rem + 0.1rem);
  padding-right: calc(10px + 1px);
  padding-right: calc(1rem - 0.1rem);
  padding-bottom: calc(5px + 1px);
  padding-bottom: calc(0.5rem - 0.1rem);
  padding-left: calc(10px + 1px);
  padding-left: calc(1rem + 0.1rem);
}

/* add .button-wrapper around buttons that are globals */
/* for consistency, wrap a .button span around any global buttons which can't be edited */
/* jQuery removes padding on .button is unset if it contains an input tag */
.button-wrapper {
  display: inline-block;
  padding: 0;
  border: none;
}
.button-wrapper:active {
  padding: 0;
}
.button-wrapper div {
  display: inline;
}
.button-wrapper input,
.button-wrapper a {
  background: none;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  border: 1px solid #333333;
}
.button-wrapper input:active,
.button-wrapper a:active {
  padding-top: calc(5px + 1px);
  padding-top: calc(0.5rem + 0.1rem);
  padding-right: calc(10px + 1px);
  padding-right: calc(1rem - 0.1rem);
  padding-bottom: calc(5px + 1px);
  padding-bottom: calc(0.5rem - 0.1rem);
  padding-left: calc(10px + 1px);
  padding-left: calc(1rem + 0.1rem);
}

.text-box, .productAttributeValue input[type="text"],
.select-box,
.productAttributeValue select,
.text-area,
.productAttributeValue textarea,
.check-box {
  background: white;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  border: 1px solid #cccccc;
  color: #333333;
  transition: 0.2s background ease-in-out;
}

.filled {
  background: #ffffe5;
}

/* uses font awesome glyphs in place of standard browser elements */
.check-box[type="checkbox"],
.radio-button[type="radio"] {
  display: none;
}
.lt-ie9 .check-box[type="checkbox"], .lt-ie9
.radio-button[type="radio"] {
  display: inline;
}
.check-box[type="checkbox"] + label,
.radio-button[type="radio"] + label {
  display: block;
  cursor: pointer;
}
.lt-ie9 .check-box[type="checkbox"] + label, .lt-ie9
.radio-button[type="radio"] + label {
  display: inline;
}
.check-box[type="checkbox"] + label:before,
.radio-button[type="radio"] + label:before {
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.5rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
.lt-ie9 .check-box[type="checkbox"] + label:before, .lt-ie9
.radio-button[type="radio"] + label:before {
  display: none;
}

.check-box[type="checkbox"] + label:before {
  content: "\f096";
  /* unchecked tickbox character */
}
.check-box[type="checkbox"]:checked + label:before {
  content: "\f046";
  /* checked tickbox character */
}

.radio-button[type="radio"] + label:before {
  content: "\f10c";
  /* unchecked radio button character */
}
.radio-button[type="radio"]:checked + label:before {
  content: "\f192";
  /* checked radio button character */
}

.form-container {
  font-size: 0;
}
.form-container p,
.form-container li,
.form-container div,
.form-container span,
.form-container table {
  font-size: 14px;
  font-size: 1.4rem;
}
.form-container label,
.form-container select,
.form-container textarea,
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="password"],
.form-container .captcha {
  display: inline-block;
  width: 80%;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: text-bottom;
}
.form-container label {
  display: inline-block;
  width: 18%;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
}
.form-container .radio-button + label,
.form-container .check-box + label {
  width: auto;
}
.form-container .button {
  font-size: 14px;
  font-size: 1.4rem;
}
.form-container .full-width label {
  width: auto;
}

.form-row, .form-container .productAttributeRow {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.multi-element-row label,
.multi-element-row select,
.multi-element-row textarea,
.multi-element-row input[type="text"],
.multi-element-row input[type="email"],
.multi-element-row input[type="password"],
.multi-element-row .captcha {
  width: auto;
}
.multi-element-row label {
  vertical-align: text-bottom;
}
.multi-element-row label:first-child {
  width: 18%;
}

.recaptcha .button {
  margin-top: 5px;
  margin-top: 0.5rem;
}

.captcha img {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

/* add .form-wrapper around forms or fields that are globals */
.form-wrapper dl,
.form-wrapper dd {
  margin: 0;
}
.form-wrapper dt {
  display: inline-block;
  width: 18%;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
}
.form-wrapper dt span {
  font-size: 12px;
  font-size: 1.2rem;
}
.form-wrapper dd {
  display: inline-block;
  width: 80%;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: text-bottom;
}
.form-wrapper select,
.form-wrapper textarea,
.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper input[type="password"] {
  width: 100%;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}
.form-wrapper .full-width {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}
.form-wrapper .full-width label {
  width: auto;
}

/* messages (errors, prompts etc.) */
.message {
  background: #ffffe5;
  padding: 5px;
  padding: 0.5rem;
  border: 1px solid #ffff7f;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  color: black;
}
.message:empty {
  display: none;
}

p.message {
  margin-top: 0;
}

.error-message {
  background: #ff2b00;
  padding: 5px;
  padding: 0.5rem;
  border: 1px solid #ff8066;
  color: white;
}

/* login form */
.create-account,
.account-login {
  /* ----- IE 8 media query fallback starts ----- */
  float: left;
  width: 50%;
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  /* ------ IE 8 media query fallback ends ------ */
}

/* misc */
.completed:after {
  content: "\f00c";
  /* tick/check character */
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

/* -------------------- */
/**
 *   Drawer Menu (Panels/DrawerMenu.html)
 */
.drawer-menu {
  display: none;
}

/* -------------------- */
/**
 *   Banners
 */
.banner_home_page_top,
.banner_home_page_bottom,
.banner_category_page_top,
.banner_category_page_bottom,
.banner_brand_page_top,
.banner_brand_page_bottom,
.banner_search_page_top,
.banner_search_page_bottom {
  padding: 10px;
  padding: 1rem;
}

/* -------------------- */
/**
 *   Cookie Notification (Snippets/CookieNotification.html)
 */
.cookie-notification {
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  background: #666666;
  color: white;
  font-size: 0;
}
.cookie-notification .inner {
  /* ----- IE 8 media query fallback starts ----- */
  position: relative;
  padding: 0px 10px;
  padding: 0rem 1rem;
  line-height: 3;
  /* ------ IE 8 media query fallback ends ------ */
}

.notification-icon {
  display: inline-block;
  width: 8%;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle;
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  left: 10px;
  left: 1rem;
  width: auto;
  max-width: 10%;
  line-height: normal;
  /* ------ IE 8 media query fallback ends ------ */
}

.notification-content {
  display: inline-block;
  width: 92%;
  text-align: right;
  vertical-align: middle;
  /* ----- IE 8 media query fallback starts ----- */
  width: 100%;
  /* ------ IE 8 media query fallback ends ------ */
}
.notification-content p {
  display: inline-block;
  width: 80%;
  padding: 0px 10px;
  padding: 0rem 1rem;
  margin: 0;
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
  vertical-align: middle;
  /* ----- IE 8 media query fallback starts ----- */
  width: 100%;
  padding: 0 10%;
  text-align: center;
  line-height: 3;
  /* ------ IE 8 media query fallback ends ------ */
}
.notification-content .button {
  width: 20%;
  background: #cccccc;
  border: 1px solid #cccccc;
  color: black;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  right: 10px;
  right: 1rem;
  width: auto;
  max-width: 10%;
  line-height: normal;
  /* ------ IE 8 media query fallback ends ------ */
}
.notification-content .button:hover {
  background: #999999;
  color: #333333;
}
.notification-content .button a {
  display: block;
  color: black;
}

/* -------------------- */
/**
 *   Social Media Icons
 */
.social-media {
  clear: both;
  font-size: 0;
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.social-media .block-list {
  width: 81.65%;
}
.social-media .block-list ul {
  margin: 0;
}
.social-media .block-list li {
  display: inline-block;
  padding: 0px 10px 0px 0px;
  padding: 0rem 1rem 0rem 0rem;
}
.social-media .block-list a:before {
  font-size: 24px;
  font-size: 2.4rem;
}
.social-media .block-title, .social-media .share-product ul.tabs li.active, .share-product ul.tabs .social-media li.active,
.social-media .block-list {
  display: inline-block;
  vertical-align: middle;
}
.social-media .block-title, .social-media .share-product ul.tabs li.active, .share-product ul.tabs .social-media li.active {
  width: 18.35%;
}
.social-media .block-list {
  width: 81.65%;
}

/* default icons */
.icon-social {
  font-size: 0;
}

.icon-social:before {
  padding-right: 5px;
  padding-right: 0.5rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

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

.icon-twitter:before {
  content: "\f081";
}

.icon-googleplus:before {
  content: "\f0d4";
}

.icon-linkedin:before {
  content: "\f08c";
}

.icon-pinterest:before {
  content: "\f0d3";
}

.icon-youtube:before {
  content: "\f166";
}

.icon-stumbleupon:before {
  content: "\f1a3";
}

.icon-tumblr:before {
  content: "\f174";
}

.icon-rss:before {
  content: "\f143";
}

/* uncomment for standard social media colours */
/*
.footer {    
    .icon-facebook:before {
        color: #3b5998;
    }

    .icon-twitter:before {
        color: #00aced;
    }

    .icon-googleplus:before {
        color: #dd4b39;
    }

    .icon-linkedin:before {
        color: #007bb6;
    }

    .icon-pinterest:before {
        color: #cb2027;
    }

    .icon-youtube:before {
        color: #bb0000;
    }

    .icon-stumbleupon:before {
        color: #eb4823;
    }

    .icon-tumblr:before {
        color: #32506d;
    }

    .icon-rss:before {
        color: #fea501;
    }
}
*/
/* theme icons */
.icon-social-theme {
  display: block;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
}

.icon-social-theme:before {
  content: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
}

.icon-social-theme.icon-facebook {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-facebook.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-facebook.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-facebook:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-facebook.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-facebook.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-twitter {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-twitter.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-twitter.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-twitter:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-twitter.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-twitter.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-googleplus {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-googleplus.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-googleplus.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-googleplus:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-googleplus.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-googleplus.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-linkedin {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-linkedin.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-linkedin.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-linkedin:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-linkedin.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-linkedin.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-pinterest {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-pinterest.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-pinterest.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-pinterest:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-pinterest.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-pinterest.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-youtube {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-youtube.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-youtube.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-youtube:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-youtube.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-youtube.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-stumbleupon {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-stumbleupon.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-stumbleupon.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-stumbleupon:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-stumbleupon.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-stumbleupon.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-tumblr {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-tumblr.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-tumblr.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-tumblr:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-tumblr.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-tumblr.png?t=1414403059) no-repeat center/100%;
}

.icon-social-theme.icon-rss {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-rss.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-rss.png?t=1414403059) no-repeat center/100%;
}
.icon-social-theme.icon-rss:hover {
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-rss.png?t=1414403059) no-repeat center;
  background: url(//cdn3.bigcommerce.com/s-jrn99vd/templates/__custom/images/icon-rss.png?t=1414403059) no-repeat center/100%;
}

/* -------------------- */
/**
 *   Slide Show (Panels/HomeSlideShow.html)
 */
.slide-show {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  color: white;
}
.slide-show a {
  color: white;
}
.slide-show .slides {
  padding: 0;
  margin: 0;
  list-style: none;
  /* hide all but the first banner - removed by plugin but stops any flicker on load */
}
.slide-show .slides li {
  display: none;
}
.slide-show .slides li:first-child {
  display: block;
}
.slide-show .slide {
  position: relative;
}
.slide-show .slide-overlay {
  /* container for optional text */
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  padding: 1rem;
}
.slide-show .slide-heading {
  padding-top: 0;
}
.slide-show .slide-text {
  font-size: 12px;
  font-size: 1.2rem;
}
.slide-show .slide-image {
  /* makes the banner 'responsive' */
  display: block;
  width: 100%;
  height: auto;
}
.slide-show .flex-control-nav {
  /* banner navigation 'pips' */
  position: absolute;
  top: 10px;
  top: 1rem;
  right: 10px;
  right: 1rem;
  width: 25%;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 0;
  text-align: right;
}
.slide-show .flex-control-nav li {
  display: inline-block;
}
.slide-show .flex-control-nav a {
  display: block;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  background: #333333;
  padding: 50% 0;
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  border-radius: 50%;
  margin-right: 5px;
  margin-right: 0.5rem;
  font-size: 0;
  text-align: center;
  cursor: pointer;
  transition: 0.2s background ease-in-out;
}
.slide-show .flex-control-nav a:hover,
.slide-show .flex-control-nav .flex-active {
  background: #1399be;
}
.slide-show .flex-direction-nav {
  /* banner navigation prev/next */
  padding: 0;
  margin: 0;
  list-style: none;
}
.slide-show .flex-prev,
.slide-show .flex-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0.5;
  font-size: 28px;
  font-size: 2.8rem;
  transition: 0.2s opacity ease-in-out;
}
.slide-show .flex-prev:hover,
.slide-show .flex-next:hover {
  opacity: 1;
}
.slide-show:hover .flex-prev, .slide-show:hover .flex-next {
  visibility: visible;
}
.slide-show .flex-prev {
  left: 10px;
  left: 1rem;
}
.slide-show .flex-next {
  right: 10px;
  right: 1rem;
}

/* -------------------- */
/**
 *   Product List
 *   (Snippets/HomeFeaturedProducstItem.html, Snippets/HomeNewProducstItem.html, Snippets/CategoryProductsItem.html,
 *   Snippets/CategoryProductsItemList.html)
 */
.product-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.product-list li {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
}
.product-list a {
  display: block;
}

/* cart product list */
.mini-cart-contents a {
  display: inline;
  overflow: visible;
  white-space: normal;
}
.mini-cart-contents .price {
  display: block;
}

/* product image */
.product-image {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  text-align: center;
}
.product-image img {
  max-width: 100%;
  height: auto;
}

/* product title */
.product-name {
  height: 42.0px;
  height: 4.2rem;
  /* longer titles will be cut off with an ellipsis using dotdotdot plugin */
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0;
  margin: 0px 0px 5px;
  margin: 0rem 0rem 0.5rem;
}

/* quick view button */
.QuickViewBtn {
  position: absolute;
  right: 0;
  left: 0;
  padding: 5px;
  padding: 0.5rem;
  border-radius: 5px;
  border-radius: 0.5rem;
  margin: 0px 10px;
  margin: 0rem 1rem;
  text-align: center;
  cursor: pointer;
}

/* product price */
.product-price {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.RetailPriceValue {
  font-weight: normal;
}

.SalePrice {
  font-style: italic;
}

/* product ratings */
.product-rating {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.rating-number {
  display: none;
}

.rating-0 {
  opacity: 0.5;
  /* partially fade un-rated product's stars */
}

/* compare button */
.product-compare-button {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}
.product-compare-button div {
  display: inline;
}
.product-compare-button .check-box {
  padding-right: 5px;
  padding-right: 0.5rem;
}

/* add to cart/choose options button */
.product-action-add .button {
  width: 100%;
}

/* list view */
.list-view .product-image {
  float: left;
  width: 20%;
}
.list-view .product-right-col {
  float: right;
  width: 80%;
  padding-left: 5px;
  padding-left: 0.5rem;
}
.list-view .QuickViewBtn {
  width: 20%;
}

/* -------------------- */
/**
 *   Loading Notice (Panels/Header.html)
 */
.ajax-loading {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
}

/* inner section */
.ajax-loader {
  position: absolute;
  top: 50%;
  width: 100%;
}

/**
 *   Header (Panels/Header.html)
 */
.header {
  position: relative;
  z-index: 1;
  background: white;
  font-size: 0;
  /* ----- IE 8 media query fallback starts ----- */
  font-size: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.is-sticky .header {
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  /* makes Chrome use GPU acceleration, fixes some animating bugs */
}
.header .inner {
  /* ----- IE 8 media query fallback starts ----- */
  padding: 0px 10px;
  padding: 0rem 1rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.header .has-sub > a:after,
.header .has-sub > .list-entry:after {
  content: "\f107";
  /* angle down character */
  margin-left: 5px;
  margin-left: 0.5rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.header .level-1 .has-sub > a:after,
.header .level-1 .has-sub > .list-entry:after {
  content: "\f105";
  /* angle right character */
  float: right;
}

/* Navigation */
.header-option {
  /* ----- IE 8 media query fallback starts ----- */
  display: inline-block;
  width: 33.333%;
  background: #1399be;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 3;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  position: static;
  width: auto;
  background: none;
  color: inherit;
  /* ------ IE 8 media query fallback ends ------ */
}
.header-option > a {
  display: block;
  color: white;
}

.header-toggle {
  /* ----- IE 8 media query fallback starts ----- */
  padding: 5px;
  padding: 0.5rem;
  text-align: center;
  transition: 0.2s color ease-in-out, 0.2s background ease-in-out;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
}
.header-toggle:hover, .header-toggle.active {
  background: #4acaed;
}
.header-toggle .fa {
  padding-right: 5px;
  padding-right: 0.5rem;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle;
}

.toggle-currency .fa,
.toggle-nav .fa {
  font-size: 12px;
  font-size: 1.2rem;
}

.toggle-text {
  vertical-align: middle;
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: inline;
  /* ------ IE 8 media query fallback ends ------ */
}

.toggle-content {
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background: #ededed;
  border: 1px solid #bababa;
  border-top: none;
  padding: 10px;
  padding: 1rem;
  color: black;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  position: static;
  left: auto;
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  /* ------ IE 8 media query fallback ends ------ */
}

.toggle-menu {
  /* ----- IE 8 media query fallback starts ----- */
  overflow-y: auto;
  margin: 0px 10px;
  margin: 0rem 1rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  overflow-y: visible;
  margin: 0;
  /* ------ IE 8 media query fallback ends ------ */
}

/* -------------------- */
/**
 *   Header Content (Panels/Header.html + Panels/HeaderSearch.html)
 */
.header-content {
  padding: 10px 0px;
  padding: 1rem 0rem;
  /* ----- IE 8 media query fallback starts ----- */
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  width: 100%;
  /* ------ IE 8 media query fallback ends ------ */
}
.header-content .inner {
  position: relative;
}
.lt-ie10 .header-content {
  padding-top: 46px;
}

/* -------------------- */
/**
 *   Header Logo (Panels/Header.html)
 */
.header-logo {
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  line-height: 3;
}
.header-logo h1 {
  padding: 0;
  margin: 0;
}

/* -------------------- */
/**
 *   Header Search (Panels/HeaderSearch.html)
 */
.search-options, .search-expand {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* ----- IE 8 media query fallback starts ----- */
  width: 100%;
  white-space: nowrap;
  text-align: right;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  right: 10px;
  right: 1rem;
  left: auto;
  width: 30%;
  text-align: left;
  /* ------ IE 8 media query fallback ends ------ */
}
.lt-ie9 .search-options, .lt-ie9 .search-expand {
  top: 0;
}

/* search expander button */
.search-toggle {
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: block;
  /* ------ IE 8 media query fallback ends ------ */
}
.search-toggle.active {
  display: block;
}

.search-expand {
  display: none;
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  /* line heights on form elements and IE = bad times */
  text-align: center;
  cursor: pointer;
  /* ----- IE 8 media query fallback starts ----- */
  width: 17.5%;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  width: 20%;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.search-expand:hover {
  background: #666666;
  color: #f2f2f2;
}
.search-expand:active {
  padding-top: calc(10px + 1px);
  padding-top: calc(1rem + 0.1rem);
  padding-bottom: calc(10px + 1px);
  padding-bottom: calc(1rem - 0.1rem);
}
.search-expand a {
  display: block;
  color: white;
}
.search-expand.active {
  display: block;
}
.search-expand.active {
  display: none;
}

.header-search {
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.header-search h3 {
  display: none;
}
.header-search .block-content, .header-search .share-product ul.tabs li, .share-product ul.tabs .header-search li, .header-search #tabcontent.tab-content {
  background: none;
  padding: 10px 0px;
  padding: 1rem 0rem;
  border: none;
}

.search-form form {
  font-size: 0;
}
.search-form label {
  display: none;
}
.search-form .text-box, .search-form .productAttributeValue input[type="text"], .productAttributeValue .search-form input[type="text"],
.search-form .button {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  /* ----- IE 8 media query fallback starts ----- */
  width: 72.5%;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  width: 80%;
  /* ------ IE 8 media query fallback ends ------ */
}
.search-form .button {
  /* ----- IE 8 media query fallback starts ----- */
  width: 17.5%;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  width: 20%;
  /* ------ IE 8 media query fallback ends ------ */
}
.search-form .close {
  /* ----- IE 8 media query fallback starts ----- */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10%;
  cursor: pointer;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
}

/* quick search table that appears when keywords are entered */
.QuickSearch {
  position: absolute;
  width: 100%;
  background: #e0e0e0;
  border: 1px solid #adadad;
  font-size: 14px;
  font-size: 1.4rem;
  /* rating graphics don't appear correctly in the search so hide them */
}
.QuickSearch .RatingIMG {
  display: none;
}

.QuickSearchResult {
  padding: 5px;
  padding: 0.5rem;
  border-bottom: 1px solid #adadad;
  cursor: pointer;
}

.QuickSearchResultImage {
  max-width: 20%;
  padding: 5px;
  padding: 0.5rem;
}
.QuickSearchResultImage img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.QuickSearchResultMeta {
  padding: 5px;
  padding: 0.5rem;
}

.QuickSearchAllResults a {
  display: block;
  padding: 5px;
  padding: 0.5rem;
}

/* -------------------- */
/**
 *   Account Menu/Top Menu (Panels/TopMenu.html)
 */
.account-options {
  /* ----- IE 8 media query fallback starts ----- */
  padding-left: 10px;
  padding-left: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%;
  background: #333333;
  padding: 0;
  line-height: 2;
  /* ------ IE 8 media query fallback ends ------ */
}
.account-options .block-title, .account-options .share-product ul.tabs li.active, .share-product ul.tabs .account-options li.active {
  display: none;
}
.account-options .block-list {
  padding: 0;
}
.account-options ul {
  background: none;
  border: none;
  margin: 0;
  color: #cccccc;
}
.account-options li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
}
.account-options li li {
  display: block;
}
.account-options a,
.account-options .list-entry {
  background: none;
  border: none;
}
.account-options a {
  color: white;
}
.account-options a:hover, .account-options a:active {
  background: none;
  color: #cccccc;
}
.account-options .fa {
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
}
.lt-ie10 .account-options {
  position: absolute;
  top: 0;
  height: 36px;
  line-height: 36px;
}

/* currency selector */
.currency-selector {
  /* ----- IE 8 media query fallback starts ----- */
  cursor: pointer;
  /* ------ IE 8 media query fallback ends ------ */
}
.currency-selector ul {
  display: none;
  position: absolute;
  z-index: 2;
  background: #333333;
  min-width: 200px;
  min-width: 20rem;
}
.currency-selector:hover ul {
  display: block;
}

/* -------------------- */
/**
 *  Mini Cart (Panels/SideCartContents.html)
 */
.cart-options {
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
}

.cart-options {
  /* ----- IE 8 media query fallback starts ----- */
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.cart-options .inner {
  position: relative;
}
.cart-options .header-toggle {
  display: block;
  float: right;
  padding: 0;
  line-height: 3;
  color: white;
}
.cart-options .header-toggle:hover, .cart-options .header-toggle.active {
  background: none;
  color: #cccccc;
}

/* cart icon and number of products notification */
.cart-icon-wrapper {
  position: relative;
}

.cart-items {
  position: absolute;
  top: -60%;
  right: -20%;
  display: inline-block;
  background: #333333;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 20px;
  line-height: 2rem;
}

/* copy of the mini cart appearing in the account menu bar */
.account-menu-cart {
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: inline-block;
  position: relative;
  float: right;
  /* ------ IE 8 media query fallback ends ------ */
}
.account-menu-cart .header-toggle {
  display: inline-block;
  padding: 0;
  color: white;
}
.account-menu-cart .header-toggle:hover, .account-menu-cart .header-toggle.active {
  background: none;
  color: #cccccc;
}
.account-menu-cart .fa {
  display: inline;
}
.account-menu-cart .cart-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  width: 300px;
  width: 30rem;
  background: #333333;
  color: #cccccc;
}
.account-menu-cart .cart-wrapper.active {
  display: inline;
}
.account-menu-cart .cart-wrapper .inner {
  max-width: none;
}
.account-menu-cart .cart-wrapper .block-content, .account-menu-cart .cart-wrapper .share-product ul.tabs li, .share-product ul.tabs .account-menu-cart .cart-wrapper li, .account-menu-cart .cart-wrapper #tabcontent.tab-content {
  background: none;
  border: none;
  color: #cccccc;
}
.account-menu-cart .cart-items {
  position: relative;
  right: 0;
  background: #1399be;
  top: -5px;
  top: -0.5rem;
  color: white;
}
.account-menu-cart li {
  line-height: 1.5;
}

/* -------------------- */
/**
 *  Store Navigation (Panels/SideCategoryList.html & Panels/PagesMenu.html)
 */
.nav-options {
  /* ----- IE 8 media query fallback starts ----- */
  padding-right: 10px;
  padding-right: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
  width: 100%;
  padding: 0;
  background: #1399be;
  color: white;
  /* ------ IE 8 media query fallback ends ------ */
}
.nav-options .block-title, .nav-options .share-product ul.tabs li.active, .share-product ul.tabs .nav-options li.active {
  display: none;
}
.nav-options li {
  display: inline-block;
  vertical-align: top;
}
.nav-options li ul {
  display: none;
}
.nav-options li:hover ul {
  display: block;
}
.nav-options .level-0 {
  background: none;
  border: none;
  margin: 0;
}
.nav-options .level-0 a {
  background: #1399be;
  border: none;
  color: white;
}
.nav-options .level-0 a:hover, .nav-options .level-0 a.active {
  background: #4acaed;
}
.nav-options .level-0 .over > a {
  background: #4acaed;
}
.nav-options .level-1 {
  position: absolute;
}
.nav-options .level-1 li {
  display: block;
  min-width: 200px;
  min-width: 20rem;
}
.nav-options .level-1 li .level-2 {
  display: none;
}
.nav-options .level-1 li:hover .level-2 {
  display: block;
}
.nav-options .level-1 a {
  background: #ededed;
  color: #1399be;
}
.nav-options .level-1 a:hover {
  background: #e0e0e0;
  color: #0a4e61;
}
.nav-options .level-1 .over > a {
  background: #e0e0e0;
  color: #0a4e61;
}
.nav-options .level-2 {
  position: absolute;
  top: 0;
  left: 100%;
}

.header .side-category-list,
.header .pages-menu {
  /* ----- IE 8 media query fallback starts ----- */
  float: left;
  margin: 0;
  /* ------ IE 8 media query fallback ends ------ */
}

/* -------------------- */
/**
 *   Layout - 3 column
 */
.cols {
  position: relative;
  /* ----- IE 8 media query fallback starts ----- */
  padding-top: 10px;
  padding-top: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  padding: 0;
  /* ------ IE 8 media query fallback ends ------ */
}

/* ----- IE 8 media query fallback starts ----- */
.col {
  padding: 10px 10px 0px;
  padding: 1rem 1rem 0rem;
}
.col:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.col-wrapper {
  float: left;
  width: 81.65%;
}

.col-main {
  float: right;
  width: 77.5%;
  padding-left: 10px;
  padding-left: 1rem;
}
.col-main:before {
  left: 18.35%;
  width: 77.5%;
}

.sidebar:before {
  width: 18.35%;
  background: #fafafa;
}

.col-left {
  float: left;
  width: 22.5%;
}
.col-left:before {
  left: 0;
}

.col-right {
  float: right;
  width: 18.35%;
}
.col-right:before {
  right: 0;
}

/* ------ IE 8 media query fallback ends ------ */
/* product lists in the main column */
.col-main {
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
}
.col-main .product-list li {
  width: 50%;
  padding: 5px;
  padding: 0.5rem;
}
.col-main .product-list li {
  width: 33.333%;
  padding: 5px;
  padding: 0.5rem;
}

/* -------------------- */
/**
 *   Footer (Panels/Footer.html)
 */
.footer {
  position: relative;
  background: #333333;
  color: white;
  /* footer block content */
}
.footer a {
  background: none;
  padding: 0;
  border: none;
  color: white;
}
.footer a:hover {
  background: none;
  color: #e6e6e6;
}
.footer .inner {
  /* ----- IE 8 media query fallback starts ----- */
  padding: 0px 10px;
  padding: 0rem 1rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.footer .block {
  border-bottom: 1px solid white;
  /* ----- IE 8 media query fallback starts ----- */
  border: none;
  /* ------ IE 8 media query fallback ends ------ */
}
.footer .block-title, .footer .share-product ul.tabs li.active, .share-product ul.tabs .footer li.active,
.footer .block-content,
.footer .share-product ul.tabs li,
.share-product ul.tabs .footer li,
.footer #tabcontent.tab-content,
.footer ul,
.footer .list-entry {
  background: none;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.footer li {
  /* ----- IE 8 media query fallback starts ----- */
  display: inline-block;
  margin-right: 10px;
  margin-right: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: block;
  margin-right: 0;
  /* ------ IE 8 media query fallback ends ------ */
}
.footer .toggle-nav {
  padding-right: 10px;
  padding-right: 1rem;
  text-align: right;
}

/**
 *   Newsletter (Panels/SideNewsletterBox.html)
 */
.newsletter-box {
  /* ----- IE 8 media query fallback starts ----- */
  padding: 10px 0px;
  padding: 1rem 0rem;
  font-size: 0;
  /* ------ IE 8 media query fallback ends ------ */
}
.newsletter-box .block-title, .newsletter-box .share-product ul.tabs li.active, .share-product ul.tabs .newsletter-box li.active,
.newsletter-box .block-content,
.newsletter-box .share-product ul.tabs li,
.share-product ul.tabs .newsletter-box li,
.newsletter-box #tabcontent.tab-content {
  display: inline-block;
  vertical-align: middle;
}
.newsletter-box .block-title, .newsletter-box .share-product ul.tabs li.active, .share-product ul.tabs .newsletter-box li.active {
  width: 18.35%;
}
.newsletter-box .block-content, .newsletter-box .share-product ul.tabs li, .share-product ul.tabs .newsletter-box li, .newsletter-box #tabcontent.tab-content {
  width: 81.65%;
}
.newsletter-box .form-container label {
  display: none;
}
.newsletter-box .form-container .text-box, .newsletter-box .form-container .productAttributeValue input[type="text"], .productAttributeValue .newsletter-box .form-container input[type="text"],
.newsletter-box .form-container .button {
  /* ----- IE 8 media query fallback starts ----- */
  width: 100%;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  width: 37.75%;
  vertical-align: top;
  margin: 0 1% 0 0;
  /* ------ IE 8 media query fallback ends ------ */
}
.newsletter-box .form-container .button {
  /* ----- IE 8 media query fallback starts ----- */
  background: #cccccc;
  border-color: #cccccc;
  margin-right: 0;
  color: black;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  width: 22.5%;
  /* ------ IE 8 media query fallback ends ------ */
}
.newsletter-box .form-container .button:hover {
  background: #999999;
  color: #333333;
}

.recent-news,
.footer-pages-menu,
.footer-category-list,
.brand-list {
  /* ----- IE 8 media query fallback starts ----- */
  float: left;
  width: 18.35%;
  padding-right: 10px;
  padding-right: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.recent-news li,
.footer-pages-menu li,
.footer-category-list li,
.brand-list li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

/**
 *   Recent Blog Posts (Panels/HomeRecentBlogs.html)
 */
.recent-news {
  /* ----- IE 8 media query fallback starts ----- */
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  float: right;
  width: 44.95%;
  /* ------ IE 8 media query fallback ends ------ */
}
.recent-news .list-entry .read-more {
  display: block;
  margin-top: 5px;
  margin-top: 0.5rem;
}
.recent-news .blog-title {
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  margin: 0;
}
.recent-news p {
  margin: 0;
}
.recent-news .list-entry .read-more {
  display: inline;
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.5rem;
}
.recent-news .list-entry .read-more-text {
  display: none;
}

/**
 *   Footer Page Links (Panels/FooterPagesMenu.html)
 */
/**
 *   Footer Category List (Panels/FooterCategoryList.html)
 */
.footer-category-list .category-list li {
  /* ----- IE 8 media query fallback starts ----- */
  display: block;
  margin-right: 0;
  /* ------ IE 8 media query fallback ends ------ */
}

/**
 *   Footer Brands List (Panels/SideShopByBrand.html)
 */
.brand-list {
  /* ----- IE 8 media query fallback starts ----- */
  padding-right: 0;
  /* ------ IE 8 media query fallback ends ------ */
}

/* copyright info */
.copyright {
  background: #1399be;
  padding: 5px 0px;
  padding: 0.5rem 0rem;
  font-size: 10px;
  font-size: 1rem;
  color: white;
  /* ----- IE 8 media query fallback starts ----- */
  clear: both;
  /* ------ IE 8 media query fallback ends ------ */
}
.copyright a {
  color: #f2f2f2;
}
.copyright a:hover {
  color: #4acaed;
}

.version-number {
  display: none;
}

/**
 *   Category Page
 */
/**
 *   Category Heading
 *   (Panels/CategoryHeading.html)
 */
.subcategory-menu {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.subcategory-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.subcategory-list li {
  display: inline-block;
  width: 33.33%;
  vertical-align: bottom;
}

.subcategory-list-grid li {
  padding: 0px 5px 5px;
  padding: 0rem 0.5rem 0.5rem;
}

.subcategory-image,
.subcategory-name {
  display: block;
}

.subcategory-image img {
  max-width: 100%;
}

/**
 *   Brands Page
 */
.sub-brand-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sub-brand-list li {
  display: inline-block;
  width: 33.33%;
  vertical-align: bottom;
}

.sub-brand-list-grid li {
  padding: 0px 5px 5px;
  padding: 0rem 0.5rem 0.5rem;
}
.sub-brand-list-grid .row-divider {
  display: none;
}

.brand-image,
.subcategory-name {
  display: block;
}

.brand-image img {
  max-width: 100%;
}

/**
 *   Product Page
 */
/**
 *   Product Details (Panels/ProductDetails.html)
 */
.product-wrapper .product-gallery,
.product-wrapper .product-details {
  /* ----- IE 8 media query fallback starts ----- */
  float: left;
  width: 50%;
  /* ------ IE 8 media query fallback ends ------ */
}
.product-wrapper .product-details {
  /* ----- IE 8 media query fallback starts ----- */
  padding-left: 10px;
  padding-left: 1rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.product-wrapper .product-details h1,
.product-wrapper .product-details h2,
.product-wrapper .product-details h3,
.product-wrapper .product-details h4 {
  padding: 0;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

/* -------------------- */
/**
 *   Product Image Gallery Slide Show (Panels/ProductDetails.html + Snippets/ProductTinyImage.html)
 *   Uses FlexSlider jQuery plugin
 */
.product-image-gallery {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  color: white;
  /* makes the banner 'responsive' */
  /* thumbnails (navigation) */
  /* banner navigation prev/next */
}
.product-image-gallery a {
  color: white;
}
.product-image-gallery .flex-viewport {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.product-image-gallery .slides {
  padding: 0;
  margin: 0;
  list-style: none;
}
.product-image-gallery .slide {
  position: relative;
}
.product-image-gallery .slide-image {
  display: block;
  width: 100%;
  height: auto;
}
.product-image-gallery .zoom,
.product-image-gallery .az-wrap-inner {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.product-image-gallery .large .slide-image {
  width: auto;
}
.product-image-gallery .flex-control-thumbs {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.product-image-gallery .flex-control-thumbs li {
  display: inline-block;
}
.product-image-gallery .flex-control-thumbs img {
  border: 1px solid #ededed;
  cursor: pointer;
}
.product-image-gallery .flex-control-thumbs img:hover,
.product-image-gallery .flex-control-thumbs .flex-active {
  border: 1px solid #1399be;
}
.product-image-gallery .flex-direction-nav {
  display: none;
}

/* -------------------- */
/**
 *   Product Image Gallery Zoom (Panels/ProductDetails.html + Snippets/ProductTinyImage.html)
 *   Uses AnythingZoomer
 */
.az-wrap,
.az-small,
.az-large {
  position: relative;
}

.az-wrap-inner {
  display: block;
  margin: 0 auto;
  /* center small & large content */
}

/* This wraps the large image and hides it */
.az-zoom {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
  width: 200px;
  width: 20rem;
  height: 200px;
  height: 20rem;
  background: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  background-clip: padding-box;
  cursor: crosshair;
}

/* Class applied to az-mover when large image is windowed */
.az-windowed {
  overflow: hidden;
  position: absolute;
}

/* Class applied to az-mover when large image is fully shown */
.az-expanded {
  height: auto;
  width: auto;
  position: static;
  overflow: visible;
}

/* overlay small area */
.az-overlay {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/
/* edit mode coordinate styling */
.az-coords {
  display: none;
  /* hidden when expanded */
}

.az-zoom .az-coords {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* -------------------- */
/**
 *   Product Details
 */
.retail-product-price {
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
}

.saving-price {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

.product-detail {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}
.product-detail label {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  /* ----- IE 8 media query fallback starts ----- */
  min-width: 18%;
  margin-right: 5px;
  margin-right: 0.5rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.product-detail .value {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  /* ----- IE 8 media query fallback starts ----- */
  width: 78%;
  /* ------ IE 8 media query fallback ends ------ */
}

/* -------------------- */
/**
 *   Product Attribute List
 */
.form-container .productAttributeRow label,
.form-container .productAttributeRow select,
.form-container .productAttributeRow textarea,
.form-container .productAttributeRow input[type="text"] {
  width: auto;
}
.form-container .productAttributeLabel,
.form-container .productAttributeValue,
.form-container .dateselector {
  display: inline-block;
  vertical-align: top;
}

.productAttributeLabel {
  /* ----- IE 8 media query fallback starts ----- */
  width: 18%;
  margin-right: 5px;
  margin-right: 0.5rem;
  /* ------ IE 8 media query fallback ends ------ */
}
.productAttributeLabel p,
.productAttributeLabel li,
.productAttributeLabel div,
.productAttributeLabel span,
.productAttributeLabel table,
.productAttributeLabel label {
  font-size: 12px;
  font-size: 1.2rem;
}

.productAttributeValue {
  /* ----- IE 8 media query fallback starts ----- */
  width: 78%;
  /* ------ IE 8 media query fallback ends ------ */
  /* uses font awesome glyphs in place of standard browser elements */
}
.productAttributeValue p,
.productAttributeValue li,
.productAttributeValue div,
.productAttributeValue span,
.productAttributeValue table,
.productAttributeValue label {
  font-size: 14px;
  font-size: 1.4rem;
}
.productAttributeValue ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.productAttributeValue input[type="checkbox"],
.productAttributeValue input[type="radio"] {
  display: none;
}
.lt-ie9 .productAttributeValue input[type="checkbox"], .lt-ie9
.productAttributeValue input[type="radio"] {
  display: inline;
}
.productAttributeValue input[type="checkbox"] + span,
.productAttributeValue input[type="radio"] + span {
  display: block;
  cursor: pointer;
}
.lt-ie9 .productAttributeValue input[type="checkbox"] + span, .lt-ie9
.productAttributeValue input[type="radio"] + span {
  display: inline;
}
.productAttributeValue input[type="checkbox"] + span:before,
.productAttributeValue input[type="radio"] + span:before {
  display: inline-block;
  margin-right: 5px;
  margin-right: 0.5rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
.lt-ie9 .productAttributeValue input[type="checkbox"] + span:before, .lt-ie9
.productAttributeValue input[type="radio"] + span:before {
  display: none;
}
.productAttributeValue input[type="checkbox"] + span:before {
  content: "\f096";
  /* unchecked tickbox character */
}
.productAttributeValue input[type="checkbox"]:checked + span:before {
  content: "\f046";
  /* checked tickbox character */
}
.productAttributeValue input[type="radio"] + span:before {
  content: "\f10c";
  /* unchecked radio button character */
}
.productAttributeValue input[type="radio"]:checked + span:before {
  content: "\f192";
  /* checked radio button character */
}
.productAttributeValue .fileLimitations {
  font-size: 12px;
  font-size: 1.2rem;
}

.ui-datepicker-trigger {
  /* the image for the date picker 404s */
  cursor: pointer;
}

.swatch, .list-horizontal li {
  display: inline-block;
  padding: 5px;
  padding: 0.5rem;
  border: 1px solid #bababa;
  margin: 0px 5px 5px 0px;
  margin: 0rem 0.5rem 0.5rem 0rem;
  cursor: pointer;
}
.swatch input[type="radio"] + .name, .list-horizontal li input[type="radio"] + .name {
  display: none;
}
.swatch label, .list-horizontal li label {
  cursor: pointer;
}
.swatch.selectedValue, .list-horizontal li.selectedValue {
  border-color: black;
}

.swatchColour {
  display: inline-block;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
}

.textureContainer span {
  display: inline-block;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
}

.productOptionViewProductPickListWithImage img {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.list-horizontal li {
  display: inline-block;
  cursor: pointer;
}
.list-horizontal li label {
  cursor: pointer;
}
.list-horizontal li input[type="radio"] + .name {
  display: block;
}
.list-horizontal li input[type="radio"] + span:before {
  content: none;
  /* unchecked radio button character */
}
.list-horizontal li input[type="radio"]:checked + span:before {
  content: none;
  /* checked radio button character */
}

/* add to cart/wishlist buttons */
.product-add-to-cart-options,
.product-add-to-wishlist-button {
  display: inline-block;
}

/* -------------------- */
/**
 *   Videos section (Panels/ProductVideos.html)
 */
.video-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.video-list li {
  display: inline-block;
  margin-right: 14px;
  margin-right: 1.4rem;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  cursor: pointer;
}

/**
 *   Tags section (Panels/SimilarProductsByTag.html)
 */
.tag-list {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -------------------- */
/**
 *   Product Reviews section (Panels/ProductReviews.html + product_comments.html)
 */
.product-reviews .button {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

/* -------------------- */
/**
 *   Similar Products by Category section (Panels/ProductByCategory.html)
 */
.find-by-category ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.find-by-category li {
  display: inline-block;
  width: 33.33%;
  vertical-align: bottom;
}

/* -------------------- */
/**
 *   Cart Page
 */
/**
 *   Cart Status Message (Panels/CartStatusMessage.html)
 */
/**
 *   Cart Content (Panels/CartContent.html)
 */
.cart-thumb {
  /* ----- IE 8 media query fallback starts ----- */
  display: none;
  /* ------ IE 8 media query fallback ends ------ */
  /* ----- IE 8 media query fallback starts ----- */
  display: table-cell;
  /* ------ IE 8 media query fallback ends ------ */
}

.estimate-shipping-buttons .button {
  margin-right: 5px;
  margin-right: 0.5rem;
}

/**
 *   Product Attributes (Snippets/CartProductAttributesList.html)
 */
.product-attributes {
  font-size: 10px;
  font-size: 1rem;
}

/**
 *   Checkout Page
 */
.ShippingProviderList {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ExpressCheckoutBlockCollapsed .express-checkout-content {
  display: none;
}

.express-checkout-completed-content {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
}

.shipping-address-list .list-entry {
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
}

.ShippingProviderList {
  padding: 0px 0px 5px;
  padding: 0rem 0rem 0.5rem;
  margin: 0;
  list-style: none;
}

/**
 *   Account Pages
 */
/**
 *   Order Status (account_orderstatus.html & Panels/AccountOrderStatus.html)
 */
.account-order-status-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.account-order-status-list form {
  display: inline;
}

/**
 *   Nasty Hacks
 *   (miscellaneous fixes to inaccessible globals - keep to as few rules as possible)
 */
/* remove the automatic float from the paypal graphic */
.PayPalExpressCheckout p {
  float: none !important;
}

/* increase the width of the zip/postcode field */
.Field45 {
  width: 50% !important;
}

/* normalise the share elements on order.html */
ul.tabs {
  position: static;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.tabs li {
  display: inline-block;
  background: none;
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.5rem 0rem 0rem;
  color: inherit;
  font-weight: normal;
  cursor: pointer;
  vertical-align: bottom;
}

.share-product ul.tabs li {
  border-bottom: none;
}

ul.tabs li.active {
  background: none;
  color: inherit;
  cursor: default;
  vertical-align: middle;
}

.share-product ul.tabs li {
  border: 1px solid #1399be;
  border-bottom: none;
  margin: 0px 5px 0px 0px;
  margin: 0rem 0.5rem 0rem 0rem;
}

ul.tabs li img {
  display: inline;
  position: static;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-right: 0.5rem;
}

#tabcontent {
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0;
}
#tabcontent .product-image {
  margin-right: 5px;
  margin-right: 0.5rem;
}

/* -------------------- */