/**
 * Flow Commerce Bootstrap Theme Stylesheet
 *
 * @package   Flow Commerce
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
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; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }

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

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

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

  thead {
    display: table-header-group; }

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

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

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  select {
    background: #fff !important; }

  .navbar {
    display: none; }

  .table td,
  .table th {
    background-color: #fff !important; }

  .btn > .caret, .module-nivoslider .nivo-prevNav > .caret,
  .module-nivoslider .nivo-nextNav > .caret,
  .module-nivoslider .nivo-control > .caret,
  .dropup > .btn > .caret,
  .module-nivoslider .dropup > .nivo-prevNav > .caret,
  .module-nivoslider .dropup > .nivo-nextNav > .caret,
  .module-nivoslider .dropup > .nivo-control > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
	font-family: 'Barlow Semi Condensed', sans-serif;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: white; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #428bca;
  text-decoration: none; }
  a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Barlow Semi Condensed', sans-serif;
  /*font-family: inherit;*/
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center, .checkout-steps .step {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

a.text-primary:hover {
  color: #3071a9; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #428bca; }

a.bg-primary:hover {
  background-color: #3071a9; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline, #nav-wrapper #nav, #nav-wrapper #nav li div ul {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; }
    .dl-horizontal dd:before, .dl-horizontal dd:after {
      content: " ";
      display: table; }
    .dl-horizontal dd:after {
      clear: both; } }
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #999999; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

blockquote:before,
blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: white;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row, .product-list, .category-list, .product-info .image-additional, .product-info .options .option, .module-banner.max-3 {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .product-list:before, .category-list:before, .product-info .image-additional:before, .product-info .options .option:before, .module-banner.max-3:before, .row:after, .product-list:after, .category-list:after, .product-info .image-additional:after, .product-info .options .option:after, .module-banner.max-3:after {
    content: " ";
    display: table; }
  .row:after, .product-list:after, .category-list:after, .product-info .image-additional:after, .product-info .options .option:after, .module-banner.max-3:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .product-list.product-list-cols-12 .product, .col-lg-1, .col-xs-2, .product-list.product-list-rows .product .image, .product-list.product-list-cols-1 .product .image, .product-info .image-additional a, .col-sm-2, .col-md-2, .product-list.product-list-cols-6 .product, .col-lg-2, .col-xs-3, .product-info .options .option label, .col-sm-3, .col-md-3, .product-list .product, .product-list.product-list-cols-4 .product, .category-list .category, .col-lg-3, .col-xs-4, .checkout-steps .step, .col-sm-4, .product-list .product, .category-list .category, .module-banner.max-3 > div, .col-md-4, .product-list.product-list-cols-3 .product, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .product-list .product, .category-list .category, .col-sm-6, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search, .col-md-6, .product-list.product-list-cols-2 .product, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search, .product-info .options .option .form-control, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .product-list.product-list-rows .product .info, .product-list.product-list-cols-1 .product .info, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product, .col-sm-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product, .col-md-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .product-list.product-list-rows .product .image, .product-list.product-list-cols-1 .product .image, .product-info .image-additional a, .col-xs-3, .product-info .options .option label, .col-xs-4, .checkout-steps .step, .col-xs-5, .col-xs-6, .product-list .product, .category-list .category, .col-xs-7, .col-xs-8, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search, .product-info .options .option .form-control, .col-xs-9, .col-xs-10, .product-list.product-list-rows .product .info, .product-list.product-list-cols-1 .product .info, .col-xs-11, .col-xs-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2, .product-list.product-list-rows .product .image, .product-list.product-list-cols-1 .product .image, .product-info .image-additional a {
  width: 16.66667%; }

.col-xs-3, .product-info .options .option label {
  width: 25%; }

.col-xs-4, .checkout-steps .step {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6, .product-list .product, .category-list .category {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search, .product-info .options .option .form-control {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10, .product-list.product-list-rows .product .info, .product-list.product-list-cols-1 .product .info {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
  width: 100%; }

.col-xs-pull-0 {
  right: 0%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: 0%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .product-list .product, .category-list .category, .module-banner.max-3 > div, .col-sm-5, .col-sm-6, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4, .product-list .product, .category-list .category, .module-banner.max-3 > div {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6, #header .container .row #search, #header .container .product-list #search, #header .container .category-list #search, #header .container .product-info .image-additional #search, .product-info #header .container .image-additional #search, #header .container .product-info .options .option #search, .product-info .options #header .container .option #search, #header .container .module-banner.max-3 #search {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
    width: 100%; }

  .col-sm-pull-0 {
    right: 0%; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: 0%; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .product-list.product-list-cols-12 .product, .col-md-2, .product-list.product-list-cols-6 .product, .col-md-3, .product-list .product, .product-list.product-list-cols-4 .product, .category-list .category, .col-md-4, .product-list.product-list-cols-3 .product, .col-md-5, .col-md-6, .product-list.product-list-cols-2 .product, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
    float: left; }

  .col-md-1, .product-list.product-list-cols-12 .product {
    width: 8.33333%; }

  .col-md-2, .product-list.product-list-cols-6 .product {
    width: 16.66667%; }

  .col-md-3, .product-list .product, .product-list.product-list-cols-4 .product, .category-list .category {
    width: 25%; }

  .col-md-4, .product-list.product-list-cols-3 .product {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6, .product-list.product-list-cols-2 .product {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12, .product-list.product-list-rows .product, .product-list.product-list-cols-1 .product {
    width: 100%; }

  .col-md-pull-0 {
    right: 0%; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: 0%; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: 0%; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: 0%; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #dddddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #dddddd; }
  .table .table {
    background-color: white; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #dddddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: whitesmoke; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: whitesmoke; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

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

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999999; }
  .form-control::-webkit-input-placeholder {
    color: #999999; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

input[type="date"] {
  line-height: 34px; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px; }
  .radio label,
  .checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled]
input[type="checkbox"],
.radio[disabled], fieldset[disabled]
.radio,
.radio-inline[disabled], fieldset[disabled]
.radio-inline,
.checkbox[disabled], fieldset[disabled]
.checkbox,
.checkbox-inline[disabled], fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }
  .has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }
.form-horizontal .form-control-static {
  padding-top: 7px; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

.btn, .module-nivoslider .nivo-prevNav,
.module-nivoslider .nivo-nextNav,
.module-nivoslider .nivo-control {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .module-nivoslider .nivo-prevNav:focus,
  .module-nivoslider .nivo-nextNav:focus,
  .module-nivoslider .nivo-control:focus, .btn:active:focus, .module-nivoslider .nivo-prevNav:active:focus,
  .module-nivoslider .nivo-nextNav:active:focus,
  .module-nivoslider .nivo-control:active:focus, .btn.active:focus, .module-nivoslider .active.nivo-prevNav:focus,
  .module-nivoslider .active.nivo-nextNav:focus,
  .module-nivoslider .active.nivo-control:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .module-nivoslider .nivo-prevNav:hover,
  .module-nivoslider .nivo-nextNav:hover,
  .module-nivoslider .nivo-control:hover, .btn:focus, .module-nivoslider .nivo-prevNav:focus,
  .module-nivoslider .nivo-nextNav:focus,
  .module-nivoslider .nivo-control:focus {
    color: #333333;
    text-decoration: none; }
  .btn:active, .module-nivoslider .nivo-prevNav:active,
  .module-nivoslider .nivo-nextNav:active,
  .module-nivoslider .nivo-control:active, .btn.active, .module-nivoslider .active.nivo-prevNav,
  .module-nivoslider .active.nivo-nextNav,
  .module-nivoslider .active.nivo-control {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .module-nivoslider .disabled.nivo-prevNav,
  .module-nivoslider .disabled.nivo-nextNav,
  .module-nivoslider .disabled.nivo-control, .btn[disabled], .module-nivoslider [disabled].nivo-prevNav,
  .module-nivoslider [disabled].nivo-nextNav,
  .module-nivoslider [disabled].nivo-control, fieldset[disabled] .btn, fieldset[disabled] .module-nivoslider .nivo-prevNav, .module-nivoslider fieldset[disabled] .nivo-prevNav,
  fieldset[disabled] .module-nivoslider .nivo-nextNav,
  .module-nivoslider fieldset[disabled] .nivo-nextNav,
  fieldset[disabled] .module-nivoslider .nivo-control,
  .module-nivoslider fieldset[disabled] .nivo-control {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default, .module-nivoslider .nivo-prevNav,
.module-nivoslider .nivo-nextNav,
.module-nivoslider .nivo-control {
  color: #333333;
  background-color: white;
  border-color: #cccccc; }
  .btn-default:hover, .module-nivoslider .nivo-prevNav:hover,
  .module-nivoslider .nivo-nextNav:hover,
  .module-nivoslider .nivo-control:hover, .btn-default:focus, .module-nivoslider .nivo-prevNav:focus,
  .module-nivoslider .nivo-nextNav:focus,
  .module-nivoslider .nivo-control:focus, .btn-default:active, .module-nivoslider .nivo-prevNav:active,
  .module-nivoslider .nivo-nextNav:active,
  .module-nivoslider .nivo-control:active, .btn-default.active, .module-nivoslider .active.nivo-prevNav,
  .module-nivoslider .active.nivo-nextNav,
  .module-nivoslider .active.nivo-control {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .open .btn-default.dropdown-toggle, .open .module-nivoslider .dropdown-toggle.nivo-prevNav, .module-nivoslider .open .dropdown-toggle.nivo-prevNav,
  .open .module-nivoslider .dropdown-toggle.nivo-nextNav,
  .module-nivoslider .open .dropdown-toggle.nivo-nextNav,
  .open .module-nivoslider .dropdown-toggle.nivo-control,
  .module-nivoslider .open .dropdown-toggle.nivo-control {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .btn-default:active, .module-nivoslider .nivo-prevNav:active,
  .module-nivoslider .nivo-nextNav:active,
  .module-nivoslider .nivo-control:active, .btn-default.active, .module-nivoslider .active.nivo-prevNav,
  .module-nivoslider .active.nivo-nextNav,
  .module-nivoslider .active.nivo-control {
    background-image: none; }
  .open .btn-default.dropdown-toggle, .open .module-nivoslider .dropdown-toggle.nivo-prevNav, .module-nivoslider .open .dropdown-toggle.nivo-prevNav,
  .open .module-nivoslider .dropdown-toggle.nivo-nextNav,
  .module-nivoslider .open .dropdown-toggle.nivo-nextNav,
  .open .module-nivoslider .dropdown-toggle.nivo-control,
  .module-nivoslider .open .dropdown-toggle.nivo-control {
    background-image: none; }
  .btn-default.disabled, .module-nivoslider .disabled.nivo-prevNav,
  .module-nivoslider .disabled.nivo-nextNav,
  .module-nivoslider .disabled.nivo-control, .btn-default.disabled:hover, .module-nivoslider .disabled.nivo-prevNav:hover,
  .module-nivoslider .disabled.nivo-nextNav:hover,
  .module-nivoslider .disabled.nivo-control:hover, .btn-default.disabled:focus, .module-nivoslider .disabled.nivo-prevNav:focus,
  .module-nivoslider .disabled.nivo-nextNav:focus,
  .module-nivoslider .disabled.nivo-control:focus, .btn-default.disabled:active, .module-nivoslider .disabled.nivo-prevNav:active,
  .module-nivoslider .disabled.nivo-nextNav:active,
  .module-nivoslider .disabled.nivo-control:active, .btn-default.disabled.active, .module-nivoslider .disabled.active.nivo-prevNav,
  .module-nivoslider .disabled.active.nivo-nextNav,
  .module-nivoslider .disabled.active.nivo-control, .btn-default[disabled], .module-nivoslider [disabled].nivo-prevNav,
  .module-nivoslider [disabled].nivo-nextNav,
  .module-nivoslider [disabled].nivo-control, .btn-default[disabled]:hover, .module-nivoslider [disabled].nivo-prevNav:hover,
  .module-nivoslider [disabled].nivo-nextNav:hover,
  .module-nivoslider [disabled].nivo-control:hover, .btn-default[disabled]:focus, .module-nivoslider [disabled].nivo-prevNav:focus,
  .module-nivoslider [disabled].nivo-nextNav:focus,
  .module-nivoslider [disabled].nivo-control:focus, .btn-default[disabled]:active, .module-nivoslider [disabled].nivo-prevNav:active,
  .module-nivoslider [disabled].nivo-nextNav:active,
  .module-nivoslider [disabled].nivo-control:active, .btn-default[disabled].active, .module-nivoslider [disabled].active.nivo-prevNav,
  .module-nivoslider [disabled].active.nivo-nextNav,
  .module-nivoslider [disabled].active.nivo-control, fieldset[disabled] .btn-default, fieldset[disabled] .module-nivoslider .nivo-prevNav, .module-nivoslider fieldset[disabled] .nivo-prevNav,
  fieldset[disabled] .module-nivoslider .nivo-nextNav,
  .module-nivoslider fieldset[disabled] .nivo-nextNav,
  fieldset[disabled] .module-nivoslider .nivo-control,
  .module-nivoslider fieldset[disabled] .nivo-control, fieldset[disabled] .btn-default:hover, fieldset[disabled] .module-nivoslider .nivo-prevNav:hover, .module-nivoslider fieldset[disabled] .nivo-prevNav:hover,
  fieldset[disabled] .module-nivoslider .nivo-nextNav:hover,
  .module-nivoslider fieldset[disabled] .nivo-nextNav:hover,
  fieldset[disabled] .module-nivoslider .nivo-control:hover,
  .module-nivoslider fieldset[disabled] .nivo-control:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .module-nivoslider .nivo-prevNav:focus, .module-nivoslider fieldset[disabled] .nivo-prevNav:focus,
  fieldset[disabled] .module-nivoslider .nivo-nextNav:focus,
  .module-nivoslider fieldset[disabled] .nivo-nextNav:focus,
  fieldset[disabled] .module-nivoslider .nivo-control:focus,
  .module-nivoslider fieldset[disabled] .nivo-control:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .module-nivoslider .nivo-prevNav:active, .module-nivoslider fieldset[disabled] .nivo-prevNav:active,
  fieldset[disabled] .module-nivoslider .nivo-nextNav:active,
  .module-nivoslider fieldset[disabled] .nivo-nextNav:active,
  fieldset[disabled] .module-nivoslider .nivo-control:active,
  .module-nivoslider fieldset[disabled] .nivo-control:active, fieldset[disabled] .btn-default.active, fieldset[disabled] .module-nivoslider .active.nivo-prevNav, .module-nivoslider fieldset[disabled] .active.nivo-prevNav,
  fieldset[disabled] .module-nivoslider .active.nivo-nextNav,
  .module-nivoslider fieldset[disabled] .active.nivo-nextNav,
  fieldset[disabled] .module-nivoslider .active.nivo-control,
  .module-nivoslider fieldset[disabled] .active.nivo-control {
    background-color: white;
    border-color: #cccccc; }
  .btn-default .badge, .module-nivoslider .nivo-prevNav .badge,
  .module-nivoslider .nivo-nextNav .badge,
  .module-nivoslider .nivo-control .badge {
    color: white;
    background-color: #333333; }

.btn-primary {
  color: white;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: white;
    background-color: #3276b1;
    border-color: #285e8e; }
  .open .btn-primary.dropdown-toggle {
    color: white;
    background-color: #3276b1;
    border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .open .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd; }
  .btn-primary .badge {
    color: #428bca;
    background-color: white; }

.btn-success {
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: white;
    background-color: #47a447;
    border-color: #398439; }
  .open .btn-success.dropdown-toggle {
    color: white;
    background-color: #47a447;
    border-color: #398439; }
  .btn-success:active, .btn-success.active {
    background-image: none; }
  .open .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: white; }

.btn-info {
  color: white;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: white;
    background-color: #39b3d7;
    border-color: #269abc; }
  .open .btn-info.dropdown-toggle {
    color: white;
    background-color: #39b3d7;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active {
    background-image: none; }
  .open .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: white; }

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: white;
    background-color: #ed9c28;
    border-color: #d58512; }
  .open .btn-warning.dropdown-toggle {
    color: white;
    background-color: #ed9c28;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active {
    background-image: none; }
  .open .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: white; }

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: white;
    background-color: #d2322d;
    border-color: #ac2925; }
  .open .btn-danger.dropdown-toggle {
    color: white;
    background-color: #d2322d;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active {
    background-image: none; }
  .open .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: white; }

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .form-control-xs, .module-nivoslider .nivo-prevNav,
.module-nivoslider .nivo-nextNav,
.module-nivoslider .nivo-control {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: whitesmoke;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\00a0";
      padding: 0 5px;
      color: #cccccc; }
  .breadcrumb > .active {
    color: #999999; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #428bca;
      background-color: white;
      border: 1px solid #dddddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #2a6496;
    background-color: #eeeeee;
    border-color: #dddddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: white;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999999;
    background-color: white;
    border-color: #dddddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whitesmoke;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .module-nivoslider .nivo-prevNav + .btn, .module-nivoslider .modal-footer .nivo-prevNav + .btn,
  .modal-footer .module-nivoslider .nivo-nextNav + .btn,
  .module-nivoslider .modal-footer .nivo-nextNav + .btn,
  .modal-footer .module-nivoslider .nivo-control + .btn,
  .module-nivoslider .modal-footer .nivo-control + .btn, .modal-footer .module-nivoslider .btn + .nivo-prevNav, .module-nivoslider .modal-footer .btn + .nivo-prevNav, .modal-footer .module-nivoslider .nivo-prevNav + .nivo-prevNav, .module-nivoslider .modal-footer .nivo-prevNav + .nivo-prevNav,
  .modal-footer .module-nivoslider .nivo-nextNav + .nivo-prevNav,
  .module-nivoslider .modal-footer .nivo-nextNav + .nivo-prevNav,
  .modal-footer .module-nivoslider .nivo-control + .nivo-prevNav,
  .module-nivoslider .modal-footer .nivo-control + .nivo-prevNav,
  .modal-footer .module-nivoslider .btn + .nivo-nextNav,
  .module-nivoslider .modal-footer .btn + .nivo-nextNav,
  .modal-footer .module-nivoslider .nivo-prevNav + .nivo-nextNav,
  .module-nivoslider .modal-footer .nivo-prevNav + .nivo-nextNav,
  .modal-footer .module-nivoslider .nivo-nextNav + .nivo-nextNav,
  .module-nivoslider .modal-footer .nivo-nextNav + .nivo-nextNav,
  .modal-footer .module-nivoslider .nivo-control + .nivo-nextNav,
  .module-nivoslider .modal-footer .nivo-control + .nivo-nextNav,
  .modal-footer .module-nivoslider .btn + .nivo-control,
  .module-nivoslider .modal-footer .btn + .nivo-control,
  .modal-footer .module-nivoslider .nivo-prevNav + .nivo-control,
  .module-nivoslider .modal-footer .nivo-prevNav + .nivo-control,
  .modal-footer .module-nivoslider .nivo-nextNav + .nivo-control,
  .module-nivoslider .modal-footer .nivo-nextNav + .nivo-control,
  .modal-footer .module-nivoslider .nivo-control + .nivo-control,
  .module-nivoslider .modal-footer .nivo-control + .nivo-control {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .module-nivoslider .nivo-prevNav + .btn, .module-nivoslider .modal-footer .btn-group .nivo-prevNav + .btn,
  .modal-footer .btn-group .module-nivoslider .nivo-nextNav + .btn,
  .module-nivoslider .modal-footer .btn-group .nivo-nextNav + .btn,
  .modal-footer .btn-group .module-nivoslider .nivo-control + .btn,
  .module-nivoslider .modal-footer .btn-group .nivo-control + .btn, .modal-footer .btn-group .module-nivoslider .btn + .nivo-prevNav, .module-nivoslider .modal-footer .btn-group .btn + .nivo-prevNav, .modal-footer .btn-group .module-nivoslider .nivo-prevNav + .nivo-prevNav, .module-nivoslider .modal-footer .btn-group .nivo-prevNav + .nivo-prevNav,
  .modal-footer .btn-group .module-nivoslider .nivo-nextNav + .nivo-prevNav,
  .module-nivoslider .modal-footer .btn-group .nivo-nextNav + .nivo-prevNav,
  .modal-footer .btn-group .module-nivoslider .nivo-control + .nivo-prevNav,
  .module-nivoslider .modal-footer .btn-group .nivo-control + .nivo-prevNav,
  .modal-footer .btn-group .module-nivoslider .btn + .nivo-nextNav,
  .module-nivoslider .modal-footer .btn-group .btn + .nivo-nextNav,
  .modal-footer .btn-group .module-nivoslider .nivo-prevNav + .nivo-nextNav,
  .module-nivoslider .modal-footer .btn-group .nivo-prevNav + .nivo-nextNav,
  .modal-footer .btn-group .module-nivoslider .nivo-nextNav + .nivo-nextNav,
  .module-nivoslider .modal-footer .btn-group .nivo-nextNav + .nivo-nextNav,
  .modal-footer .btn-group .module-nivoslider .nivo-control + .nivo-nextNav,
  .module-nivoslider .modal-footer .btn-group .nivo-control + .nivo-nextNav,
  .modal-footer .btn-group .module-nivoslider .btn + .nivo-control,
  .module-nivoslider .modal-footer .btn-group .btn + .nivo-control,
  .modal-footer .btn-group .module-nivoslider .nivo-prevNav + .nivo-control,
  .module-nivoslider .modal-footer .btn-group .nivo-prevNav + .nivo-control,
  .modal-footer .btn-group .module-nivoslider .nivo-nextNav + .nivo-control,
  .module-nivoslider .modal-footer .btn-group .nivo-nextNav + .nivo-control,
  .modal-footer .btn-group .module-nivoslider .nivo-control + .nivo-control,
  .module-nivoslider .modal-footer .btn-group .nivo-control + .nivo-control {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right, #header .container .row #search button, #header .container .product-list #search button, #header .container .category-list #search button, #header .container .product-info .image-additional #search button, .product-info #header .container .image-additional #search button, #header .container .product-info .options .option #search button, .product-info .options #header .container .option #search button, #header .container .module-banner.max-3 #search button,
#header .container .row #search input,
#header .container .product-list #search input,
#header .container .category-list #search input,
#header .container .product-info .image-additional #search input,
.product-info #header .container .image-additional #search input,
#header .container .product-info .options .option #search input,
.product-info .options #header .container .option #search input,
#header .container .module-banner.max-3 #search input {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-from-xs, .visible-sm, .visible-from-xs, .visible-from-sm, .visible-md, .visible-from-xs, .visible-from-sm, .visible-from-md, .visible-lg, .visible-from-xs, .visible-from-sm, .visible-from-md, .visible-from-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs, .visible-from-xs {
    display: block !important; }

  table.visible-xs, table.visible-from-xs {
    display: table; }

  tr.visible-xs, tr.visible-from-xs {
    display: table-row !important; }

  th.visible-xs, th.visible-from-xs,
  td.visible-xs,
  td.visible-from-xs {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm, .visible-from-xs, .visible-from-sm {
    display: block !important; }

  table.visible-sm, table.visible-from-xs, table.visible-from-sm {
    display: table; }

  tr.visible-sm, tr.visible-from-xs, tr.visible-from-sm {
    display: table-row !important; }

  th.visible-sm, th.visible-from-xs, th.visible-from-sm,
  td.visible-sm,
  td.visible-from-xs,
  td.visible-from-sm {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md, .visible-from-xs, .visible-from-sm, .visible-from-md {
    display: block !important; }

  table.visible-md, table.visible-from-xs, table.visible-from-sm, table.visible-from-md {
    display: table; }

  tr.visible-md, tr.visible-from-xs, tr.visible-from-sm, tr.visible-from-md {
    display: table-row !important; }

  th.visible-md, th.visible-from-xs, th.visible-from-sm, th.visible-from-md,
  td.visible-md,
  td.visible-from-xs,
  td.visible-from-sm,
  td.visible-from-md {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg, .visible-from-xs, .visible-from-sm, .visible-from-md, .visible-from-lg {
    display: block !important; }

  table.visible-lg, table.visible-from-xs, table.visible-from-sm, table.visible-from-md, table.visible-from-lg {
    display: table; }

  tr.visible-lg, tr.visible-from-xs, tr.visible-from-sm, tr.visible-from-md, tr.visible-from-lg {
    display: table-row !important; }

  th.visible-lg, th.visible-from-xs, th.visible-from-sm, th.visible-from-md, th.visible-from-lg,
  td.visible-lg,
  td.visible-from-xs,
  td.visible-from-sm,
  td.visible-from-md,
  td.visible-from-lg {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
@media print {
  .hidden-print {
    display: none !important; } }
.container {
  max-width: 990px; }

.alert-xs {
  padding: 5px; }

.form-control-xs {
  height: auto; }

#content {
  padding-bottom: 20px; }
  #content > h1:first-child {
    margin-top: 0; }

#notification > div:first-child {
  margin-top: 15px; }

.checkout-steps .step {
  padding: 10px;
  background: #eeeeee; }
  .checkout-steps .step.active {
    background: #3a5d75;
    color: #fff; }
  @media (min-width: 992px) {
    .checkout-steps .step {
      padding: 20px 10px; } }

.box {
  width: 100%;
  margin-bottom: 10px; }
  .box .box-heading {
    border: 1px solid #eeeeee;
    border-width: 1px 0;
    padding: 10px;
    font-weight: 700;
    text-transform: none; }
  .box .box-content {
    padding: 10px;
    margin-bottom: 15px; }

.form-control {
  font-size: 12px; }

.htabs {
  display: none;
  margin-top: 10px; }
  @media all and (min-width: 1200px) {
    .htabs {
      display: block; } }
  .htabs a {
    color: #b3b2b2;
    font-weight: 700;
    padding: 0 35px 0 0; }
    .htabs a.selected {
      color: inherit; }
    .htabs a.last {
      padding-right: 0; }

.tab-content .title {
  cursor: pointer;
  display: block;
  background: #ededed;
  padding: 7px;
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
  font-weight: 700; }
  @media all and (min-width: 1200px) {
    .tab-content .title {
      display: none; } }
.tab-content .content {
  display: none;
  padding: 10px;
  background: #f5f5f5;
  border-bottom: 1px solid #d5d5d5; }
  @media all and (min-width: 1200px) {
    .tab-content .content {
      background: transparent;
      padding: 0;
      margin: 0;
      border: 0; } }
.tab-content.selected .title {
  background: #ededed; }
.tab-content.selected .content {
  display: block; }

body {
  font-size: 12px;
	font-family: 'Barlow Semi Condensed', sans-serif;	
  /*font-family: Helvetica, Arial, sans-serif;*/
  color: #2b2b2b; }

.lightbox {
  display: none; }

.modal.fade {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5); }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .modal.fade .modal-dialog .modal-header {
      display: none; }
      .modal.fade .modal-dialog .modal-header .close {
        float: right; }
    .modal.fade .modal-dialog .modal-body {
      display: none; }
    .modal.fade .modal-dialog .modal-footer {
      display: none; }

.zoomWindowContainer div {
  border-width: 1px !important;
  overflow: visible !important; }

@media (max-width: 768px) {
  .zoomContainer {
    display: none; } }

#menu {
  -webkit-box-shadow: 0 0 10px #a2a2a2;
  box-shadow: 0 0 10px #a2a2a2;
  background: #eeeeee;
  position: relative;
  z-index: 2000; }
  #menu .pad {
    padding: 5px 0; }
  #menu ul.list-inline {
    margin: 0; }

#header {
  -webkit-box-shadow: 0 0 10px #a2a2a2;
  box-shadow: 0 0 10px #a2a2a2;
  position: relative;
  z-index: 500; }
  #header .container .row, #header .container .product-list, #header .container .category-list, #header .container .product-info .image-additional, .product-info #header .container .image-additional, #header .container .product-info .options .option, .product-info .options #header .container .option, #header .container .module-banner.max-3 {
    padding: 20px 0; }
    #header .container .row #search button, #header .container .product-list #search button, #header .container .category-list #search button, #header .container .product-info .image-additional #search button, .product-info #header .container .image-additional #search button, #header .container .product-info .options .option #search button, .product-info .options #header .container .option #search button, #header .container .module-banner.max-3 #search button,
    #header .container .row #search input,
    #header .container .product-list #search input,
    #header .container .category-list #search input,
    #header .container .product-info .image-additional #search input,
    .product-info #header .container .image-additional #search input,
    #header .container .product-info .options .option #search input,
    .product-info .options #header .container .option #search input,
    #header .container .module-banner.max-3 #search input {
      width: auto;
      margin-left: 10px; }

#nav-wrapper #nav {
  display: none;
  padding: 0;
  background: #eeeeee;
  margin: 0;
  border-top: 1px solid #2b2b2b; }
  @media (min-width: 1200px) {
    #nav-wrapper #nav {
      display: block !important;
      background: #fff; } }
  #nav-wrapper #nav li {
    position: relative;
    padding: 0; }
    @media (min-width: 1200px) {
      #nav-wrapper #nav li {
        float: left; } }
    #nav-wrapper #nav li a {
      padding: 10px;
      display: block; }
      @media (min-width: 1200px) {
        #nav-wrapper #nav li a {
          padding: 10px 20px; } }
    #nav-wrapper #nav li div {
      border-bottom: 1px solid #eeeeee; }
      @media (min-width: 1200px) {
        #nav-wrapper #nav li div {
          padding: 0;
          display: none;
          position: absolute;
          top: 36px;
          background: #eeeeee;
          border: 1px solid #c8c8c8;
          z-index: 1000; } }
      #nav-wrapper #nav li div ul {
        white-space: nowrap; }
        #nav-wrapper #nav li div ul li {
          float: none; }
          #nav-wrapper #nav li div ul li a {
            padding-left: 20px; }
  #nav-wrapper #nav li:hover > a {
    background: #3a5d75;
    color: #FFF; }
  #nav-wrapper #nav li:hover div {
    display: block; }

#footer {
  background: #eeeeee; }
  #footer #signup-bar {
    background: #e2e2e2; }
    #footer #signup-bar .usps {
      padding: 0; }
      #footer #signup-bar .usps li {
        display: none;
        padding: 8px 0 0; }
        #footer #signup-bar .usps li:first-child {
          display: block; }

.cart-totals tr td {
  color: #555; }
.cart-totals tr.total td {
  padding-top: 20px;
  color: inherit;
  font-size: 16px; }

.product-filter {
  background: #eeeeee;
  margin-bottom: 10px;
  padding: 10px 0; }

.product-list .product .image {
  margin-bottom: 5px; }
  .product-list .product .image img {
    width: 100%; }
.product-list .product .info {
  min-height: 80px; }

.category-list .category .image {
  text-align: center;
  margin-bottom: 5px;
  height: 150px; }
  .category-list .category .image img {
    max-width: 100%;
    max-height: 100%; }
.category-list .category .info {
  text-align: center;
  min-height: 30px; }

.product-info .image-main {
  position: relative; }
  .product-info .image-main img {
    width: 100%; }
  .product-info .image-main .image-zoom {
    display: none;
    font-weight: bold; }
    @media (max-width: 768px) {
      .product-info .image-main .image-zoom {
        display: none !important; } }
    .product-info .image-main .image-zoom i.icon-zoom {
      margin: -2px 5px 0 0;
      background: url(default/image/icons/icon-search.png) no-repeat;
      width: 13px;
      height: 13px;
      display: inline-block;
      vertical-align: middle; }
.product-info .image-additional {
  margin-top: 10px;
  margin-bottom: 10px; }
  .product-info .image-additional a img {
    width: 100%; }
.product-info .options {
  margin-top: 10px; }
  .product-info .options .option {
    margin-bottom: 10px; }
    .product-info .options .option label {
      padding-top: 8px; }

.module-banner.max-3 > div img {
  width: 100%; }

.module-filter .box-content ul {
  list-style-type: none;
  padding: 0; }
  .module-filter .box-content ul li a input[type=checkbox] {
    margin-right: 5px; }
  .module-filter .box-content ul li ul {
    padding-left: 10px; }

.module-category .box-heading a {
  color: inherit; }
.module-category .box-content ul {
  list-style-type: none;
  padding: 0;
  line-height: 2em; }
  .module-category .box-content ul li a.active {
    font-weight: 700; }
  .module-category .box-content ul li ul {
    padding-left: 20px;
    list-style-type: circle; }
/*
 *---------------------------------------------------------
 * Theme Standards
 *---------------------------------------------------------
 * Font Family:				Arial, Helvetica, sans-serif;
 * Link Colour:				#3a5d75
 * Text Colour:				#454545
 * Dark Text Colour:			#FFFFFF.
 * Faded Text Colour:			#b3b2b2
 * Footer Text Colour:			#858585
 * Paragraph Text Size			12px
 * H1 Text Size:			18px
 * H2 Text Size:			14px
 * Button Colour			#454545
 *---------------------------------------------------------
*/

/* Basic HTML element styles to standardise all browsers */
html { margin: 0; padding: 0; height: 100%; }
body { margin: 0px; padding: 0px; text-align: center; position: relative; height: 100%; background: #e9e9e9; }
body.enclosed { background: #f1f1f1; }
h1, h2 { margin: 0 0 10px; font-weight: 700; }
a { cursor: pointer; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a:focus { -moz-outline-style: none; }
a img {	border: none; }
img { color: #454545; }
label {	cursor: pointer; }
form { padding: 0; margin: 0; display: inline; }
input[type='text'], input[type='password'], textarea, select { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 3px; margin: 0; width: 300px; }
select { width: 310px; }
table, tbody, thead, tfoot, td, tr { padding: 0; margin: 0; border: 0; border-spacing: 0; }
thead td { text-transform: none; font-weight: 700; background: #eee; color: #454545; }
input, select, textarea { outline: none !important; }
label {	cursor: pointer; }
p { margin: 0 0 10px; }

/* Generic theme styles */
body, td, th, input, textarea, select, p { font-size: 12px; color: #454545; 
	font-family: 'Barlow Semi Condensed', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	line-height: 16px;  }
h1 { font-size: 18px; font-weight: 700; }
h2 { font-size: 14px; font-weight: 700; }
h3 { font-size: 12px; font-weight: 700; }
.smallheading { font-size: 12px; font-weight: 700; }
hr { border: 0; border-bottom: 1px solid #cccccc; }
a { color: #3a5d75; }
.page-width { max-width: 960px; margin: 0 auto; text-align: left;}
.page-min-width { min-width: 960px; }
table { width: 100%; border: 1px solid #ddd; margin-bottom: 10px; }
table thead td { }
table thead td:first-child { border-left: 0; }
table td { padding: 5px; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; }
table td:first-child { border-left: 0; }
table.form { border: 0; }
table.form td { border: 0; padding-left: 0; }
table.list td { padding: 10px; }
.faded-text { color: #b3b2b2; }
.weight-400 { font-weight: 400; }
.error { color: #5f0000; display: block; }
.field-error { /*float: right; width: 350px; margin: -40px -308px 0 0;*/ position: relative; z-index: 100; }
.field-error > div { border-radius: 20px; border: 1px solid #bbb; box-shadow: 0 0 5px #aaa; margin-top: -17px; background: url(default/image/icons/error_exclamation_mark.png) no-repeat 15px 6px #fff; color: #e33139; padding: 5px 20px 5px 30px; font-weight: 700; }
.field-validate-success { display: none; }
.field-validate-success > div { background: url(default/image/icons/success_tick_green.png) no-repeat 0px 11px #fff; font-weight: 700; float: left; min-height: 35px; min-width: 20px;}
 
    .field-error { width: 350px; float: right; margin: -25px -310px 0 0;}
    .field-error > div {float: left; }
.red-text { color: #6a1f1f; }
.link-color { color: #3a5d75 }

input[type=text], input[type=password], select, textarea { background: #f9f9f9; padding: 10px; display: block; margin-bottom: 10px; width: /*310px*/100%; border: 1px solid #CCC;}
input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover { background: #f5f5f5; cursor: text;}
select:hover { cursor: pointer;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { background: #f5f5f5; border-color: #5b5b5b; }

/* Generic web styles */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none !important; margin: auto !important; }
.clear-both { clear: both !important; float: none !important; padding: 0 !important; left: 0 !important; top: 0 !important; marign: 0 !important; height: 0 !important; width: 0 !important; border: 0 !important; }
.left50 { float: left; width: 50% }
.right50 { float: right; width: 50% }
.width50 { width: 50%; }

/* Layout */
#page { position: relative; background: #fff; padding-bottom: 50px; }
#column-left { background: #f4f4f4; padding: 10px; border: 1px solid #e5e5e5; display: none; }
#column-right { background: #f4f4f4; padding: 10px; border: 1px solid #e5e5e5; }
body.product_product #content-bottom { padding-top: 80px; background: url(default/image/backgrounds/full_page_shadow.png) no-repeat 50% 40px; }
#content { position: relative; padding: 10px; }
#content-wrapper { padding-top: 35px; }
#header.enclosed #content-wrapper { padding-top: 0px; }
#footer-push { height: 500px; }
#footer-push > .page-width { height: 500px; }
.common_home #footer-push { display: none; }
 
    #column-left { float: left; width: 178px; display: block; }
    #column-right { float: right; width: 178px; }
    #column-left + #content { margin-left: 228px; }
    #content { padding: 0; }


/* Buttons */
.button, input[type=submit], input[type=button] { background: #454545; color: #FFFFFF; padding: 8px 25px; min-width: 120px; margin: 0; text-align: center; border: 0; cursor: pointer; display: block; /*float: left;*/}
.button:hover, input[type=submit]:hover, input[type=button]:hover {background: #555555; text-decoration: none; }
.button:active, input[type=submit]:active, input[type=button]:active { background: #2b2b2b; text-decoration: none; }
.button.green { background: #8cb10c; color: #fff; }
.button.green:hover { background: #9dc60e; color: #fff; }
.button.lightgrey { background: #4a4a4a; }
.button.transparent { background: transparent; color: #454545; }
.button.transparent:hover { background: transparent; text-decoration: underline; }
a.fancybutton,
input[type=button].fancybutton,
input[type=submit].fancybutton { padding: 10px 25px; min-width: 0; background: url(default/image/button-fancy-green.png) repeat-x 50% 0; text-align: center; font-size: 14px; font-weight: 700; float: right;}
a.fancybutton > span { display: block; }
a.fancybutton > span > img { margin: 0 0 0 10px; }
a.fancybutton:hover,
input[type=submit].fancybutton:hover,
input[type=button].fancybutton:hover { background: url(default/image/button-fancy-green_roll.png) repeat-x 50% 0;}
a.fancybutton:active,
input[type=submit].fancybutton:active,
input[type=button].fancybutton:active { background: url(default/image/button-fancy-green_mousedown.png) repeat-x 50% 0;}
a.fancybutton.disabled,
input[type=button].fancybutton.disabled,
input[type=submit].fancybutton.disabled { background: url(default/image/button-fancy-green-disabled.png) repeat-x 50% 0; color: #aaa; }
a.fancybutton.disabled:hover,
input[type=submit].fancybutton.disabled:hover,
input[type=button].fancybutton.disabled:hover { background: url(default/image/button-fancy-green-disabled_roll.png) repeat-x 50% 0;}
a.fancybutton.disabled:active,
input[type=submit].fancybutton.disabled:active,
input[type=button].fancybutton.disabled:active { background: url(default/image/button-fancy-green-disabled_mousedown.png) repeat-x 50% 0;}
.checkout-button { background: #8cb10c; padding: 10px 15px; font-size: 18px; color: #FFFFFF; font-weight: 700; display: block; float: right; }
.checkout-button.disabled { cursor: default; background: #b3b2b2 !important;}
.checkout-button img { vertical-align: middle; margin-left: 20px; margin-right: -20px; margin-top: -5px;}
.checkout-button:hover { background: #a3c13d; text-decoration: none; border-color: #8ca537;}
.checkout-button:active { background: #8ca537;}
.continue-shopping { padding: 12px 15px; font-weight: 700; display: block; float: right; background: transparent; color: #b3b2b2; padding-top: 13px;}
/* Buttons container */
.buttons { min-height: 30px; }
.buttons .right { float: right; }
.buttons .left { float: left; }

 
    input[type=button].fancybutton,
    input[type=submit].fancybutton { width: 208px; height: auto; padding: 15px; }


/* Box pods */
.box { width: 100%; margin-bottom: 10px; }
.box .box-heading { border: 1px solid #e5e5e5; border-width: 1px 0; padding: 10px; font-weight: 700; text-transform: none;}
.box .box-heading img { vertical-align: middle; margin: -5px 10px -5px 0;}
.box .box-content { padding: 10px; margin-bottom: 15px;}
.box .box-content a.active { font-weight: 700;}
.box .box-content ul { padding: 0; margin: 0; list-style-type: none; line-height: 20px;}
/* Change box-heading style in #column-left */
#column-left .box .box-heading, #column-right .box .box-heading { border-width: 0 0 1px; border-color: #e1e0e0; text-transform: none;}
#column-left .box .box-content, #column-right .box .box-content { border-top: 1px solid #fafafa; }
/* Category box pod */
.box .box-category ul { padding-left: 15px; list-style-type: circle;}
.box .box-category ul ul { display: none; }
.box .box-category a.active + ul { display: block; }
.box .box-category ul a { color: #454545; }
.box .box-category a.active { font-weight: 700;}
.box .box-category .parents { padding: 0; list-style: none; }
.box .box-category .parents li > a { display: block; background: #3a5d75; color: #fff; padding: 3px 8px; margin: 0 -10px 5px; }
.box .box-category .parents li > a:hover { text-decoration: none; }
.box .box-category .parents li > a > div { float: right; margin-top: 4px; }
.box .box-category .parents li > a:hover > div { background: #263c4c; }
.box .box-category .parents li > a > div > img { float: right; padding: 2px;  }


/* Tabs */
.htabs { display: none; }
.htabs a { color: #b3b2b2; font-weight: 700; padding: 0 35px 0 0;}
.htabs a.selected { color: inherit;}
.htabs a.last { padding-right: 0;}
.htabs.fancy-tabs a { padding: 15px 0; text-align: center; display: block; float: left; width: 50%; border: 1px solid #454545; border-width: 1px 0; color: #454545;}
.htabs.fancy-tabs a.selected { background: url(default/image/backgrounds/fancy-tab-active-background.png) no-repeat 50% 100% #454545; color: #FFFFFF; border-bottom: 0; padding-bottom: 22px;}
.tab-content { }
.tab-content > .title { cursor: pointer; display: block; background: url(default/image/breadcrumb-arrow.png) no-repeat 98% 50% #ededed; padding: 7px; border-bottom: 1px solid #d5d5d5; text-align: center; font-weight: 700; }
.tab-content > .content { display: none; padding: 10px;background: #f5f5f5; border-bottom: 1px solid #d5d5d5; }
.tab-content.selected > .title { background: url(default/image/breadcrumb-arrow-down.png) no-repeat 98% 50% #ededed; }
.tab-content.selected > .content { display: block;}
 
    .htabs { display: block; }
    .tab-content > .title { display: none; }
    .tab-content > .content { background: transparent; padding: 0; margin: 0; border: 0; }


/* Lighbox */
.lightbox { position: fixed; z-index: 999999; width: 100%; min-height: 100%; background: url(default/image/backgrounds/lightbox-background.png) repeat 0 0 transparent; top: 0; left: 0; text-align: center; display: none;}
.lightbox.dark { background: url(images/backgrounds/lightbox-background-dark.html) repeat 0 0 transparent;}
.lightbox .lightbox-content { margin: 0 auto; }
.lightbox .lightbox-content > div { position: relative; }
.lightbox .lightbox-content .lightbox-title { margin: -15px; padding: 10px 15px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 15px; font-size: 12px;  }
.lightbox .lightbox-content > .lightbox-product { background: #fff; width: 550px; margin: auto; text-align: left; padding: 15px; border: 1px solid #e5e5e5;  }
.lightbox .lightbox-content > .lightbox-product .product-info > .left { width: 150px; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right { width: 380px; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right .cart-row .padder { background: #fff; padding: 0; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right .product-title h1 { padding-top: 0; }
.lightbox > .lightbox-content .close { position: absolute; top: 8px; right: 8px;}

.lightbox.dark { background: url(default/image/backgrounds/lightbox-background-dark.png) repeat 0 0 transparent;}
.lightbox .close {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    border-radius: 50px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none !important;
    z-index: 9999;
}

@media (max-width: 768px) {
    .lightbox .close {
        display: block;
    }
}

.lightbox .lightbox-content { position: relative; margin: 0 auto; }
.lightbox .lightbox-content > div { position: relative; }
.lightbox .lightbox-content .lightbox-title { margin: -15px; padding: 10px 15px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 15px; font-size: 12px;  }
.lightbox .lightbox-content > .lightbox-product { background: #fff; width: 550px; margin: auto; text-align: left; padding: 15px; border: 1px solid #e5e5e5;  }
.lightbox .lightbox-content > .lightbox-product .product-info > .left { width: 150px; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right { width: 380px; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right .cart-row .padder { background: #fff; padding: 0; }
.lightbox .lightbox-content > .lightbox-product .product-info > .right .product-title h1 { padding-top: 0; }
.lightbox > .lightbox-content .close { position: absolute; top: 8px; right: 8px;}
#lightbox-loading > .lightbox-content { position: absolute; top: 48%; left: 48%; }


/* Notifications */
#notification { }
#notification img.close { border: 3px solid #FFFFFF; float: right; background: #fff;}
div.success { line-height: 20px; padding: 10px; background: #89a505; color: #FFFFFF; margin-bottom: 20px; font-weight: 700;}
div.success a { color: #FFFFFF; text-decoration: underline;	}
div.success img { float: right; padding: 3px; }
div.warning { line-height: 20px; background: #B81D1D; padding: 10px; color: #FFFFFF; font-weight: 700; margin-bottom: 20px;}
div.warning a { color: #FFFFFF; text-decoration: underline;	}
div.warning img { float: right; padding: 3px; }
div.attention { line-height: 20px; background: #d5d5d5; padding: 10px; color: #454545; font-weight: 700; margin-bottom: 20px;}
div.attention a { color: #2b2b2b; text-decoration: underline; }
div.attention img { float: right; padding: 3px; }


/* Added to cart popup */
#cart-popup { margin: 0 auto; width: 860px; text-align: left; max-width: 85%; }
#cart-popup .cart-contents { display: none; background: #fff; box-shadow: 0 0 15px #000; float: left; width: 230px; z-index: 5; margin-top: 50px;}
#cart-popup .cart-contents .cart-header { padding: 20px 20px 20px 55px; font-weight: 700; background: url(default/image/backgrounds/cart-popup-items-header-bkg.png) no-repeat 0 0 transparent; height: 30px; margin-bottom: -14px; position: relative; z-index: 5;}
#cart-popup .cart-contents .cart-items { max-height: 320px; overflow: vissible; overflow-y: auto; margin: -4px 0; background: #ebebeb;}
#cart-popup .cart-contents .cart-items .cart-product { padding: 10px 0 10px 20px; border-top: 1px solid #FFF; border-bottom: 1px solid #bababa; background: #ebebeb; overflow: hidden;}
#cart-popup .cart-contents .cart-items .cart-product.latest-added { }
#cart-popup .cart-contents .cart-items .cart-product:first-child { padding-top: 15px;}
#cart-popup .cart-contents .cart-items .cart-product .image { float: left; margin-right: 10px;}
#cart-popup .cart-contents .cart-items .cart-product .description { max-width: 90px; }
#cart-popup .cart-contents .cart-items .cart-product .description > a { padding-bottom: 4px; display: block; color: inherit; font-weight: 700;}
#cart-popup .cart-contents .cart-footer { padding: 20px; background: #ebebeb; font-weight: 700; position: relative;}
#cart-popup .cart-contents .cart-footer .cart-content-shadow-bottom { float: left; width: 230px; margin: -33px -20px -20px; left: 0; height: 15px; z-index: 1; background: url(default/image/backgrounds/cart-popup-items-shadow-bottom.png) repeat-x 0 0 transparent;}
#cart-popup .cart-success { margin: auto; max-width: 100%; border: 1px solid #acacac; background: url(default/image/backgrounds/cart-popup-background.jpg) no-repeat 50% -30px #fff; z-index: 10; width: 610px; position: relative}
#cart-popup .cart-success h1 { padding: 0; margin: 0; font-size: 14px; }
#cart-popup .cart-success .cart-success-title { padding: 10px 25px; text-align: center; }
#cart-popup .cart-success .cart-success-title h1 {  }
#cart-popup .cart-success .cart-success-body { padding: 20px;}
#cart-popup .cart-success .cart-success-body .image { display: none; float: left; width: 150px;}
#cart-popup .cart-success .cart-success-body .description { float: right; width: 400px; max-width: 100%; }
#cart-popup .cart-success .cart-success-body .description table { width: 100%; margin-bottom: 20px; border: 0;}
#cart-popup .cart-success .cart-success-body .description table thead td { color: #a0a0a0; background: transparent; border: 0; padding: 10px; text-transform: none;}
#cart-popup .cart-success .cart-success-body .description table td { padding: 10px; font-weight: 700; border: 0;}
#cart-popup .cart-success .cart-success-body .description table tbody td { border-bottom: 1px solid #919191; border-top: 1px solid #919191;}
#cart-popup .cart-success .cart-success-body .description .card-icons { display: none; }
#cart-popup .cart-success .cart-success-crosssell { background: url(default/image/backgrounds/shadow-up.png) repeat-x 0 0; padding-top: 10px;}
#cart-popup .cart-success .cart-success-crosssell .title { padding: 20px;}
#cart-popup .cart-success .cart-success-crosssell .box-product { margin: 0 0 0 10px;}
#cart-popup .cart-success .cart-success-crosssell .box-product .product { margin: 15px 25px 15px 15px; width: 110px; height: auto; }
#cart-popup .cart-success .cart-success-crosssell .box-product .product .button { width: 110px; min-width: 110px; padding: 5px;}
 
    #cart-popup .cart-success h1 { font-size: 18px; }
    #cart-popup .cart-success .cart-success-title { padding: 25px 60px;}
    #cart-popup .cart-success { background-position: 50% 0; }
    #cart-popup .cart-success .cart-success-body .image { display: block; }
    #cart-popup .cart-success .cart-success-body .description .card-icons { display: block; }


/* Slideshow */
.slideshow { display: block; width: 100%; height: 410px; position: relative; }
.slideshow + #content > .page-width { padding-top: 15px; }
.slideshow-images-wrapper { width: 100%; height: 410px; overflow: hidden; position: relative; margin-top: -13px;}
.slideshow-images { width: 9999999px; height: 410px; position: absolute; left: 50%; top: 0; margin-left: -525px;}
.slideshow-images  a { display: block; float: left; margin: 0; padding: 0; opacity: 0.15;}
.slideshow-images  a.banner-count-1 { opacity: 1;}
.slideshow-images  a img { margin: 0; padding: 0;}
.slideshow-images  a.banner-1{ opacity: 1; }
.slideshow .shadow-up { position: absolute; bottom: 0;}
.slideshow > a { display: none; }
.slideshow .slideshow-next { position: absolute; top: 50%; margin-top: -32px; left: 50%; margin-left: 535px;}
.slideshow .slideshow-previous { position: absolute; top: 50%; margin-top: -32px; left: 50%; margin-left: -560px;}
.slideshow .slideshow-pause, .slideshow-play { position: absolute; top: 65%; margin-top: -32px; left: 50%; margin-left: 493px;}

/* Banners */
.module-banners { margin-bottom: 20px; text-align: center; }
.module-banners > .banner img { width: 100%; max-width: 300px; }
/* Vertical banners in left column */
#column-left .module-banners { margin: 0 -11px -11px; background: #fff; border-top: 1px solid #e5e5e5; padding-top: 10px; }
#column-left .module-banners > .banner { margin-bottom: 10px; }
 
    /* Horizontal banners on homepage */
    .common_home .module-banners > .banner { width: 33%; float: left; }


/* About Us Module */
.module-about-us { padding: 50px 0 20px; background: url(default/image/backgrounds/full_page_shadow.png) no-repeat 50% 20px; }
.module-about-us .about { text-align: center; }
.module-about-us .about .info h2 { margin: 12px;}
.module-about-us .about .info p { margin: 23px 12px 12px; line-height: 17px;}
.module-about-us .twitter { clear: both; text-align: center; padding: 10px 0; border: 1px solid #e5e5e5; border-width: 1px 0; }
.module-about-us .twitter .tweet ul { list-style-type: none; padding: 0;}
.module-about-us .twitter .tweet ul li > span { display: block;}
.module-about-us .twitter .button { float: none; }
 
    .module-about-us .about { float: left; text-align: left; }
    .module-about-us .about .image { float: left; }
    .module-about-us .about .info { margin-left: 180px;  }
 
    .module-about-us .about { max-width: 440px; }
    .module-about-us .twitter { text-align: left; clear: none; border: 0; padding: 0; float: right; width: 360px; }
    .module-about-us .twitter .button { float: left; }
    .module-about-us .twitter .title { background: url(default/image/icons/twitter.png) no-repeat -10px 50%; padding-left: 30px; }
 
    .module-about-us .about { max-width: 600px; }

/* Tabbed Products Module */
.module-tabbed-products { }


/* Footer */
#footer { clear: both; background: #e9e9e9; padding: 0 0 25px 0; position: relative; }
#footer a { color: #858585;}
#footer .column { float: left; padding: 0 80px 0 0; margin-top: 25px;}
#footer .column ul { list-style-type: none; padding: 0;}
#footer .column ul li { padding: 0 0 5px;}
#footer .column h3 { padding: 0; margin: 0; font-size: 12px; }
#footer .right { float: right; text-align: right; margin-top: 25px;}
#footer .right .search { float: right; margin: 0; background: #454545;}
#footer .right .search input[type=text] { float: left; display: block; height: 46px; width: 220px; padding: 0 20px; border: 0; background: 0; color: #FFFFFF; margin: 0; }
#footer .right > img { padding-top: 15px; }
#footer .right a { background: url(default/image/icons/back_to_top.jpg) no-repeat 100% 0; float: right; padding-right: 30px; padding-top: 2px; height: 19px;}

#site-info { padding: 20px 0 0; }

/* Signup bar */
#signup-bar { background: #3a5d75; color: #FFFFFF; padding: 1px; }
#signup-bar .scrolling-usp { display: none; float: left; width: 49%; height: 45px; }
#signup-bar .scrolling-usp > div { padding-top: 13px; font-weight: 700; }
#signup-bar .scrolling-usp > div a { color: #fff; text-decoration: underline; }
#signup-bar > div > img { float: left; margin: 3px; max-width: 20%;}
#signup-bar > div > .info { display: none; float: left; font-weight: 700; margin: 14px 14px 14px 10px;}
#signup-bar .email { }
#signup-bar .email .email-input { float: right; border: 0; width: 40%; padding: 14px; margin: 0; }
#signup-bar .email .button { width: 20%; float: right; width: auto; min-width: 0; font-weight: 700; padding: 13px; background: #3A5D75}
 
    #signup-bar .email .email-input { width: 50%; }
 
    #signup-bar .email .email-input { width: 60%; }
 
    #signup-bar .scrolling-usp { display: block; width: 40%; }
    #signup-bar > div > .info { display: block; }
    #signup-bar .email { float: right; max-width: 60%;}
    #signup-bar .email .email-input { width: 150px; }

/* pagination */
.pagination { clear: both; padding: 5px 0; }
.pagination .links > a,
.pagination .links > b { padding: 3px 5px; background: #ddd; margin-right: 3px; border: 1px solid #ddd; }
.pagination .links > a { background: #efefef; border: 1px solid #ddd; }
.pagination .results { padding-top: 10px; font-size: 11px; }

/* Breadcrumbs */
.breadcrumb { height: 20px; display: none; }
.breadcrumb > a, .breadcrumb > span { padding: 5px 5px 5px 0; color: #b3b2b2;}
.breadcrumb span.separator { padding: 5px 0px; margin: 0 5px 0 -2px; background: url(default/image/button-circle-forward.png) no-repeat 50% 50%; }
.breadcrumb span.separator > span { display: none; }
.breadcrumb + h1 { margin-top: 5px; border-bottom: 1px solid #EEE; padding-bottom: 13px; margin-bottom: 10px; }
.category-info .breadcrumb { position: absolute; bottom: 10px; left: 20px; }
.category-info .breadcrumb a { color: #e5e5e5; }
 
    .breadcrumb { display: block; }


/* 3-Step Breadcrumbs */
.breadcrumb-steps { height: 55px; margin-bottom: 10px; position: relative;}
.breadcrumb-steps > div { width: 320px; height: 55px; float: left; text-align: center; color: #b3b2b2;}
.breadcrumb-steps > div > div { padding: 20px; font-size: 16px; font-weight: 700;}
.breadcrumb-steps > div.on { color: inherit; cursor: pointer; }
.breadcrumb-steps > div > div h1 { font-size: inherit; font-weight: inherit; color: inherit;}
.breadcrumb-steps .step1 { background: url(default/image/backgrounds/step_1.png);}
.breadcrumb-steps .step1.on { background: url(default/image/backgrounds/step_1_on.png);}
.breadcrumb-steps .step1.complete { background: url(default/image/backgrounds/step_1_complete.png);}
.breadcrumb-steps .step2 { background: url(default/image/backgrounds/step_2.png);}
.breadcrumb-steps .step2.on { background: url(default/image/backgrounds/step_2_on.png);}
.breadcrumb-steps .step2.complete { background: url(default/image/backgrounds/step_2_complete.png);}
.breadcrumb-steps .step3 { background: url(default/image/backgrounds/step_3.png);}
.breadcrumb-steps .step3.on { background: url(default/image/backgrounds/step_3_on.png);}
.breadcrumb-steps .step3.complete { background: url(default/image/backgrounds/step_3_complete.png);}
.wide-shadow { width: 1096px; position: absolute; bottom: 0; left: -68px;}


/* Menu */
#menu { position: fixed; z-index: 999; top: 0; left: 0; width: 100%;}
#menu > .background { background: #fff;}
#menu > .background > .page-width { height: 35px; background: #fff; text-align: center; font-weight: 700;}
#menu > .background > .page-width #home-link { height: 100%; float: left; position: relative;}
#menu > .background > .page-width #home-link a { background: url(default/image/icons/home.png) no-repeat 0 0; width: 35px; height: 35px; color: #FFFFFF; display: block; float: left;}
#menu > .background > .page-width #home-link a:hover { background: url(default/image/icons/home_roll.png) no-repeat 0 0; }
body.common_home #menu > .background > .page-width #home-link a { background: url(default/image/icons/home_roll.png) no-repeat 0 0; }
#menu > .background > .page-width #home-link .arrow-down { position: absolute; bottom: -6px; left: 50%; margin-left: -7px;}
#menu > .background > .page-width #language { float: left; margin: 5px 0 0 15px; }
#menu > .background > .page-width #language .active { padding: 3px 25px 3px 7px; border: 1px dashed #cccccc; background: url(default/image/text-arrow-down-light.png) no-repeat 32px 8px; }
#menu > .background > .page-width #currency { float: left; margin: 5px 0 0 15px; position: relative; cursor: pointer; }
#menu > .background > .page-width #currency .active { padding: 3px 25px 3px 7px; border: 1px dashed #cccccc; background: url(default/image/text-arrow-down-light.png) no-repeat 23px 8px; }
#menu > .background > .page-width #currency .options { border: 1px dashed #000; position: absolute; left: 0; top: 20px; background: #fff; z-index: 999; box-shadow: 0 0 7px #ccc; display: none; }
#menu > .background > .page-width #currency:hover .options { display: block; }
#menu > .background > .page-width #currency .options a { padding: 3px 25px 3px 7px; display: block; }
#menu > .background > .page-width #currency .options a:hover { background: #f3f3f3; }
#menu > .background > .page-width #contact-link { background: #454545; height: 100%; float: left;}
#menu > .background > .page-width #contact-link a { padding: 12px 30px; color: #FFFFFF; display: block; float: left;}
#menu > .background > .page-width .header-info { background: #fff; height: 100%; float: left; position: relative;}
#menu > .background > .page-width .header-info.contact { display: none; }
#menu > .background > .page-width .header-info span { padding: 9px 15px; display: block; float: left;}
#menu > .background > .page-width > .header-info:first-child span { padding-left: 0; }
#menu > .background > .page-width .arrow-left { position: absolute; left: 0; top: 50%; margin-top: -7px;}
#menu > .background > .page-width .arrow-right { position: absolute; right: -5px; top: 50%; margin-top: -7px;}


/* Cart mini */
#cart { float: right; display: block; color: #454545; position: relative; text-align: center;}
#cart.loading * { cursor: wait;}
#cart .cart-icon { float: left;}
#cart .cart-icon span { display: block; padding: 13px 10px;}
#cart .cart-quantity { float: left;}

#cart .header-info {  background: url(default/image/icons/cart.png) no-repeat 0 50% !important; padding-left: 10px; display: none; }
#cart .cart-total { float: left; display: none; }
#cart .cart-total span { display: block; padding: 9px 5px 10px; width: auto; background: #454545; color: #FFFFFF;}
 
    #cart .cart-total { display: block; }
 
    #menu > .background > .page-width .header-info.contact { display: block; }
 
    #cart .header-info { display: block; }
#cart .cart-go-to-checkout { float: left; position: relative; max-height: 35px; max-width: 165px; overflow: hidden;}
#cart .cart-go-to-checkout span { display: block; padding: 10px 10px; background: #89a505; color: #FFFFFF; width: 125px;}

#cart a { color: inherit; text-decoration: inherit;}
#cart:hover .cart-go-to-checkout span { background: url(default/image/backgrounds/green-pulse.gif) repeat 0 0 transparent !important;}
#cart:hover #cart-content { display: block;}
#cart:hover #cart-content.empty { display: none; }
#cart-content, #cart #cart-notification { display: none; position: absolute; top: 35px; right: 165px; z-index: 60; width: 310px; padding-top: 5px; }
#cart #cart-notification #lite-cart-notification{ padding: 10px; background: #f3f8be; border: 1px solid #87a301; border-radius: 5px; box-shadow: 0 0 10px #555; font-weight: 400; }

#cart.mouseenter #cart-content { display: block; }
#cart-content > .arrow-top { position: absolute; left: 47%; top: 5px;  }
#cart-content > .bgwrapper { box-shadow: 0 0 10px #999; background: #fff; padding-bottom: 5px; margin-top: 11px; }
#cart-content .cart-content-shadow-bottom { background: url(default/image/backgrounds/cart-content-shadow-bottom.png) no-repeat 0 0 transparent; margin-bottom: -9px; height: 9px; width: 390px;}
#cart-content .mini-cart-info { max-height: 300px; background: #fff; overflow: hidden; padding: 10px 10px 0; }
#cart-content .mini-cart-info .product { text-align: left; font-weight: 400; border-bottom: 1px solid #ececec; margin-bottom: 5px; }
#cart-content .mini-cart-info .product > .image { float: left; width: 100px; }
#cart-content .mini-cart-info .product > .info { float: left; width: 190px; position: relative; margin: 5px 0; }
#cart-content .mini-cart-info .product > .info .name { font-weight: 700;  }
#cart-content .mini-cart-info .product > .info .price { padding: 5px 0; }
#cart-content .mini-cart-info .product > .info .quantity > a { display: block; float: left; background: #dadada; padding: 0 3px; margin-left: 5px; }
#cart-content .mini-cart-info .product > .info .remove { position: absolute; top: 0; right: 0; cursor: pointer; }
#cart-content .mini-cart-total { background: url(default/image/backgrounds/half_page_shadow.png) no-repeat 50% 0; padding: 10px 10px 0; }
#cart-content .mini-cart-total > table { border: 0; margin: 0; text-align: right; }
#cart-content .mini-cart-total > table td { border: 0; margin: 0; padding: 3px; }
#cart-content .mini-cart-total > table td:first-child { width: 90%; padding-right: 5px; }
#cart-content .more { font-weight: 700; color: #b3b2b2; display: block; background: #fff; padding: 0 10px 5px; text-align: right; }
#cart-content .more:hover { text-decoration: underline; }
#cart-content .scrolling-usp { padding: 5px; background: #ebeede; border: 1px solid #8ba70a; margin: 5px 10px; height: 15px;  }
#cart-content .button { float: none; margin-bottom: 5px; color: #fff; margin: 5px 10px; }

/* Menu Shadow */
.menu-shadow { height: 13px; width: 100%; background: url(default/image/backgrounds/shadow-down.png) repeat-x 0 0 transparent; position: relative; z-index: 50; /*margin-bottom: -25px;*/ }
.shadow-up { height: 13px; width: 100%; background: url(default/image/backgrounds/shadow-up.png) repeat-x 0 100% transparent; position: relative; z-index: 50;}


/* Header */
#header #logo { padding: 10px 0; text-align: center; }
#header #logo img { max-height: 40px; }
#header #welcome { padding: 0 10px; display: none; }
#header #welcome h2 { text-transform: uppercase; font-size: 12px; font-weight: 700;	}
#header #welcome p { color: #b3b2b2; margin: 0;}
#header #continue-shopping { float: left; margin: 57px 0 0 -30px; color: #454545; }
#header #continue-shopping a { color: #454545; }
#header #search { clear: both; margin: 0 10px; background: #f0f0f0; position: relative; }
#header #search input[type=text] { max-width: 80%; display: block; width: 80%; padding: 0 10%px; border: 0; background: 0; margin: 0; }
#header #search input[type=image] { position: absolute; right: 5px; top: -5px; }
#header #checkout-call-us { float: right; margin: 30px 0 0; text-align: right; display: none; }
#header #checkout-call-us h2 { font-size: 18px; font-weight: 400;}
#header.enclosed .bottom .float-left a:hover { text-decoration: none; }
 
    #header #search { float: right; width: 50%; clear: none; margin-top: 20px; max-width: 200px; }
    #header #logo { float: left; max-width: 40%; margin-left: 10px; margin-top: 5px; }
 
    #header #logo { float: left; margin: 10px; }
    #header #welcome { margin-top: 30px; float: left; display: block; }
    #header #search input[type=text] { height: 26px; }
    #header #search input[type=image] { top: 0; }
 

}


/* Navigation */
#nav-wrapper { padding: 0 10px; }
#nav-wrapper.expand #nav { display: block; }
#nav-wrapper .menu-shadow { display: none; }
#nav { display: none; position: relative; background: #f5f5f5; box-shadow: 5px 5px 0 #c5c5c5; border: 1px solid #e5e5e5; border-top: 0; }
#nav > ul { margin: 0; padding: 0; }
#nav > ul > li { list-style-type: none; position: relative;}
#nav > ul > li > a { font-weight: 700; color: #454545; display: block; padding: 10px 25px; z-index: 210; position: relative; }
#nav > ul > li:hover > a { color: #FFFFFF; text-decoration: none; background: #3a5d75;}
#nav > ul > li > div { display: none; position: absolute; top: 36px; left: 0; border: 1px solid #3a5d75; background: url(default/image/backgrounds/cart-totals-bkg.png) no-repeat 200px 0 #f5f5f5; box-shadow: 5px 5px 0 #3a5d75; z-index: 200; }
#nav > ul > li > div.columns-2 { width: 410px; }
#nav > ul > li > div .column.manufacturers {  min-height: 100%; padding-left: 10px; }
#nav > ul > li > div .column { float: left; }
#nav > ul > li > div .column:first-child { background: #fff; }
#nav > ul > li > div > div > ul { float: left; margin: 0; padding: 5px 0; width: 200px;}
#nav > ul > li.right > div { left: auto; right: 0;}
#nav > ul > li > div > div > ul > li { list-style-type: none; padding: 5px 15px; }
#nav > ul > li > div > div li a { color: inherit;}
#nav > ul > li > div > div li strong { display: block; border-bottom: 1px solid #eee; padding-bottom: 10px; width: auto; }
#nav > ul > li > div > div.colunn { float: left; }
#nav-collapse { cursor: pointer; background: #f5f5f5; padding: 8px; text-align: center; font-weight: 700; border: 1px solid #e5e5e5; margin: 10px 10px 0; box-shadow: 5px 5px 0 #c5c5c5; }
 
    #header { padding-bottom: 15px; }
 
    #header { padding-bottom: 0; }
    #header #search { max-width: 300px; }
    #nav-collapse { display: none; }
    #nav-wrapper .menu-shadow { display: block; }
    #nav-wrapper { padding: 0; }
    #nav { border: 0; border-top: 1px solid #454545; display: block; background: transparent; box-shadow: none; }
    #nav > ul > li { float: left; }
    #nav > ul > li:hover > div { display: block;}

/* Navigation dropdown megamenu */
#nav-dropdown { background: #f0f0f0; position: relative; }
#categories-dropdown { background: #113e5e; float: left; }
#categories-dropdown > a { text-decoration: none; color: #fff; font-weight: 700; background: url(default/image/icons/list.png) no-repeat 150px 50%; padding: 12px 72px 12px 15px; display: block; float: left; }
#categories-dropdown > div { width: 201px; box-shadow: 3px 5px 10px #777; display: none; position: absolute; z-index: 55; top: 40px; }
#categories-dropdown > div.col2 { width: 580px; }
#categories-dropdown > div.col3 { width: 100%; }
#categories-dropdown:hover > div { display: block; }
#categories-dropdown > div > ul { list-style: none; padding: 0; margin: 0; float: left; }
#categories-dropdown > div > ul > li > a { width: 161px; display: block; background: #1d4e70; border-bottom: 1px solid #123f5e; border-top: 1px solid #3d6784; color: #fff; font-weight: 400; padding: 7px 20px; }
#categories-dropdown > div > ul > li.children > a { background: url(default/image/breadcrumb-arrow-white.png) no-repeat 92% 50% #1d4e70; }
#categories-dropdown > div > ul ul li.children > a { background: url(default/image/breadcrumb-arrow.png) no-repeat 93% 50% #fff; }
#categories-dropdown > div > ul > li ul { min-height: 100%; list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 201px; background: url(default/image/backgrounds/shadow-down.png) repeat-x 0 0 #fff; display: none; }
#categories-dropdown > div > ul ul li > a {  }
#categories-dropdown > div > ul > li:hover > a { background-color: #113e5e; text-decoration: none; }
#categories-dropdown > div > ul ul li:hover > a { background-color: #f5f5f5; text-decoration: none; border-right: 1px solid #ddd; }
#categories-dropdown > div > ul li:hover > ul { display: block; }
#categories-dropdown > div > ul > li ul > li > a { color: #454545; display: block; padding: 7px 15px; width: 348px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#categories-dropdown > div > ul > li ul > li > strong { border-top: 1px solid #cecece; display: block; padding: 7px 15px; width: 350px; color: #3a5d75; border-bottom: 1px solid #e4e4e4; }
#categories-dropdown > div > ul > li ul ul { left: 379px; }
#nav-dropdown .scrolling-usp { float: left; height: 20px; padding: 12px 15px 0 40px; background: url(default/image/icons/offer_dark.png) no-repeat 0 1px transparent; margin-left: 5px; font-weight: 400; }
#nav-dropdown .email { float: right; }
#nav-dropdown .email input[type=text] { background: #fff; padding: 11px; float: left; width: 150px; margin: 0; border-color: #f0f0f0; }
#nav-dropdown .email input[type=text]:hover, #nav-dropdown .email input[type=text]:active { background: #fff; }
#nav-dropdown .email .button { float: right; background: #f0f0f0; color: #454545; padding: 11px 15px; min-width: 0; font-weight: 700; }
#nav-dropdown .email .info { float: left; padding: 12px 12px 0 40px; font-weight: 400; background: url(default/image/icons/email_dark.png) no-repeat 0 1px transparent; }

/* Category page */
.category-info { position: relative; overflow: hidden; text-align: center; border-bottom: 1px solid #e5e5e5; }
.category-info > .image{ float: right; display: none; }
.category-info + .breadcrumb { border-bottom: 1px solid #e5e5e5; padding: 4px 0; }
.category-info-text { padding: 10px 0 0;}
.category-info-text .description { display: none; }
 
    .category-info { border: 0; }
 
    .category-info { text-align: left;}
    .category-info > .category-info-text {
        position: relative;
        margin-top: 10px;
        left: 20px;
        clear: both;
    }
    .category-info > .image{
        float: none;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    .category-info-text .description { display: block; }

.categories { margin: 0 -5px 15px;}
.categories .category { float: left; width: 50%; overflow: hidden; margin: 0 0 10px; }
.categories .category > .padder { margin: 0 5px; }
.categories .category a { float: left; display: block; width: 100%; background: #e5e5e5; height: 90px; text-align: center; }
.categories .category a > span { display: block; padding: 5px; background: #e5e5e5; }
.categories .category a > .image { height: 60px; width: 100%; }
.categories .category a > .image > img { height: 60px; float: right; margin-bottom: 5px; }
.categories .category.row-end { margin-right: 0; }
.product-filter { width: 100%; margin: 5px 0 5px 0; padding: 4px 0; border-bottom: 1px solid #e5e5e5; min-height: 30px; }
.product-filter .sort { float: left; }
.product-filter .sort select, .product-filter .limit select { margin-left: 10px; width: 100px; display: inline; padding: 3px; }
.product-filter .limit { clear: both; display: none; }
.product-filter .limit select { width: 90px; }
 
    .product-filter { height: 30px; }
    .product-filter .limit { float: left; margin-left: 20px; clear: none; display: block; }
    .product-filter .sort select, .product-filter .limit select { width: 100px; }
 
    .categories .category { width: 33%; }
.product-grid { /*margin: 0 -10px;*/}
.box-product { margin: 0 -20px; }
.product-grid > div,
.box-product .product { float: left; text-align: center; margin: 10px 0; position: relative; width: 100%; }
.product-grid > div .image,
.box-product .product .image { margin: 0;}
.product-grid > div .image img,
.box-product .product .image img { max-width: 100%; width: 100%; }
.product-grid > div .price-rule-image { position: absolute; left: 0; top: 0; max-height: 50px; }
.product-grid > div .name,
.box-product .product .name { padding: 0; min-height: 35px; text-align: left; font-size: 11px; }
.product-grid > div .name a,
.box-product .product .name a { color: #454545; font-weight: 400;}
.product-grid > div .price,
.box-product .product .price { padding: 4px; float: left; }
.product-grid > div .price .price-old,
.box-product .product .price .price-old { text-decoration: line-through;}
.product-grid > div .price .price-new,
.box-product .product .price .price-new { color: #c92f2f;}
.product-grid > div .price .price-tax,
.box-product .product .price .price-tax { color: #b3b2b2;}
.product-grid > div .button,
.box-product .product .button { float: right; padding: 4px; min-width: 0; }
.product-grid > div.product { width: 100%; padding: 0; max-width: 100%; }
.box-product .product.product > div.padder,
.product-grid > div.product > div.padder { padding: 0 10px; }
.box-product .product.product .cart,
.product-grid > div.product .cart { background: #f1f1f1; }
 

@media(max-width:375px){
    .box-product .product.product,
    .product-grid > div.product { width: 100%; }
}


@media(min-width:376px) and (max-width:768px){
    .box-product .product.product,
    .product-grid > div.product { width: 50%; }
}

@media(min-width:769px){ 
    .box-product.max-3  div.product,
    .box-product.max-4  div.product,
    .product-grid.max-3  div.product,
    .product-grid.max-4  div.product,
    .box-product.max-5  div.product,
    .product-grid.max-5  div.product { width: 33%; }
 
    .box-product.max-5  div.product,
    .product-grid.max-5  div.product { width: 25%; }
 
    .box-product.max-3  div.product,
    .box-product.max-4  div.product,
    .box-product.max-5  div.product,
    .product-grid.max-3  div.product,
    .product-grid.max-4  div.product,
    .product-grid.max-5  div.product { width: 25%; }
    .box-product.max-5 div.product,
    .product-grid.max-5 div.product { width: 20%; }
}

/* Account pages */
.login-content > div.left { float: left; width: 49%;}
.login-content > div.right { float: right; width: 49%;}

/* Transactions Page */
table#transactions tr.transaction-item { background: #f5f5f5; }


/* Generic fancy left-right 50% divs */
.fancy-left-div { float: left; width: 450px; border: 1px solid #e5e5e5; background: #fff;}
.fancy-right-div { float: right; width: 450px; border: 1px solid #e5e5e5; background: #f5f5f5;}
.fancy-left-div > .title, .fancy-right-div > .title { text-align: center; padding: 20px 20px 35px 20px; font-weight: 700; border-bottom: 1px dashed #e5e5e5; padding-bottom: 15px; margin-bottom: 15px; }
.fancy-left-div > .content, .fancy-right-div > .content { padding: 10px 20px 20px; text-align: center; }
.fancy-left-div input[type=text], .fancy-left-div input[type=password], .fancy-right-div input[type=text], .fancy-right-div input[type=password] { float: none; display: block; width: 388px !important; }


/* Product page */
/* Right column */
.product-info { margin-bottom: 15px; }
.product-info > .right { max-width: 100%; }
.product-info > .right .product-title { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
.product-info > .right .product-title h1 { padding: 10px 0; margin: 0; font-size: 16px;}
.product-info > .right .cart-row { margin: 10px -10px; overflow: hidden; }
.product-info > .right .cart-row > .padder { padding: 15px 20px 20px; background: #f1f1f1; margin: 0 -10px; box-shadow: inset 0 0 10px #bbb; }
.product-info > .right .cart-row > .padder > div { float: left;}
.product-info > .right .cart-row > .padder > div.clear-both { float: none;}
.product-info > .right .cart-row > .padder > div .title { text-transform: uppercase; font-weight: 700; margin-bottom: 10px; font-size: 12px;}
.product-info > .right .cart-row > .padder > .quantity { margin-right: 10px;}
.product-info > .right .cart-row > .padder > .quantity .quantity-input { margin: 5px 10px 0 0; width: 70px; max-width: 100%; }
.product-info > .right .cart-row > .padder > .quantity .quantity-input[type=text] { margin: 5px 10px 0 0; width: 48px; max-width: 100%; }
.product-info > .right .availability { padding: 10px 0 0; float: none; display: none; }
.product-info > .right .availability .nostock { background: #aa0000; color: #fff; display: block; padding: 10px; margin-bottom: 5px;  }
.product-info > .right .availability .backorder { background: #c57e21; color: #fff; display: block; padding: 10px; margin-bottom: 5px;  }
.product-info > .right .price { margin-right: 10px; font-size: 20px; font-weight: 700; }
.product-info > .right .price .title { margin-bottom: 15px;}
.product-info > .right .price .price-old { text-decoration: line-through;}
.product-info > .right .price .price-new { color: #a31313;}
.product-info > .right .price .price-tax { font-size: 12px; color: #b3b2b2; font-weight: 400; padding-top: 5px; }
.product-info > .right .price .reward { font-size: 12px; color: #b3b2b2; font-weight: 400;}
.product-info > .right .price .discounts { font-size: 12px; color: #b3b2b2; font-weight: 400;}
.product-info > .right .htabs { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 10px 0; margin-bottom: 10px; }
.product-info > .right .tab-content > .content { }
.product-info > .right .fancy-tab-content { border: 0;}
.product-info > .right .options .option { padding: 0 0 5px 0;}
.product-info > .right .options .option div.label { width: 25%; float: left;}
.product-info > .right .options .option div.label .required { color: #a31313;}
.product-info > .right .options .option div.option-values { width: 75%; float: right;}
.product-info > .right .options .option div.option-values input[type=text],
.product-info > .right .options .option div.option-values textarea { width: 300px; }
.product-info > .right .options .option div.option-values select { width: 321px;}
.product-info > .right .cart-row .options .option div.option-values select { width: 100%; }
.product-info > .right .cart-row .options .option div.option-values input, .product-info > .right .cart-row .options .option div.option-values textarea { width: 160px;}
.product-info > .right .options .option div.option-values .option-error { border: 1px solid #800000; border-width: 1px 2px 2px 1px;}
.product-info > .right > .options { margin-top: 15px; }
.product-info > .right > .options input,
.product-info > .right > .options textarea,
.product-info > .right > .options select { padding: 5px; }
.product-info > .right > .options select { width: 100% !important; }
.product-info > .right .cart-row .options .option div.option-values { width: 100%; float: left;}
.product-info > .right .cart-row > .padder > .cart { float: none; text-align: center; }
.product-info > .right .cart-row > .padder > .cart > .fancybutton { float: none; width: 100%; }
.product-info > .right .share { margin-bottom: 32px; margin-top: 17px; min-height: 5px; }
.product-info > .right .share .twitter { float: left; }
.product-info > .right .share .facebook { float: left; }
.product-info > .right .share .wishlist { clear:both; padding-top: 10px;  }
 
    .product-info > .right .share .wishlist { clear: none; float: right; padding-top: 0; }
.product-info > .right #reviews { display: none; }
.product-info > .right #reviews .reviews-title { border: 1px solid #e5e5e5; border-width: 1px 0;padding: 10px 0; margin-top: 20px; }
.product-info > .right #reviews .reviews-title .float-left { font-weight: 700; }
.product-info > .right #reviews .reviews-title .float-right > img {  }
.product-info > .right #reviews .reviews-add { background: #e6e6e6; color: #454545; display: block; font-weight: 700; padding: 10px; text-align: center; margin-top: 10px; }
.product-info > .right #reviews .reviews-add:hover { background: #f1f1f1; text-decoration: none; }
.product-info > .right #reviews #reviews-write { display: none; border-bottom: 1px solid #ddd;  }
.product-info > .right #reviews #reviews-write table { border: 0; margin-top: 10px; }
.product-info > .right #reviews #reviews-write td { padding: 5px 2px 5px 0; border: 0; }
.product-info > .right #reviews #reviews-write td.two { width: 422px; }
.product-info > .right #reviews #reviews-write td .stars { }
.product-info > .right #reviews #reviews-write td input[type=text], .product-info > .right #reviews #reviews-write td textarea { margin: 0; width: 400px; float: right; }
.product-info > .right #reviews .review-list { margin-bottom: 10px; }
.product-info > .right #reviews .review-list .review { padding: 10px 0; border-bottom: 1px solid #ddd; }
/* Left column */
.product-info > .left { max-width: 100%; }
.product-info .back-link a { display: block; color: inherit; font-weight: 700; padding: 15px 15px 15px 30px; background: url(default/image/text-arrow-left.png) no-repeat 0 50% transparent;}
.product-info > .left > .image { position: relative; float: right; width: 80%; }
.product-info > .left > .image .zoom-icon { position: absolute; right: 0; top: 0;}
.product-info > .left > .image .price-rule-image { position: absolute; left: 0; top: 0; }
.product-info > .left > .image a img { margin-bottom: 5px; width: 100%; max-width: 380px; }
.product-info .image-additional { width: 15%; float: left; }
.product-info .image-additional a { display: block; max-width: 100%; }
.product-info .image-additional a img { max-width: 100%; border: 1px solid #FFFFFF; max-height: 60px; }
.product-info .image-additional a.active img { border-color: #838383;}
.product-info .box.related-products { display: none; }
.product-info .box.related-products .box-product { margin: 0 -33px; }
.product-info .box.related-products .box-product .product { margin: 5px 26px; }
body.product_product #content-bottom { display: none; }
 
    .product-info > .right .cart-row > .padder > .cart { width: 35%; float: left; margin-top: 27px; }
    .product-info > .right .cart-row > .padder > .cart .fancybutton { width: 100%; float: none; margin-left: 15px; padding: 10px 0; }
    .product-info > .right .cart-row > .padder > .quantity { width: 20%; margin: 0; }
    .product-info > .right .cart-row > .padder > .quantity .quantity-input { width: 100%; }
    .product-info > .right .cart-row > .padder > .options { margin-left: 10px; width: 40%; }
 
    .product-info .back-link a { padding: 0 0 15px 15px; background: url(default/image/text-arrow-left.png) no-repeat 0 3px transparent; }
    .product-info { padding: 0 10px; }
    .product-info > .left { float: left; width: 40%; }
    .product-info > .left > .image { float: none; width: auto; }
    .product-info > .left > .image-additional { width: auto; float: none; margin-bottom: 15px; }
    .product-info > .left > .image-additional a { float: left; margin: 0 5px 5px; }
    .product-info > .left .box.related-products { display: block; }
    .product-info > .right { float: right; width: 57%; }
    .product-info > .right .price { float: left; }
    .product-info > .right .availability { display: block; float: right; padding: 0; border: 0; text-align: right; }
    .product-info > .right #reviews { display: block; }
    .product-info > .right .cart-row { margin: 10px 0; }
    .product-info > .right .cart-row > .padder { box-shadow: none; background: #f5f5f5; margin: 0; }
 
    .product-info { padding: 0; }



/* Cart page */
body.enclosed #page { background: #f1f1f1; }
body.enclosed #header { background: #fff; }
#content .cart-info { }
#content .cart-info .cart-products { margin: 0 -10px; border-top: 1px solid #e5e5e5; }
#content .cart-info .cart-products .cart-empty { padding: 30px 15px; text-align: center; }
#content .cart-info .cart-products > .product > .padder { min-height: 45px; position: relative; background: #f5f5f5; padding: 10px; border-bottom: 1px solid #e5e5e5; }
#content .cart-info .cart-products > .product > .padder > .image { width: 50px; float: left; }
#content .cart-info .cart-products > .product > .padder > .image img { max-width: 100%; }
#content .cart-info .cart-products > .product > .padder > .info { margin-left: 50px; margin-right: 70px; }
#content .cart-info .cart-products > .product > .padder > .info .name {  }
#content .cart-info .cart-products > .product > .padder > .info .price { font-weight: 700; }
#content .cart-info .cart-products > .product > .padder > .modify .price { display: none; }
#content .cart-info .cart-products > .product > .padder > .modify { position: absolute; right: 0; top: 10px; width: 75px; }
#content .cart-info .cart-products > .product > .padder > .modify .quantity { float: right; margin-right: 10px; }
#content .cart-info .cart-products > .product > .padder > .modify .quantity input { width: 25px; padding: 5px; display: inline; text-align: center; }
#content .cart-info .cart-products > .product > .padder > .modify .quantity > a { display: none; padding: 2px 6px; margin: 3px 5px 3px 3px;  background: #e5e5e5; }
#content .cart-info .cart-products > .product > .padder > .modify .remove { width: 19px; height: 19px; background: url(default/image/close.png) no-repeat 50% 50% #e5e5e5; color: #777; padding: 0; display: block; min-width: 0; float: right; margin: 4px 5px 5px 0; }
#content .cart-info .cart-products > .product:last-child > .padder { border-bottom: 0; }

#content .cart-info .usps { display: none; }

#content .cart-info #quick-order { border-top: 1px dashed #e5e5e5; padding-top: 10px;  }
#content .cart-info #quick-order input[type=text] { padding: 5px; max-width: 95%; }
#content .cart-info #quick-order .icon { display: none; font-size: 40px; color: #e5e5e5; width: 45px; float: left; background: url(default/image/icons/quick-order-add.png) no-repeat 50% 50% #f5f5f5; height: 45px; margin: 0 10px; }
#content .cart-info #quick-order .product { float: left; width: 55%; }
#content .cart-info #quick-order .product > .padder { margin-right: 15px; }
#content .cart-info #quick-order > .quantity { float: left; width: 10%; }
#content .cart-info #quick-order .cart { float: right; width: 25%; }
#content .cart-info #quick-order .cart .button { float: right; margin-top: 12px; background: #e5e5e5; color: #777; padding: 8px; min-width: 0; }

#content .cart-sidebar .cart-totals {  padding: 0 0 10px; background: #f5f5f5; margin: 0 -10px; }
#content .cart-sidebar .cart-totals > .cart-total { clear: both; }
#content .cart-sidebar .cart-totals > .cart-total > .padder { background: #f5f5f5; font-weight: 700; text-align: left; }
#content .cart-sidebar .cart-totals > .cart-total > .padder .label {float: left; padding: 5px 0 5px 10px; }
#content .cart-sidebar .cart-totals > .cart-total > .padder .value { width: 110px; float: right; border-left: 1px dashed #e5e5e5; padding: 5px 0 5px 15px; }
#content .cart-sidebar .cart-totals > .cart-total.total { font-size: 16px; }

#content .cart-sidebar > .padder > h1 { display: none; }
#content .cart-sidebar > .padder { margin: 0; }
#content .cart-sidebar .buttons { background: #f5f5f5; margin: 0 -10px; padding: 10px; border-top: 1px dashed #e5e5e5; }
#content .cart-sidebar .buttons > .padder { }
#content .cart-sidebar .buttons > .padder .button.back { min-width: 0; padding: 10px 10px 10px 25px; background: url(default/image/breadcrumb-arrow-left.png) no-repeat 10px 50% #e5e5e5; color: #777; }
#content .cart-sidebar .cart-modules { margin: 0 -10px; padding: 10px; background: #f5f5f5; }
#content .cart-sidebar .cart-modules .cart-module { margin-bottom: 10px; }
#content .cart-sidebar .cart-modules .cart-module .cart-module-button { background: #e5e5e5; color: #777; min-width: 0; width: auto; float: none; }
#content .cart-sidebar .cart-modules .cart-module .content { background: #e5e5e5; border-top: 1px solid #d5d5d5; padding: 10px; }
#content .cart-sidebar .cart-modules .cart-module input { max-width: 70%; }

#cart-share { background: #fff; margin: 0 auto; max-width: 320px; padding: 20px; }
#cart-share h1 { padding: 20px; margin: -20px -20px 20px; border-bottom: 1px solid #cdcdcd; }
#cart-share .form { text-align: left; }
#cart-share .form label { width: 150px; font-weight: 700; }
#cart-share .form input,
#cart-share .form textarea { padding: 5px; }

 
    #content .cart-info #quick-order .icon { display: block; }
    #content .cart-info #quick-order .product { float: left; width: 48%; }
    #content .cart-info .cart-products,
    #content .cart-sidebar .buttons,
    #content .cart-sidebar .cart-totals { margin: 0; }
 
    #content .cart-info { float: left; width: 60%; }
    #content .cart-info .cart-products > .product > .padder { background: transparent; }
    #content .cart-info > h1 { padding: 12px 0 6px; }
    #content .cart-info .cart-products > .product > .padder > .info { margin-left: 70px; }
    #content .cart-info .cart-products > .product > .padder > .info .price { display: none; }
    #content .cart-info .cart-products > .product > .padder > .modify .price { display: block; float: left; padding: 5px 10px; font-weight: 700; }
    #content .cart-info .cart-products > .product > .padder > .info { margin-right: 145px; }
    #content .cart-info .cart-products > .product > .padder > .modify { width: 140px; }
    #content .cart-info .cart-products > .product > .padder > .modify .quantity { padding-left: 10px; }
    #content .cart-info .cart-products > .product ? .padder > .image { width: 70px; }

    #content .usps { margin-top: 25px; display: block; border-top: 1px solid #e5e5e5; }
    #content .usps .usp { width: 33.3%; float: left; }
    #content .usps .usp .padder { padding: 0; }
    #content .usps .usp .padder .usp-subheading { font-weight: 700; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
    #content .usps .usp .padder .usp-content { padding: 10px 0;}

    #content .cart-sidebar { float: right; width: 40%; }
    #content .cart-sidebar > .padder { border: 1px solid #e5e5e5; border-bottom-width: 6px; background: #f5f5f5; margin-left: 25px; padding: 5px; }
    #content .cart-sidebar .padder > h1 { display: block; padding: 10px 5px; border-bottom: 1px dashed #e5e5e5; }
    #content .cart-sidebar .buttons > .padder { }
    #content .cart-sidebar .cart-modules { margin: 0 0 -10px; }



/* Checkout */
#header.enclosed .header-separator-shadow { max-width: 100%; }
#header.enclosed .bottom { display: none; }
#header.enclosed { padding: 10px; }
body.enclosed #content { background: #fff; max-width: 1040px; margin: auto; padding-top: 20px; padding-bottom: 20px; }
#header.enclosed #logo { float: none; width: auto; max-width: 100%; margin: 0; }
#checkout-steps { background: #fff; border: 1px solid #e5e5e5; }
#checkout-steps .page-width { max-width: 1040px; }
#checkout-steps a { display: block; float: left; width: 33%; border-right: 1px solid #e5e5e5; text-align: center; font-size: 11px; padding: 5px 0; background: #f5f5f5;
    position: relative;
    width: 33%;
    height: 31px;
    background-color: #eee;
    border: 1px solid #eee;
    border-right-color: #e4e4e4;
    padding: 17px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #454545;
    margin-top: -1px;}
#checkout-steps a.active {
    color: #fff;
    border: 1px solid #244050;
    border-left-color: #355e75;
    background: #ffffff;
    background: -moz-linear-gradient(top, #355e75 3%, #244050 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#355e75), color-stop(100%,#244050));
    background: -webkit-linear-gradient(top, #355e75 3%,#244050 100%);
    background: -o-linear-gradient(top, #355e75 3%,#244050 100%);
    background: -ms-linear-gradient(top, #355e75 3%,#244050 100%);
    background: linear-gradient(to bottom, #355e75 3%,#244050 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#244050',GradientType=0 );
}
#checkout-steps a.active:first-child {
    border-left-color: #244050;
}
.checkout-sidebar { display: none !important; }

.checkout-container .form-field > .label {  }
.checkout-container .form-field > .input {  }
.checkout-container .form-field > .input input[type=text],
.checkout-container .form-field > .input input[type=password],
.checkout-container .form-field > .input select,
.checkout-container .form-field > .input textarea { width: 90%; }
.checkout-container table,
.checkout-container td { border: 0; padding: 0; }
.checkout_checkout .checkout-title { padding: 10px 0 10px; border-bottom: 1px dashed #e5e5e5;  font-weight: 700; margin-bottom: 15px; /*background: url(default/image/backgrounds/half_page_shadow.png) no-repeat 50% 100%; background-size: 100% 20px; */ }
.checkout_checkout .checkout-title span { font-weight: 400; }
.checkout_checkout .checkout-title#contact-details-title > div { background: url(default/image/icons/circle_customer.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title#payment-address-title > div { background: url(default/image/icons/circle_address.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title#shipping-address-title > div { background: url(default/image/icons/circle_address.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title#payment-method-title > div { background: url(default/image/icons/circle_payment.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title#shipping-method-title > div { background: url(default/image/icons/circle_shipping.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title#password-title > div { background: url(default/image/icons/circle_password.png) no-repeat 0px 50%; padding: 10px 0 10px 50px; }
.checkout_checkout .checkout-title.cart-icon > div { background: url(default/image/icons/circle_cart.png) no-repeat 0px 50%; padding: 10px 0 10px 50px;  }
.checkout_checkout .checkout-title.contact-icon > div { background: url(default/image/icons/circle_contact.png) no-repeat 0px 50%; padding: 10px 0 10px 50px;  }
.checkout_checkout .checkout-title.shipping-icon > div { background: url(default/image/icons/circle_shipping.png) no-repeat 0px 50%; padding: 10px 0 10px 50px;  }
.checkout_checkout #email-validate { display: none; }
.checkout-container div.input-style { background: #f9f9f9; padding: 10px; display: block; margin-bottom: 10px; /*width: 310px;*/ border: 1px solid #CCC; cursor: pointer; }
.checkout-container div.input-style img { display: none; float: right; }
.checkout-container div.input-style.radio:hover { background: #f5f5f5; }
.checkout-container div.input-style.radio.disabled { cursor: default; color: #a5a5a5; border-color: #e5e5e5;}
.checkout-container div.input-style.radio.disabled:hover { background: #f9f9f9; }
.checkout-container .buttons { padding:15px 0; }


 
    .checkout-container { padding: 0 15px; }
    .checkout-container div.input-style img { display: inline; }
 
    .checkout-container { width: 62%; float: left; /*border: 8px solid #e5e5e5;*/ }
    .checkout-container.confirm { width: auto; padding: 0; float: none; }
    .checkout-container .form-field > .label { width: 150px; float: left; padding: 12px 0; }
    .checkout-container .form-field > .label + .input { margin-left: 150px; }
    /* Sidebar containing cart products */
    .checkout-sidebar { width: 30%; float: right; }
    .checkout-sidebar.visible { display: block !important; }
    .checkout-sidebar .pod { border: 1px solid #e5e5e5; background: #f5f5f5; margin-bottom: 20px; }
    .checkout-sidebar .checkout-title { padding-left: 20px !important; }
    .checkout-sidebar .content { padding: 0 20px 20px; opacity: 1; }
    .checkout-sidebar .content:hover { opacity: 1; }
    .checkout-sidebar .content.cart { padding: 0; }
    .checkout-sidebar .content .products { max-height: 350px; overflow-y: auto; }
    .checkout-sidebar .content .product { padding: 10px; border-bottom: 1px solid #f7f7f7; }
    .checkout-sidebar .content .product > .image { width: 60px; padding-left: 10px; float: left;  }
    .checkout-sidebar .content .product > .description { float: left; }
    .checkout-sidebar .content .totals { padding: 10px 20px; border-top: 1px solid #ddd; }
    .checkout-sidebar .content .ordertotal { padding: 3px 0; }
    .checkout-sidebar .content .ordertotal > div { text-align: left; }

/* Address picker styles */
.address-tiles { background: #f9f9f9; margin-bottom: 20px; overflow: auto; max-height: 320px; }
.address-tiles .address { float: left; width: 33%; height: 145px; padding-top: 20px; border-bottom: 1px solid #dadada; }
.address-tiles .address:hover { background: #f5f5f5; cursor: pointer; }
.address-tiles .address .radio { float: left; margin: 0 10px 10px;  }
.address-tiles .address > div { float: left; margin: 0; /*width: 135px;*/ word-wrap: break-word; }


/* Payment Methods */
#sagepay_server_iframe { width: 100%; min-height: 370px; border: 0; margin-top: -30px; max-height: 550px; }
#sagepay_server_iframe.fullscreen { width: auto; height: 100%; left: 0; top: 0; z-index: 999999999; display: block; padding: 0 200px; text-align: center; background: #fff; }

/* Realex Payment Form */
#realex_payment_form { background: #FFFFFF; width: 450px; margin: 0 auto; }
#realex_payment_form iframe { width: 450px; height: 330px; }


/* Order success page */
.popup-message { margin: 50px 180px 0; background: url(default/image/backgrounds/cart-popup-background.jpg) no-repeat 0 0 #fff; z-index: 10; float: left; width: 610px; box-shadow: 0 0 10px #AAA; min-height: 300px; position: relative}
.popup-message .header { padding: 25px 25px 25px 60px;}
.popup-message .content .full { padding: 40px; text-align: right;  }
.popup-message .content strong { padding-top: 20px; display: block; float: left;  }
.popup-message .content .full .search { float: right; background: #f0f0f0; width: 350px; margin-right: 20px; }
.popup-message .content .full .search input[type=text] { background: transparent; border: 0; width: 210px; padding: 15px; float: left; margin: 0; }
.popup-message .content .full .search input[type=image] { float: right; }
.popup-message .content .full .button { float: right; padding: 15px; display: inline; margin-right: 218px; }
.popup-message .content .left { float: left; width: 45%; padding: 20px; }
.popup-message .content .left hr { margin: 25px 0; }
.popup-message .content .right { float: right; width: 40%; padding: 20px; }
.popup-message .content .right .buttons { padding: 20px; text-align: center; background: #f4f4f4; }
.popup-message .content .right .buttons .button { padding: 15px; margin-left: 8px; }
.popup-message .content .right .buttons .button:first-child { margin-bottom: 20px; }
.popup-message .footer { padding: 20px; box-shadow: 0px -3px 7px #ddd; margin-top: 30px; }
.popup-message#cart-empty .header { background: url(default/image/backgrounds/cart-empty-popup-background.jpg) no-repeat 0 0; }
.popup-message#not-found { background: url(default/image/backgrounds/404-popup-background.jpg) no-repeat 0 0; }

/* Contact Page */
.information_contact #content { line-height: 20px; }
.contact-form-table { border: 0; }
.contact-form-table td { border: 0; padding: 5px 0; }
.contact-form-table td:first-child { width: 150px; }
.contact-form-table td input, .contact-form-table td textarea { width: 230px; }
.contact-form-table td input.button { width: 100%; }

/* Downloads Page*/
.downloads > .download { padding: 0 0 10px; margin-bottom: 10px; }

/* Fullscreen account pages */
body.portal-fullscreen { background: #454545; }
body.portal-fullscreen #content { margin: 100px auto 100px; }

/* Account Pages -- Order History */
.order-list .order { background: #f4f4f4; margin-bottom: 10px; padding: 10px; height: 70px; }
.order-list .order:nth-child(even) { background: #fff; }
.order-list .order > div { float: left; border-right: 1px solid #DDD; padding: 10px 20px; height:50px; width: 20%; }
.order-list .order > div.order-date { padding-left: 0; }
.order-list .order > div.order-actions { float: right; border: 0; text-align: right; padding-right: 0; }

/* Autocomplete fields */
.autocomplete-results { display: none; position: absolute; background: url(default/image/backgrounds/autocomplete-results-bkg.png) no-repeat 0 0 #e0e0e0; background-size: 100% 9px; z-index: 9999999; overflow: hidden; max-height: 600px; overflow: auto;}
.autocomplete-results > ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; }
.autocomplete-results > ul > li { padding: 0; margin: 0; }
.autocomplete-results > ul > li > a { padding: 10px; display: block; color: #454545; cursor: default; line-height: 12px; }
.autocomplete-results > ul > li > a[data-disabled=false]:hover, .autocomplete-results > ul > li.highlight > a[data-disabled=false] { background: #454545; text-decoration: none; color: #fff; cursor: pointer; }
.autocomplete-results > ul > li > a:hover { text-decoration: none; }
.autocomplete-results > ul > li > a[data-disabled=true] { color: #aaa; }
 
    .autocomplete-results { display: block; }

/* Javascript Notification */
#js-notify { display: none; position: fixed; top: 40px; right: 20px; padding: 10px 15px; background: #f3f8be; border: 1px solid #87a301; border-radius: 5px; box-shadow: 0 0 10px #555; font-weight: 400; }

/* jQuery UI Datepicker */
.ui-datepicker { background: #fff; border: 1px solid #2b2b2b; z-index: 9999999 !important; box-shadow: 0 0 5px #000; }
.ui-datepicker .ui-datepicker-header { background: #454545; color: #fff; padding: 5px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; }
.ui-datepicker .ui-datepicker-header a { color: #aaa; }
.ui-datepicker .ui-datepicker-unselectable { background: #f5f5f5; border-left: 0; }

/* Smaller widescreen styles */
 
    /* Move slideshow arrows in so they're visible */
    .slideshow .slideshow-next { right: 0; left: auto; margin-left: 0; background: #fff; padding: 5px 15px; }
    .slideshow .slideshow-previous { left: 0; margin-left: 0; background: #fff; padding: 5px 15px; }

/* Responsive Form */
.form h3{ background-color: #fff; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; font-size: 15px; margin-top: 30px; }
.form h3:first-child{ margin-top: 0; }
.form hr{ margin: 50px 0 }
.form > p{ margin-bottom: 15px }
.form > p > label, .form > p > input[type=text], .form > p > input[type=password], .form > p > select{ margin-bottom: 0; display: inline-block }
.form > p > label{ width: 50%; }
.form > p > input[type=text], .form > p > input[type=password], .form > p > select{ margin-left: -3px; }
.form > p > select{ width: 333px; }
.form > p > span.error{ margin: 2px 0 0 50%; background-color: #c9232f; color: #fff; width: 310px; padding: 7px 11px; }

 
    .form > p > input[type=text], .form > p > input[type=password], .form > p > span.error{width: 280px; }
    .form > p > select { width: 302px; }

 
    .form > p > label{ width: auto; display: block; }
    .form > p > input[type=text], .form > p > input[type=password], .form > p > span.error{ width: 100%; margin-left: 0; display: block; padding: 10px 0; text-indent: 10px; margin: 5px 0 0 0; }
    .form > p > span.error{ text-indent: 4px }
    .form > p > select{ width: 100%; margin: 5px 0 20px 0; }
    .form .right{ float: none }#development-environment-message {
    display: none !important
}

* {
    -webkit-overflow-scrolling: touch
}

body {
    background: #fff;
    -webkit-font-smoothing: antialiased
}

body,
td,
th,
input,
textarea,
select,
p,
button {
    color: #454545;
    font-family: 'Barlow Semi Condensed', sans-serif;
    /*font-family:Georgia;*/
    font-size: 14px;
    line-height: 22px
}

a {
    color: #333;
    transition: color .3s
}

a:hover {
    color: #242424
}

input[type=text],
input[type=password],
select,
textarea {
    font-family: Arial;
    font-size: 12px;
    border-style: solid;
    border-radius: inherit
}

b {
    font-family: Arial;
    font-size: 12px
}

a:hover,
a:focus {
    color: #8c8c8c !important
}

h1,
h2,
h3 {
    font-weight: 400;
    color: #242424
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 16px
}

ul {
    padding-left: 15px
}

hr {
    border-color: #ececec
}

.text-center {
    text-align: center
}

.page-width {
    width: 100%;
    max-width: 1200px;
    padding: 15px
}

.common_home .page-width {
    padding: 0
}

.product_product .page-width {
    padding: 0
}

.common_home #header #quick-links {
    /*padding-top:15px;*/
}

.error {
    font-size: 12px;
    font-family: Arial
}

.link-color {
    color: #8c22a3
}

img {
    max-width: 100%
}

.no-pl {
    padding-left: 0 !important
}

.no-pr {
    padding-right: 0 !important
}

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

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.button,
input[type=submit],
input[type=button] {
    background-color: #2d2d2d;
    padding: 10px 20px;
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
    border: solid 1px #2d2d2d;
    transition: background-color .25s, color .25s
}

.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
    background-color: transparent;
    color: #242424
}

.button.transparent {
    box-shadow: none;
    border: 1px solid #fff;
    padding-right: 20px;
    background: url(images/button-pixel-dot.png) no-repeat 100% 50% !important;
    min-width: 0;
    color: #242424
}

.button.transparent:hover {
    box-shadow: none;
    color: #242424;
    text-decoration: none
}

.button.download {
    box-shadow: none;
    border: 0;
    font-size: 12px;
    background: url(images/icons/download.png) no-repeat 15px 50% #f4f4f4 !important;
    font-family: Arial, sans-serif;
    padding: 8px 15px 8px 35px;
    color: #242424
}

.button.download:hover {
    background-color: #ebebeb !important;
    color: #777
}

.button.mail {
    box-shadow: none;
    border: 0;
    font-size: 12px;
    background: url(images/icons/mail.png) no-repeat 15px 50% #f4f4f4;
    font-family: Arial, sans-serif;
    padding: 8px 15px 8px 40px;
    color: #242424
}

.button.mail:hover {
    background-color: #ebebeb;
    color: #777
}

#content-wrapper {
    padding: 0
}

#notification {
    position: fixed;
    top: 0;
    z-index: 999999;
    font-family: Arial;
    font-size: 12px;
    left: 0;
    margin-left: 0;
    width: 100%;
    opacity: .8;
    text-align: center
}

div.attention {
    background: #fff;
    border: 3px solid #2b2b2b;
    margin-top: -3px
}

#notification>div {
    cursor: pointer
}

div.warning {
    font-weight: 400
}

div.success {
    font-weight: 700;
    font-family: Arial;
    font-size: 12px;
    background: #99b864;
    text-align: center
}

.fancy-left-div>.title,
.fancy-right-div>.title {
    font-size: 16px;
    font-weight: 400
}

.popup-message {
    box-shadow: none;
    border: 1px solid #ddd;
    width: 650px;
    margin: 50px 145px 0;
    z-index: 7
}

.popup-message h1 {
    font-size: 28px
}

#top-menu {
    position: absolute;
    right: 0;
    top: 0
}

#top-menu div {
    display: inline-block
}

#top-menu .top-search #btn-search {
    position: absolute;
    right: 7px;
    top: 2px;
    cursor: pointer;
    background: url(images/new/icon-search.png) no-repeat center center;
    background-size: 25px;
    border: 0;
    width: 30px;
    height: 30px;
    outline: 0;
    display: inline-block;
    line-height: inherit;
    padding: 0;
    margin-right: 10px
}

#top-menu .top-search input {
    display: none;
    width: 0;
    margin-right: 15px;
    padding: 5px 10px
}

#top-menu .top-search form.bypass input {
    display: inline-block;
    width: 200px;
    float: left
}

#top-menu .top-account a {
    cursor: pointer;
    background: url(images/new/icon-account.png) no-repeat center center;
    background-size: 20px;
    border: 0;
    width: 30px;
    height: 30px;
    outline: 0;
    display: inline-block;
    line-height: inherit;
    padding: 0;
    margin-right: 15px
}

#top-menu .top-search {
    position: absolute;
    top: 0;
    right: 80px
}

#top-menu .top-account {
    position: absolute;
    right: 35px;
    top: 0
}

#top-menu #cart {
    top: 0;
    position: absolute;
    right: 0
}

#top-menu #cart span span {
    margin-top: 0;
    background: url(images/new/cart-ribbon.png) no-repeat 50% -12px transparent;
    background-size: 29px;
    padding: 5px;
    color: #222;
    display: inline-block;
    height: 66px;
    width: 30px
}

.loggedin #logoutuser {
    position: absolute;
    width: 60px;
    right: -66px;
    top: 5px
}

#top-menu.loggedin {
    right: 60px
}

#page {
    padding-bottom: 60px;
    padding-top: 108px
}

#cart {
    float: none
}

#cart:hover .header-info {
    color: #2b2b2b
}

#cart .cart-icon,
#cart .cart-total,
#cart .cart-quantity {
    display: none
}

#cart .header-info {
    background: transparent !important;
    font-weight: 400;
    color: #acacac;
    padding-left: 0
}

#menu #cart .header-info span span {
    margin-top: -10px;
    background: url(images/new/cart-ribbon.png) no-repeat 50% 0 transparent;
    padding: 10px 15px;
    color: #fff
}

#cart .cart-go-to-checkout {
    display: none;
    float: right;
    max-width: auto;
    overflow: visible
}

#cart .cart-go-to-checkout .button {
    border: 1px solid #fff;
    background-color: #f5f5f5;
    font-size: 12px;
    background-position: 90% 50%;
    font-weight: 400;
    padding: 4px 30px 4px 15px;
    margin-top: 3px;
    min-width: 0
}

#cart .cart-go-to-checkout .button:hover {
    background-color: #f5f5f5
}

#cart-content {
    right: -18px
}

#cart-content .button {
    background: 0;
    color: #242424;
    font-weight: 400
}

#cart-content .button:hover {
    background: #2d2d2d;
    color: #fff
}

#cart-content .mini-cart-info .product>.info .name {
    font-weight: 400;
    font-size: 12px
}

#cart-content .mini-cart-info .product>.info .name small {
    font-size: 10px
}

#cart-content img {
    width: auto !important
}

#cart .arrow-top {
    display: none
}

#header {
    position: fixed;
    width: 100%;
    top: 0;
    height: 108px !important;
    background: #333333;
    box-shadow: none;
    border-bottom: 1px solid #333333;
    padding: 20px 50px;
    z-index: /*11*/
    102;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#header #logo {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

#header #logo a {
    background-image: url(images/new/logo-volcer.png);
    background-position: center center;
    background-size: cover;
    width: 320px;
    height: 40px;
    display: block;
	margin-top: 13px;
}

#header #quick-links {
    float: left;
    margin-top: 30px;
    font-size: 16px;
    width: 100%
}

#header #quick-links a {
    padding: 0 5px;
    text-transform: uppercase;
    color: #FFF;
}

#header #quick-links a.nav-dropdown,
#header #quick-links a.small-dropdown {
    background: url(images/icons/pixel-arrow-down.png) no-repeat 100% 50% transparent;
    padding-right: 20px;
    /*margin-right:20px*/
}

#header #quick-links a.logout {
    text-transform: inherit !important
}

#header #quick-links li:first-child a.nav-dropdown {
    padding-left: 0
}

#header #quick-links a.account-mobile {
    display: none
}

#header #quick-links a {
    padding: 0 25px;
    position: relative
}

#header #quick-links>ul {
    padding: 0;
    max-width: 1170px;
    margin: 0 auto;
    text-align: right;
	margin-top:-5px;
}

#header #quick-links>ul li {
    position: relative;
    display: inline-block
}

#nav-wrapper {
    display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height .75s, opacity .5s;
    opacity: 0;
    width: 100%;
    background: #f6f6f6;
    z-index: 99999;
    top: 100%;
    left: 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc
}

#nav-wrapper.expand {
    height: 340px;
    opacity: .98
}

#nav {
    border-top: 0 !important
}

#nav li div {
    border: 0
}

#nav>ul>li {
    width: 16%;
    padding: 35px 0 35px 0
}

#nav>ul>li:nth-child(1) {
    width: 12%
}

#nav>ul>li:nth-child(2) {
    width: 12%
}

#nav>ul>li:nth-child(3) {
    width: 14%
}

#nav>ul>li:nth-child(4) {
    width: 16%
}

#nav>ul>li:nth-child(5) {
    width: 17%
}

#nav>ul>li:nth-child(6) {
    width: 13%
}

#nav>ul>li:nth-child(7) {
    width: 16%
}

#nav>ul>li>a {
    cursor: default !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 10px;
    border-bottom: 1px solid #fff;
    float: none;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 10px
}

#nav>ul>li:hover>a {
    background: transparent;
    color: #242424
}

#nav>ul>li>a:hover {
    text-decoration: none !important
}

#nav>ul>li>div {
    display: block;
    position: relative;
    background: transparent;
    top: 0;
    left: 0;
    border: 0
}

#nav>ul>li>div .column:first-child {
    font-size: 13px;
    background: transparent
}

#nav>ul>li>div>div>ul>li {
    padding: 0 0 10px
}

#header {
    height: 163px
}

#nav-wrapper {
    position: absolute;
    padding: 0 50px !important;
    left: 0;
    right: 0
}

#nav-wrapper #nav li:hover>a {
    background: transparent !important;
    color: #454545
}

#menu-toggle {
    display: none;
    background-color: #fff;
    background-image: url(images/new/icon-toggle-menu.png);
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
    position: absolute;
    top: 20px;
    left: 30px;
    border: 0;
    padding: 20px 30px;
    outline: 0;
    border-radius: 4px
}

#menu-toggle:hover,
#menu-toggle:active {
    background-color: #f5f5f5
}

.mobile-menu-search {
    display: none
}

.mobile-menu-search input {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 15px 30px;
    border-radius: 0
}

.mobile-menu-search input:focus {
    border-color: #ddd !important
}

#nav-wrapper #nav li div {
    padding: 0;
    display: block;
    position: relative;
    top: inherit;
    background: transparent;
    border: 0
}

#nav-wrapper #nav {
    display: block !important;
    background: #f6f6f6
}

.breadcrumb {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ececec;
    top: 102px;
    left: 0;
    padding: 0;
    height: 40px;
    line-height: 43px;
    background: #fff;
    z-index: 10;
    overflow: hidden
}

.breadcrumb>.page-width {
    padding: 0 0 0 15px
}

.breadcrumb a,
.breadcrumb span {
    padding: 0 10px;
    color: #acacac
}

.breadcrumb span.separator {
    background-image: none
}

.breadcrumb a:first-child,
.breadcrumb span:first-child {
    padding-left: 0
}

.breadcrumb a:hover {
    color: #242424;
    text-decoration: none
}

#content .breadcrumb {
    display: none
}

.breadcrumb+#content {
    margin-top: 0
}

.breadcrumb+h1 {
    text-align: center;
    padding: 30px 0;
    margin-bottom: 30px;
    line-height: 40px
}

#column-left {
    border: 0;
    border-right: 1px solid #ececec;
    background: #fff
}

#column-left .box .box-heading,
#column-right .box .box-heading {
    font-weight: 400;
    padding-left: 0
}

#column-left .box-filter ul li a div.checkbox span {
    margin-top: -5px
}

#column-left .box .box-content {
    padding: 10px 15px 10px 0;
    font-size: 12px;
    font-family: Arial
}

#column-left .box .box-content p {
    font-family: Arial;
    font-size: 12px
}

.blog-menu {
    border-right: 1px solid #ececec
}

.category-info-text {
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
    padding: 30px;
    border-bottom: 1px solid #ececec
}

.category-info-text>h1 {
    margin: 0 0 20px 0
}

.categories {
    text-align: center;
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.categories>.padder {
    margin: 0 auto;
    padding: 9px 0
}

.categories>.padder>.category {
    float: none;
    display: inline;
    width: auto;
    color: #acacac;
    margin: 0;
    overflow: visible
}

.categories>.padder>.category>span {
    background: transparent;
    padding: 12px;
    margin: 0
}

.categories>.padder>.category.active>span {
    color: #242424;
    border-bottom: 1px solid #242424;
    margin-bottom: -1px
}

.categories>.padder>.category:hover {
    text-decoration: none;
    color: #242424
}

.product-grid>div.product>div.padder,
.box-product .product.product>div.padder {
    padding: 10px
}

#column-left .box .box-heading,
#column-right .box .box-heading {
    border-color: #ececec
}

body.product_category #content {
    margin-left: 114px;
    margin-top: 30px;
    max-width: 100%
}

body.product_category #mobile-col-left-toggle {
    display: none
}

body.product_category #mobile-col-left-toggle a {
    color: #222
}

body.product_category #mobile-col-left-toggle a:hover {
    color: #222
}

body.product_category .category-info-text {
    display: none
}

@media(max-width:1530px) {
    #frm-search {
        position: absolute;
        top: 105%;
        right: 0
    }
}

@media(min-width:1024px) {}

@media(max-width:1024px) {
    body.product_category #column-left {
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
        padding: 20px 70px;
        margin-bottom: 30px !important
    }
    body.product_category #content {
        margin-left: 0 !important;
        max-width: 100% !important
    }
    body.product_category #mobile-col-left-toggle {
        display: block
    }
    #frm-search {
        display: none
    }
}

@media(max-width:468px) {
    body.product_category #content .product {
        display: block;
        float: none;
        width: 100%
    }
    body.product_category .categories>.padder>.category {
        float: none;
        display: block;
        height: 50px;
        width: 100%
    }
    body.product_category #column-left {
        padding: 20px 40px;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: -30px;
        right: 0;
        z-index: 99;
        overflow: auto;
        display: none
    }
    body.product_category #column-left .box .box-content {
        padding: 10px 0
    }
    body.product_category #column-left .box .box-content p {
        text-align: left
    }
}

.site-tab {
    position: fixed;
    z-index: 99999;
    display: block;
    background: #EEE;
    padding: 15px;
    color: #222;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -10px;
    top: 50%;
    margin-top: -25px;
    border-radius: 4px;
    text-decoration: none
}

.product-grid>div,
.box-product .product {
    margin: 0 0 10px
}

.product-grid>div .name,
.box-product .product .name {
    text-align: center;
    font-size: 14px;
    padding: 7px 0;
    min-height: /*83px*/
    60px;
    display: block;
    overflow: hidden
}

.box-product.max-3 div.product,
.product-grid.max-3 div.product {
    width: 33%;
    min-height: 285px
}

.box-product.max-4 div.product,
.product-grid.max-4 div.product {
    min-height: 410px;
}

.pagination {
    margin: 0 0 15px 0;
    float: left;
    clear: left
}

.category-long-description {
    float: right;
    margin-left: 185px;
    padding-left: 40px;
    padding-bottom: 40px;
    margin-bottom: -60px;
    border-left: 1px solid #ececec
}

.category-long-description:after {
    clear: both;
    content: " "
}

table.form thead td {
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    background: transparent;
    border: 1px solid #ececec;
    border-width: 1px 0
}

table.form thead td:first-child {
    padding-left: 0
}

table.form tbody tr:first-child td {
    padding-top: 10px
}

.product-info-row {
    background: #eee;
    position: relative
}

.product-info-row>.page-width {
    padding: 0 15px
}

.product-info-row a.manufacturing {
    background: url('images/produzione_01.jpg') no-repeat center;
    background-size: cover
}

.product-info-row .description .inner {
    padding-right: 40px
}

.product-info-row .manufacturing .inner {
    padding-left: 40px;
    position: relative;
    z-index: 2
}

.product-info-row .manufacturing .overlay {
    background: rgba(0, 0, 0, 0.0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: background .8s ease;
    -moz-transition: background .8s ease;
    -ms-transition: background .8s ease;
    -o-transition: background .8s ease;
    transition: background .8s ease
}

.product-info-row .manufacturing:hover .overlay {
    background: rgba(0, 0, 0, 0.5)
}

.product-info-row .manufacturing h2 {
    color: #fff;
    margin-bottom: 0;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.8)
}

.product-info-row a.manufacturing {
    display: block
}

.product-info-row a.manufacturing:hover {
    text-decoration: none !important
}

.product-info-row .description .inner,
.product-info-row .manufacturing .inner {
    padding-top: 60px;
    padding-bottom: 60px
}

.product-info-row .description h2,
.product-info-row .manufacturing h2 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: inherit;
    background: 0
}

.product-info-row .description p,
.product-info-row .manufacturing p {
    font-size: 12px
}

.product-info {
    margin: 0
}

.product-info>.info-block>.left {
    padding: 20px 0;
    width: 60%;
    float: left
}

.product-info>.info-block>.right {
    padding: 20px 0;
    width: 36%;
    float: right
}

.product-info>.info-block>.left .main-product-image {
    max-width: 100%
}

.product-info>.info-block>.left>.image img {
    display: block
}

.product-info .image-additional a.active img {
    border-color: #fff
}

.product-info>.info-block>.right .product-title {
    border: 0
}

.product-info>.info-block>.right .product-title h1 {
    font-size: 18px;
    padding-bottom: 0;
    line-height: 30px
}

.product-info>.info-block>.right .price {
    border-style: solid;
    border-color: #ececec;
    border-width: 1px 0;
    line-height: normal;
    padding: .8em 0;
    margin: 0 0 20px 0;
    font-family: Arial, sans-serif;
    font-size: 12px
}

.product-info>.info-block>.right .price b {
    line-height: 27px
}

.product-info>.info-block>.right .description,
.product-info>.info-block>.right .description p {
    color: #777
}

.product-info>.info-block>.right .specification {
    float: left
}

.product-info>.info-block>.right .specification h3,
.product-info>.info-block>.right .social h3 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.product-info>.info-block>.right .specification ul {
    font-family: Arial;
    font-size: 12px;
    clear: both;
    list-style: none;
    padding: 0
}

.product-info>.info-block>.right .specification ul li label {
    font-weight: 700;
    width: 150px;
    display: block;
    float: left
}

.product-info>.info-block>.right .social {
    float: right
}

.product-info>.info-block>.right .social ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.product-info>.info-block>.right .social ul li {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: auto;
    text-align: center;
    text-indent: 0;
    background: 0;
    margin: 0;
    padding: 0 0 0 4px
}

.product-info>.info-block>.right .social ul li img {
    display: block
}

.product-info>.info-block>.right .options {
    background: transparent;
    border: 0
}

body.product_product .options {
    background: #fbfbfb;
    border-top: 1px solid #ececec;
    padding-bottom: 20px
}

body.product_product .options h2 {
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
    marin-bottom: 20px
}

body.product_product .options .option {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    margin: 0 auto 10px auto
}

body.product_product .options .option label {
    width: 100%;
    padding: 0
}

body.product_product .options .option .label {
    padding-bottom: 0;
    width: auto;
    overflow: hidden
}

body.product_product .options .option .quantity .title {
    padding-bottom: 10px
}

body.product_product .options .option .styled-select {
    float: left
}

body.product_product .options .option .styled-select select {
    width: 64px !important;
    padding: 13px
}

@-moz-document url-prefix() {
    body.product_product .options .option .styled-select select {
        padding: 13px 13px 12px
    }
}

body.product_product .options .option .option-values,
body.product_product .options .option select {
    font-family: Arial;
    font-size: 12px
}

body.product_product .options .option .option-values select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 30px 5px 10px;
    display: block;
    position: relative;
    -webkit-appearance: none;
    background: #fff url('images/select-arrow-bg.png') no-repeat 95% center
}

body.product_product .options .option .error {
    display: block;
    background: #c80404;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    top: -6px;
    left: 0;
    box-shadow: none;
    border: 1px solid #980000
}

body.product_product .options .option.cart {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 20px 0
}

body.product_product .options .option.cart .quantity {
    float: left
}

body.product_product .options .option.cart .quantity .title {
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    border: 0
}

body.product_product .options .option.cart .quantity select {
    width: 50px !important;
    margin: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px 10px 10px;
    display: block;
    position: relative;
    -webkit-appearance: none;
    background: #fff url('images/select-arrow-bg.png') no-repeat 88% center
}

body.product_product .options .option.cart .quantity input {
    width: 45px;
    margin: 0;
    border: solid 1px #cfcfcf;
    height: 42px;
    padding: 0 0 0 15px
}

body.product_product .options .option.cart .cart {
    float: left;
    margin-left: 15px
}

body.product_product .options .option.cart .cart #button-cart {
    margin-right: 0
}

body.product_product .options .product-dimensions {
    font-size: 12px;
    border-bottom: 1px solid #ececec;
    padding: 10px 0 20px 0
}

body.product_product .options .product-downloads {
    font-size: 12px;
    border-bottom: 1px solid #ececec;
    padding: 10px 0 20px 0
}

body.product_product .options .product-downloads ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body.product_product .options .option input[type=text] {
    padding: 7px;
    width: 230px
}

body.product_product .related-products {
    background: #fff;
    padding: 40px 0
}

body.product_product .related-products h2 {
    padding: 0 0 30px;
    text-align: left;
    font-size: 18px
}

body.product_product .additional-product-details {
    margin-bottom: 20px;
    padding-top: 40px
}

body.product_product .additional-product-details .column {
    width: 33%;
    float: left
}

body.product_product .additional-product-details .column>.padder {
    padding: 0 20px 30px 0
}

body.product_product .additional-product-details .column.downloads ul {
    font-family: Arial;
    font-size: 12px
}

body.product_product .additional-product-details .column.contact>.padder {
    padding-right: 0
}

body.product_product .additional-product-details .column>.padder h2 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px
}

body.product_product .video img {
    float: left
}

body.product_product .video .info {
    border: 1px solid #ececec;
    float: left;
    max-width: 150px;
    height: 112px
}

body.product_product .video .info p {
    padding: 35px 15px;
    text-align: center
}

body.product_product .additional-product-details .column>.padder b {
    font-family: Arial;
    font-size: 12px
}

.product_product .image-additional {
    width: auto;
    float: none;
    margin-top: 10px;
    text-align: left;
    max-width: 690px
}

.product_product .image-additional a {
    display: inline-block;
    padding: 3px 0;
    margin: 0 1% 11px 1%;
    width: 10%;
    float: none
}

.product_product .image-additional a img {
    max-height: none
}

body.product_product .product-dds-mobile {
    display: none
}

body.product_product .related-products .product-grid>div,
.box-product .product .name {
    padding: 10px 20px
}

body.product_product .related-products .product-grid>div,
.box-product .product {
    position: relative;
    z-index: 1
}

body.product_product .related-products .product-grid .padder,
.box-product .product:hover,
.product-grid .padder:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.25);
    box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.25);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -kthtml-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 2
}

body.product_product .related-products .product-grid>div,
.box-product .product:hover .name a,
.product-grid .padder:hover .name a {
    color: #fff
}

body.product_product .related-products .product-grid>div,
.box-product .product:hover .name,
.product-grid .padder:hover .name {
    background: #2d2d2d;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -kthtml-transition: all .3s linear;
    transition: all .3s linear
}

@media(max-width:992px) {
    .product-info>.info-block>.left {
        width: 50%;
        padding: 20px;
        height: auto !important
    }
    .product-info>.info-block>.right {
        width: 50%;
        padding: 20px;
        margin-bottom: 0 !important
    }
    .product-info-row .inner {
        padding: 50px !important
    }
    body.product_product .image-additional a img {
        width: 100% !important
    }
    .product_product .image-additional a {
        width: 13%
    }
}

@media(max-width:768px) {
    body.product_product .manufacturing .inner {
        padding: 75px 80px !important
    }
    body.product_product .product-dimensions,
    .product-downloads {
        text-align: left;
        border-bottom: none !important
    }
    body.product_product .product-dimensions p,
    .product-downloads p {
        text-align: left
    }
    body.product_product .product-dds-mobile {
        display: block
    }
    body.product_product .product-dds-desktop {
        display: none
    }
    body.product_product .related-products .product-grid>div,
    .box-product .product {
        display: block !important;
        width: 100% !important;
        floar: none !important
    }
    #add-to-cart-success .content .button.continue,
    .lightbox-alert .content .button.continue {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    body.product_product .options .option.cart .cart {
        margin-top: 15px
    }
    .left {
        margin-bottom: 0
    }
    .breadcrumb {
        display: none
    }
    #header #top-menu {
        top: 0;
        margin: 0;
        padding: 0 !important
    }
    .breadcrumb+#content {
        margin-top: 0
    }
}

.box-product {
    margin: 0 -10px
}

.lifestyle-banners {
    border-top: 1px solid #ececec
}

.lifestyle-banners h2 {
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px
}

.lifestyle-banners h2 .button {
    font-size: 12px;
    float: right;
    margin-top: -10px
}

.lifestyle-banners .banners {
    margin: -0 -20px
}

.lifestyle-banners .banners .banner {
    display: block;
    float: left;
    width: 25%
}

.lifestyle-banners .banners .banner>.padder {
    margin: 0 10px;
    text-align: center;
    font-size: 16px;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s
}

.lifestyle-banners .banners .banner>.padder img {
    width: 100%
}

.lifestyle-banners .banners .banner>.padder .text {
    padding: 20px 0
}

.option-image {
    list-style: none;
    margin: -3px 0 0 -3px;
    padding: 0
}

.option-image li {
    float: left;
    width: 25%;
    position: relative
}

.option-image li input {
    position: absolute;
    z-index: 1
}

.option-image li img {
    max-width: 100%;
    height: auto;
    display: block
}

.option-image li .option-image-container {
    position: relative;
    z-index: 2;
    display: block;
    border: solid 1px #FFF;
    padding: 3px;
    background: #FFF
}

.option-image li input:checked+label {
    border: solid 1px #000
}

.option-image li label {
    text-align: center;
    display: block;
    padding: 10px 0 0
}

.product-contact>.page-width {
    padding: 60px 0 20px 0;
    border-top: 1px solid #eee
}

.product-contact h2 {
    font-size: 32px;
    margin-bottom: 10px;
    text-align: center
}

.product-contact .left {
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px 0;
    border-right: solid 1px #ececec;
    margin-top: 0
}

.product-contact .right {
    float: right;
    width: 49.8%;
    text-align: center;
    padding: 10px 0 0
}

.product-contact .right .button {
    display: inline-block;
    float: none;
    padding-left: 60px;
    padding-right: 60px
}

.product-info .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border: solid 1px #ececec;
    border-width: 1px 0;
    width: 100%
}

.product-info .tabs:after {
    content: '';
    clear: both
}

.product-info .tabs li {
    float: left;
    width: 25%
}

.product-info .tabs li a {
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    color: #ababab;
    position: relative
}

.product-info .tabs li a:after {
    content: '';
    height: 35px;
    width: 1px;
    background: #ececec;
    position: absolute;
    left: -1px;
    top: 15px
}

.product-info .tabs li a:hover,
.product-info .tabs li.active a {
    color: #2d2d2d;
    background: #ececec
}

.product-info .tabs li:first-child a:after,
.product-info .tabs li a:hover:after,
.product-info .tabs li.active a:after {
    content: none !important
}

.product-info .tab-content .tab {
    display: none;
    padding: 30px 0
}

.product-info .tab-content .tab h2 {
    margin-bottom: 30px
}

.product-info .tab-content .tab.active {
    display: block
}

.product-info .video {
    float: right;
    width: 500px;
    margin: 0 0 30px 40px
}

.product-info .video .button {
    display: inline-block;
    float: right;
    margin: 30px 0 0 0
}

.front-image {
    display: table;
    width: 100%;
    background: url(images/new/front-image.jpg) no-repeat;
    background-size: cover;
    background-position:center bottom;
    min-height: 400px;
    position: relative
}

.front-image .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-align: center
}

.front-image .inner h1 {
    color: #fff;
    font-size: 80px;
    margin-top: 70px
}

.front-image .inner .logo-circle img {
    width: 1000px;
    margin: 0 auto
}

.front-image .inner .our-story {
    width: 270px;
    padding: 25px 50px 25px 65px;
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    background-image: url(images/new/our-story-triangle.png);
    background-position: 29px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: rgba(120, 120, 121, 0.8);
    color: #fff;
    margin: 40px auto 0 auto;
    text-decoration: none !important;
    display: block
}

.front-image .inner .our-story:hover {
    background-color: rgba(120, 120, 121, 0.95);
    cursor: pointer
}

.front-image .inner .explore-arrows-container {
    margin-top: 50px
}

.front-image .inner #explore-arrows {
    background-image: url(images/new/explore-arrows.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
    height: 59px;
    cursor: pointer;
    width: 80px;
    margin: 0 auto;
    opacity: .8
}

.front-image .inner #explore-arrows:hover {
    opacity: 1
}

.front-image .inner .bottom {
    position: fixed;
    bottom: 0;
    color: #fff;
    left: 0;
    right: 0;
    text-transform: uppercase;
    z-index: 600;
    -webkit-transition: background .8s ease;
    -moz-transition: background .8s ease;
    -ms-transition: background .8s ease;
    -o-transition: background .8s ease;
    transition: background .8s ease
}

.front-image .inner .bottom.fixed {
    background: rgba(0, 0, 0, 1)
}

.front-image .inner .bottom .bottom-arrows {
    display: none
}

.front-image .inner .bottom.fixed .bottom-arrows {
    display: block;
    position: absolute;
    width: 50px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -40px;
    background: transparent url(images/new/explore-arrows.png) no-repeat center;
    background-size: contain;
    z-index: 9;
    cursor: pointer
}

.front-image .inner .bottom.fixed .bottom-arrows.back_up {
    display: block;
    position: absolute;
    width: 50px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -30px;
    background-size: contain;
    z-index: 9;
    cursor: pointer;
    background: transparent url(images/new/explore-arrow-up.png) no-repeat center
}

.front-image .inner .bottom .our-story-mobile {
    display: none
}

.front-image .inner .bottom .account,
.front-image .inner .bottom .search,
.front-image .inner .bottom .our-story-mobile {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.5)
}

.front-image .inner .bottom .account:hover,
.front-image .inner .bottom .search:hover,
.front-image .inner .bottom .our-story-mobile:hover {
    background: rgba(0, 0, 0, 0.6)
}

.front-image .inner .bottom .account a,
.front-image .inner .bottom .our-story-mobile a {
    color: #fff;
    display: block;
    padding: 29px 0
}

.front-image .inner .bottom .account a:hover,
.front-image .inner .bottom .our-story-mobile a:hover {
    text-decoration: none
}

.front-image .inner .bottom .account span.lock {
    background: url(images/new/icon-account-w.png) center center no-repeat;
    background-size: 15px;
    width: 26px;
    height: 18px;
    display: inline-block;
    margin-right: 10px
}

.front-image .inner .bottom .search {
    height: 80px
}

.front-image .inner .bottom .search input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border: 0;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    margin: 0;
    width: 100%;
    font-size: 20px;
    font-family: Georgia
}

.front-image .inner .bottom .search input::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

.front-image .inner .bottom .search input:-moz-placeholder {
    color: #fff;
    text-transform: uppercase
}

.front-image .inner .bottom .search input::-moz-placeholder {
    color: #fff;
    text-transform: uppercase
}

.front-image .inner .bottom .search input:-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

.home-blocks {
    overflow: hidden
}

.home-block {
    position: relative;
    float: left;
    width: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 625px
}

.home-block .overlay {
    background: rgba(0, 0, 0, 0.0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: background .8s ease;
    -moz-transition: background .8s ease;
    -ms-transition: background .8s ease;
    -o-transition: background .8s ease;
    transition: background .8s ease
}

.home-block:hover .overlay {
    background: rgba(0, 0, 0, 0.5)
}

.home-block .title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 50px;
    color: #fff;
    font-size: 30px;
    z-index: 101;
    color: #fff !important;
    text-shadow: 0px 0px 10px #333333;
}

.home-block .title:hover {
    text-decoration: none
}

.new-products {
    background-image: url(images/new/new-products.jpg)
}

.case-studies {
    background-image: url(images/new/case-studies.jpg)
}

.news {
    background-image: url(images/new/news.jpg)
}

.contact {
    background-image: url(images/new/contact.jpg)
}

.design-service {
    background-image: url(images/design-service.jpg);
    background-size: cover
}

.design-service a.title,
.press a.title {
    color: #242424
}

.press {
    background-image: url(images/press.jpg)
}

.latest-container {
    overflow: hidden
}

.latest-twitter {
    position: relative;
    float: left;
    width: 50%;
    background: #ccc;
    min-height: 320px;
    overflow: hidden
}

.latest-twitter .latest-inner #tweet_container,
.latest-blog .latest-inner #blogger_container {
    font-size: 22px;
    line-height: 35px
}

.latest-blog {
    position: relative;
    float: left;
    width: 50%;
    background: #f6f6f6;
    min-height: 320px;
    overflow: hidden
}

.latest-inner {
    padding: 40px;
    color: #000
}

.latest-inner h3 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #9b9b9b
}

.latest-twitter .follow-twitter,
.latest-blog .read-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 28px;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    left: 0;
    text-decoration: none !important
}

.latest-twitter .follow-twitter {
    background: rgba(34, 34, 34, 0.8)
}

.latest-twitter .follow-twitter:hover {
    background: rgba(34, 34, 34, 1)
}

.latest-blog .read-more {
    background: rgba(74, 74, 74, 0.8)
}

.latest-blog .read-more:hover {
    background: rgba(74, 74, 74, 1)
}

.social-media {
    text-align: center;
    background: #fff;
    padding: 30px 0
}

.social-media a {
    margin-right: 5px
}

.social-media a:last-of-type {
    margin-right: 0
}

.module-about-us {
    text-align: center;
    background: #eee;
    padding: 80px 0 1px 0;
    margin: 0
}

.module-about-us .page-width {
    max-width: 850px;
    text-align: center;
    font-size: 16px
}

.module-about-us .about {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    float: none
}

.module-about-us .about .video {
    float: left;
    margin-right: 35px;
    cursor: pointer
}

.module-about-us .about p {
    font-size: 18px;
    margin-bottom: 40px
}

.module-about-us .about p.text-center {
    width: 540px;
    margin-left: auto;
    margin-right: auto
}

.module-about-us .about h3 {
    font-size: 35px;
    text-align: center;
    padding: 50px 0 290px;
    margin: 0
}

.module-about-us .about h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    text-align: center;
    padding: 50px 0 30px;
    line-height: 30px
}

.module-about-us .about .buttons {
    padding: 20px 0
}

.module-about-us .about .button {
    float: none;
    display: inline
}

.category-banners {
    background: url(images/background/home-banners.png) no-repeat 50% 0 transparent;
    padding: 30px 60px;
    margin: -45px -60px 0;
    position: relative;
    z-index: 60
}

.category-banners h1 {
    padding: 15px 0 50px
}

.category-banners .banners .banner {
    display: block;
    float: left;
    width: 20%;
    margin-left: 5.66%;
    font-size: 16px;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s
}

.category-banners .banners .banner:first-child {
    margin-left: 0
}

.category-banners .banners .banner:hover {
    box-shadow: 0 5px 8px #ddd
}

.category-banners .banners .banner img {
    max-width: 100%
}

.category-banners .banners .banner .text {
    padding: 20px 0
}

.handcrafted-banners {
    position: relative;
    z-index: 60;
    padding-top: 30px;
    border-top: solid 1px #ececec
}

.handcrafted-banners h1 {
    padding: 15px 0 50px
}

.handcrafted-banners .banners .banner {
    display: block;
    float: left;
    width: 20%;
    margin-left: 5.66%;
    border: solid 1px #ececec;
    font-size: 16px;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s
}

.handcrafted-banners .banners .banner:first-child {
    margin-left: 0
}

.handcrafted-banners .banners .banner:hover {
    box-shadow: 0 5px 8px #ddd
}

.handcrafted-banners .banners .banner img {
    max-width: 100%
}

.handcrafted-banners .banners .banner .text {
    padding: 20px 0 0
}

.handcrafted-banners .banners .banner .text span {
    display: block;
    margin: 1em auto 2em;
    width: 29px;
    height: 29px;
    background: url(images/icons/play.png) no-repeat
}

.handcrafted-banners .banners .banner:hover .text span {
    background-position: bottom left
}

.slideshow-images a {
    position: relative
}

.slideshow-images a .info {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 150px;
    background: #fff;
    font-size: 16px;
    padding: 20px 40px;
    opacity: .75
}

body.common_home .slideshow {
    height: 510px
}

body.common_home .slideshow .slideshow-previous {
    display: block !important;
    left: 50%;
    margin-left: -550px;
    background: transparent;
    opacity: 1 !important
}

body.common_home .slideshow .slideshow-next {
    right: auto;
    left: 50%;
    margin-left: 500px;
    background: transparent;
    display: block !important;
    opacity: 1 !important
}

body.common_home .product-contact {
    border-top: solid 1px #ececec
}

body.common_home #footer-copy {
    margin-bottom: 80px
}

body.common_home .page-width,
#header .page-width {
    width: 100%;
    max-width: 100% !important
}

body.product_product #footer .page-width {
    width: 100%;
    max-width: 100% !important
}

#header .page-width {
    position: relative
}

body.common_home #content {
    padding: 0 !important
}

body.common_home .vimeo {
    display: block;
    width: 638px;
    height: 358px;
    margin: 0 auto
}

body.common_home #page {
    padding-bottom: 0
}

body.product_product #page {
    padding-bottom: 0
}

body.information_information #content {
    padding-top: 5px
}

body.information_information .product-contact {
    clear: both;
    border-top: solid 1px #ececec;
    margin-top: 40px
}

body.information_information .manufacturing-block .slideshow {
    margin-top: 40px
}

body.information_gallery #brochure_description {
    text-align: center;
    padding-bottom: 30px
}

#footer {
    background: #eee;
    border: 0;
    border-width: 1px 0;
    padding: 0 0 20px 0;
    position: relative;
    z-index: 9;
    margin-top: 0
}

#footer a {
    color: #999;
}

#footer>.page-width {
    position: relative
}

#footer .column {
    width: 33%;
    padding: 0;
    font-size: 14px
}

#footer .column>.padder {
    padding: 20px 40px 20px 0
}

#footer .column.last>.padder {
    padding-right: 0
}

#footer .column>.padder input {
    max-width: 70%
}

#footer .column>.padder .button {
    border-width: 0;
    position: absolute;
    bottom: 25px;
    padding-left: 0;
    color: #242424
}

#footer .column>.padder h2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

#footer .button {
    border-color: #fbfbfb
}

#footer .scroll-top {
    color: #242424;
    float: right;
    border: 1px solid #ececec;
    margin-bottom: -1px;
    background: #f7f7f7;
    display: block;
    padding: 10px 21px 10px 20px
}

#footer {
    padding: 0 !important
}

#site-info {
    padding: 0;
    font-size: 11px;
    color: #454545
}

#site-info .column {
    min-height: 120px;
    float: left;
    border-right: 1px solid #ececec
}

#site-info .column>.padder {
    padding: 30px 10px
}

#site-info .column.links {
    width: 56%
}

#site-info .column.links>.padder {
    background: url(images/logo-icon.jpg) no-repeat 0 50% #fff;
    padding-left: 80px
}

#site-info .column.links a {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ececec
}

#site-info .column.links a.last {
    margin-right: 0;
    border-right: 0
}

#site-info .column.search {
    width: 22%
}

#site-info .column.social {
    width: 32.1%;
    text-align: center;
    padding-top: 4px
}

#site-info .column.social a {
    padding: 1px
}

#site-info .column.social a:hover {
    opacity: .5
}

#site-info .column.logos {
    width: 10%;
    text-align: right;
    border-right: 0
}

#site-info .column.logos>.padder {
    padding-right: 0
}

#site-info .column.search input[type=text] {
    font-family: Georgia;
    font-size: 11px;
    float: left;
    padding: 0;
    border: 0;
    background: transparent;
    width: 70%;
    height: 21px
}

#site-info .column.search input[type=submit] {
    float: right;
    padding: 0;
    width: 20%;
    min-width: 0;
    height: auto
}

#footer-copy {
    border-top: 1px solid #000;
    padding: 20px;
    background: #111;
    color: #fff
}

#footer-copy a {
    color: #fff;
    font-size: 15px
}

#footer-copy>.page-width {
    text-align: left;
    font-size: 11px
}

#footer .newsletter {
    color: #fff;
    background: #333333;
    padding: 60px
}

#footer .newsletter h2 {
    color: #fff;
    background: #333333;
    text-align: center;
    font-size: 20px
}

#footer .newsletter input {
    display: inline-block;
    float: none
}

#footer .newsletter input[type="text"] {
    margin-right: 20px
}

#footer .newsletter input[type="submit"] {
    background: #4a4a4a !important;
    color: #fff;
    border: 0;
    height: 44px;
    text-transform: uppercase;
    padding: 0 80px
}

#footer .newsletter input[type="submit"]:hover {
    background: #767575 !important
}

#footer .newsletter form {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: block
}

#footer .footer-sitemap,
#footer .footer-backtotop {
    background: #222;
    border: 1px solid #111111;
    color: #ffffff;
}

#footer .footer-sitemap:hover,
#footer .footer-backtotop:hover {
    background: #000
}

#footer .footer-sitemap:hover a,
#footer .footer-backtotop:hover a {
    color: #ffffff;
}

#footer .footer-backtotop {
    border-left: 0
}

#footer .row {
    margin: 0
}

#footer .footer-sitemap a,
#footer .footer-backtotop a {
    padding: 20px 40px;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    color: #9b9b9b
}

#footer .footer-sitemap a:hover,
#footer .footer-backtotop a:hover {
    text-decoration: none
}

.slideshow-images-wrapper,
.slideshow-images {
    height: 510px
}

.slideshow-images {
    margin-left: -600px
}

.drummonds-cart-info .right>h2,
.drummonds-cart-info .left>form>h2 {
    border-bottom: 1px solid #ececec;
    padding: 0 0 15px;
    margin-top: -15px;
    margin-bottom: 20px
}

.drummonds-cart-info .left .cart-products .product .padder>.image {
    float: left;
    width: 50px
}

.drummonds-cart-info .left .cart-products .product .padder .info {
    margin-left: 70px
}

.drummonds-cart-info .left {
    float: left;
    width: 50%
}

.drummonds-cart-info .right {
    float: right;
    width: 50%
}

.drummonds-cart-info .cart-products {
    padding-right: 50px
}

.drummonds-cart-info .cart-products>.product>.padder {
    min-height: 45px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5
}

.drummonds-cart-info .cart-products>.product>.padder>.image {
    width: 50px;
    float: left
}

.drummonds-cart-info .cart-products>.product>.padder>.image img {
    max-width: 100%
}

.drummonds-cart-info .cart-products>.product>.padder>.info {
    margin-left: 50px;
    margin-right: 70px
}

.drummonds-cart-info .cart-products>.product>.padder>.info .price {
    font-weight: 700
}

.drummonds-cart-info .cart-products>.product>.padder>.modify .price {
    display: none
}

.drummonds-cart-info .cart-products>.product>.padder>.modify {
    position: absolute;
    right: 0;
    top: 10px;
    width: 60px
}

.drummonds-cart-info .cart-products>.product>.padder>.modify .quantity {
    float: left
}

.drummonds-cart-info .cart-products>.product>.padder>.modify .quantity input {
    width: 15px;
    padding: 5px;
    height: 10px;
    margin-top: 4px;
    display: inline;
    font-size: 12px;
    font-family: Arial;
    font-size: 12px;
    text-align: center
}

.drummonds-cart-info .cart-products>.product>.padder>.modify .quantity>a {
    display: none;
    padding: 2px 6px;
    margin: 3px 5px 3px 3px;
    background: #e5e5e5
}

.drummonds-cart-info .cart-products>.product>.padder>.modify .remove {
    box-shadow: none;
    width: 22px;
    height: 22px;
    background: url(default/image/close.png) no-repeat 50% 50% #e5e5e5;
    color: #777;
    padding: 0;
    display: block;
    min-width: 0;
    float: right;
    margin: 4px 5px 5px 0;
    border: 0
}

.drummonds-cart-info .cart-products>.product:last-child>.padder {
    margin-bottom: 15px
}

.drummonds-cart-info .right>i {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.drummonds-cart-info .quote-form {
    margin-top: 40px
}

.drummonds-cart-info .quote-form .form-field {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px
}

.drummonds-cart-info .quote-form .form-field input[type=text],
.drummonds-cart-info .quote-form .form-field textarea {
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    padding: 0;
    border: none !important;
    background: transparent !important;
    margin: 0
}

.drummonds-cart-info .quote-form .form-field input[type=text] {
    height: 25px
}

.drummonds-cart-info .quote-form .form-field select {
    margin: -10px;
    border: 0;
    width: 478px;
    height: 47px
}

.drummonds-cart-info .quote-form .form-field.firstname {
    float: left;
    width: 46%
}

.drummonds-cart-info .quote-form .form-field.surname {
    margin-left: 53%
}

.drummonds-cart-info .quote-form .form-field.telephone {
    float: left;
    width: 46%
}

.drummonds-cart-info .quote-form .form-field.postcode {
    margin-left: 53%
}

#wishlist-title-field {
    width: 405px
}

#save-cart-button {
    margin-right: 15px
}

#cart-share {
    border: 1px solid #ccc;
    padding: 40px
}

#cart-share h1 {
    margin: -30px -40px 20px
}

#cart-share .form label {
    font-weight: 400
}

#content-top .box {
    margin-top: -30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec
}

#content-top .box .box-heading {
    display: none
}

#content-top .box .box-content {
    padding: 10px 0;
    margin: 0;
    position: relative
}

#content-top .box .box-content ul {
    text-align: center
}

#content-top .box .box-content ul li {
    display: inline;
    padding: 12px;
    margin: 0
}

#content-top .box .box-content ul li a {
    color: #acacac
}

#content-top .box .box-content ul li a:hover {
    text-decoration: none;
    color: #242424
}

#content-top .box .box-content ul li.active {
    border-bottom: 1px solid #242424;
    padding-bottom: 12px
}

#content-top .box .box-content ul li.active a {
    color: #242424
}

#content-top .box .box-content .absolute-left {
    position: absolute;
    left: 0;
    top: 0
}

#content-top .box .box-content .absolute-left.button {
    padding: 8px 10px 8px 20px;
    color: #acacac;
    background: url(images/button-pixel-dot-left.png) no-repeat 0 50%
}

#galleryinfo-slideshow {
    height: 540px
}

#galleryinfo-slideshow .slideshow-images {
    margin-left: -480px
}

#gallery-info .banners>.banner {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    min-height: 390px
}

#gallery-info .banners>.banner>a {
    display: block;
    padding: 0 10px 10px
}

#gallery-info .banners>.banner>a span {
    padding: 20px 0 20px;
    display: block
}

body.information_gallery_info #content .share {
    margin: 10px 0;
    float: right
}

body.information_gallery_info #content .share>span {
    float: left;
    display: block;
    margin-top: 2px;
    font-size: 14px
}

body.information_gallery_info #content .share>a {
    margin-left: 10px
}

body.information_gallery_info #content .share>a:hover {
    text-decoration: none
}

body.information_gallery_info #content h2 {
    padding: 10px 0;
    float: left
}

#galleryinfo-slideshow .slideshow-previous {
    display: block !important;
    opacity: .8 !important;
    background: #fff;
    padding: 10px 25px 5px
}

#galleryinfo-slideshow .slideshow-next {
    display: block !important;
    opacity: .8 !important;
    margin-left: 407px;
    background: #fff;
    padding: 10px 25px 5px
}

#gallery .category-info-text {
    border: 0;
    padding: 20px 0 45px;
    margin: 0
}

#gallery .breadcrumb {
    display: none
}

#gallery {
    min-width: 960px;
    margin-top: 10px;
    overflow: hidden
}

#gallery .product-grid {
    margin: -5px
}

#gallery .product {
    min-height: 0;
    width: 33.333333333%;
    margin: 0 0 5px
}

#gallery .product .padder {
    padding: 0 5px;
    position: relative
}

#gallery .product .name {
    display: none;
    position: absolute;
    background: rgba(27, 27, 27, 0.75);
    z-index: 50;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: -3px
}

#gallery .product .padder:hover .name {
    display: block
}

#gallery .product .name a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff
}

#gallery .product .name a span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    font-size: 16px
}

#gallery .product .name a span:before,
#gallery .product .name a span:after {
    content: " ";
    display: block;
    width: 30px;
    margin-left: -15px;
    height: 1px;
    background: #fff;
    left: 50%;
    position: absolute;
    margin-top: -20px
}

#gallery .product .name a span:after {
    margin-top: 20px
}

#gallery #filter-button {
    position: absolute;
    top: 132px;
    left: 0;
    background: url(images/icons/list.png) no-repeat 88% 50% #e5e5e5;
    padding: 42px 0 42px 0;
    font-size: 18px;
    width: 250px
}

#gallery.filtering #filter-button {
    background: #1b1b1b;
    color: #fff
}

#gallery #column-left {
    display: none;
    height: 100%;
    border-top: 1px solid #454545;
    border-right: 0;
    text-align: left;
    width: 250px;
    background: rgba(27, 27, 27, 0.95);
    position: absolute;
    top: 237px;
    left: 0;
    z-index: 150;
    color: #fff
}

#gallery.filtering #column-left {
    display: block
}

#gallery #column-left a {
    color: #fff
}

#gallery #column-left .box .box-heading {
    border: 0;
    font-size: 16px;
    padding: 35px
}

#gallery #column-left .box .box-content {
    border: 0;
    padding: 0 20px 20px 35px;
    margin-top: -20px
}

#gallery #column-left .box .box-content:before {
    content: " ";
    display: block;
    background: #454545;
    height: 1px;
    width: 50px;
    margin-left: -35px;
    margin-bottom: 20px
}

#gallery #column-left .box-filter div.checkbox {
    border-color: #fff;
    color: #fff;
    margin-top: 4px;
    margin-right: 20px
}

#gallery #column-left p {
    margin-bottom: 0
}

#gallery #column-left a.button {
    float: none;
    margin: 10px 20px 0 20px;
    border: 1px solid #666;
    background-color: #222
}

#applyFilter {
    display: none
}

#gallery .product-grid .product {
    width: 28%;
    height: 350px
}

#gallery .product-grid .product .padder>div {
    background-color: #333;
    overflow: hidden
}

#gallery .product-grid .product .image {
    height: 350px;
    line-height: 350px
}

#gallery .product-grid .product .image img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    margin-top: -3px
}

#gallery .product-grid .product:nth-child(12n-9),
#gallery .product-grid .product:nth-child(6n-1),
#gallery .product-grid .product:nth-child(12n-5) {
    width: 44%
}

#gallery-detail {
    margin-top: -13px
}

#gallery-detail .slider-wrapper {
    margin-bottom: 20px;
    min-width: 900px
}

#gallery-detail .slider-wrapper .nivo-nextNav,
#gallery-detail .slider-wrapper .nivo-prevNav {
    background: rgba(0, 0, 0, 0.3) url(images/gallery-arrow-left.png) no-repeat center;
    height: 100%;
    top: 0;
    width: 150px;
    font-size: 0
}

#gallery-detail .slider-wrapper .nivo-nextNav {
    background-image: url(images/gallery-arrow-right.png)
}

#gallery-detail .page-width .title {
    text-align: center;
    z-index: 99;
    position: relative;
    margin-top: -122px;
    margin-bottom: 20px
}

#gallery-detail .page-width .title h1 {
    margin: auto;
    background: rgba(255, 255, 255, 0.6);
    padding: 42px
}

#gallery-detail .gallery-detail-products {
    width: 25%;
    float: left
}

#gallery-detail .gallery-detail-products .related {
    line-height: 2.5em
}

#gallery-detail .gallery-detail-products .related a {
    text-decoration: underline
}

#gallery-detail .gallery-detail-description {
    width: 45%;
    margin: 0 50px;
    float: left
}

#gallery-detail .gallery-detail-extra {
    width: 18%;
    float: right
}

body.information_contact .breadcrumb+h1 {
    margin-bottom: 20px
}

body.information_contact #contact-info {
    margin-bottom: -80px
}

body.information_contact #contact-info .locations {
    padding-top: 20px
}

body.information_contact #contact-info .locations .location {
    padding-bottom: 20px
}

body.information_contact #contact-info .locations .location .map {
    text-align: center;
    margin-bottom: 40px
}

body.information_contact #contact-info .locations .location .map img {
    max-width: 199px
}

body.information_contact #contact-info h2 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 0
}

body.information_contact #contact-info h2.center {
    text-align: center;
    border: 0;
    padding: 40px
}

body.information_contact #contact-info .form-field input[type=text],
body.information_design #contact-info .form-field input[type=text] {
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    height: 40px
}

body.information_contact #contact-info .form-field select,
body.information_design #contact-info .form-field select {
    width: 100%;
    font-size: 12px;
    font-family: Arial;
    height: 40px
}

body.information_contact #contact-info .form-field textarea,
body.information_design #contact-info .form-field textarea {
    height: 90px;
    width: 100%;
    font-size: 12px;
    font-family: Arial
}

body.information_contact #contact-form .error {
    padding: 10px;
    background: #5f0000;
    color: #fff;
    width: 428px;
    margin-bottom: 10px
}

body.information_contact .slideshow-showrooms {
    width: 450px;
    margin-top: 14px;
    float: none !important
}

@media(max-width:992px) {
    body.information_contact .slideshow {
        margin-top: 80px;
        width: 100%
    }
    body.information_contact .locations {
        margin-top: 50px
    }
}

@media(max-width:480px) {
    body.information_contact .locations h3 {
        text-align: center
    }
}

.right50 .locations {
    padding-left: 40px
}

.slideshow-showrooms {
    width: 450px;
    margin-top: 40px;
    float: right
}

.slideshow-showrooms .slideshow-next,
.slideshow-showrooms .slideshow-previous {
    background: transparent
}

#column-left .box .box-content,
#column-right .box .box-content {
    border-top: 1px solid #fff
}

body.product_search .breadcrumb+h1 {
    margin-bottom: 0
}

body.product_search .product-filter {
    margin-bottom: 35px
}

body.product_search .product-filter .button.transparent:hover {
    box-shadow: none;
    border-color: #fff
}

#pricelist-info {
    margin-top: -20px;
    margin-bottom: -50px
}

#pricelist-info .left50 .description {
    padding-top: 20px
}

#pricelist-info h2 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 0
}

#pricelist-info .right50>h2,
#pricelist-info .right50>.padder {
    padding-left: 30px;
    padding-bottom: 30px
}

#pricelist-info .right50>.padder {
    padding-top: 20px
}

#pricelist-info .right50>.padder .form-field input[type=text] {
    width: 426px
}

#pricelist-info .right50>.padder .form-field textarea {
    height: 90px;
    width: 426px
}

#pricelist-info .right50>.padder .form-field select {
    width: 447px
}

#pricelist-info .right50 .form-field.firstname {
    float: left;
    width: 50%
}

#pricelist-info .right50 .form-field.firstname input[type=text] {
    width: 195px
}

#pricelist-info .right50 .form-field.surname {
    float: right;
    width: 50%
}

#pricelist-info .right50 .form-field.surname input[type=text] {
    width: 195px;
    float: right
}

#pricelist-info .right50 .form-field.email {
    clear: both
}

#pricelist-info .right50 .form-field.telephone {
    float: left;
    width: 50%
}

#pricelist-info .right50 .form-field.telephone input[type=text] {
    width: 195px
}

#pricelist-info .right50 .form-field.postcode {
    float: right;
    width: 50%
}

#pricelist-info .right50 .form-field.postcode input[type=text] {
    width: 195px;
    float: right
}

#pricelist-info .right50 .form-field.comments {
    clear: both
}

#add-to-cart-success,
.lightbox-alert {
    width: 480px;
    margin: auto;
    position: absolute !important;
    top: 50%;
    left: 50%;
    margin-left: -240px;
    margin-top: 100px;
    border: 1px solid #242424;
    box-shadow: 5px 5px 0 #242424;
    background: #fff
}

#add-to-cart-success .title,
.lightbox-alert .title {
    background: url(images/pixel-green-tick-block.png) no-repeat 95.5% 50% #fff;
    border-bottom: 1px solid #242424;
    padding: 20px;
    text-align: center
}

#add-to-cart-success .content,
.lightbox-alert .content {
    padding: 20px
}

#add-to-cart-success .content {
    height: 40px
}

#add-to-cart-success .content .button.continue,
.lightbox-alert .content .button.continue {
    margin-bottom: 20px;
    padding: 10px 30px 10px 40px;
    box-shadow: none;
    background: url(images/button-pixel-dot-left.png) no-repeat 20px 50% #e9e9e9;
    border: 0;
    color: #2d2d2d
}

#add-to-cart-success .content .button.wishlist,
.lightbox-alert .content .button.wishlist {
    padding: 10px 40px 10px 30px;
    box-shadow: none;
    background: url(images/button-pixel-dot-white.png) no-repeat 90% 50% #242424;
    color: #fff;
    float: right;
    border: 0;
    margin: 0
}

.order-list .order {
    height: 120px;
    font-family: Arial;
    font-size: 12px
}

.order-list .order>div {
    width: 45%
}

.order-list .order>div.order-info {
    border-right: 0
}

.order-list .order>div.order-actions {
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    padding-top: 25px;
    text-align: left
}

#lightbox-loading .lightbox-content {
    position: fixed;
    top: 50%;
    left: 50%
}

.blog-title {
    text-align: center;
    font-size: 32px;
    color: #3b3b3b;
    margin: 30px 0 -30px;
    position: relative
}

.blog-title .social {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

#content-top .box .box-content {
    border-top: 1px solid #ececec
}

.blog_post #content-top .box .box-content ul li,
.blog_post_post #content-top .box .box-content ul li,
.blog_category #content-top .box .box-content ul li {
    padding: 10px 6px
}

.blog_post .box .box-category ul,
.blog_post_post .box .box-category ul,
.blog_category .box .box-category ul {
    padding-left: 0
}

.blog_post_post #content h1 {
    font-size: 26px;
    color: #393939;
    border-bottom: 0;
    margin-bottom: 16px;
    padding: 10px 0;
    font-weight: bold
}

.blog_post_post #content p.date,
p.date {
    text-align: center;
    margin: 50px 0 0 0;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #3d3d3d;
    font-size: 13px
}

.blog_post_post #blog-content {
    width: 780px;
    margin: 0 auto
}

.blog_post_post .social {
    text-align: center;
    vertical-align: text-bottom;
    font-size: 12px;
    margin: 30px 0
}

.blog_post_post .back {
    text-align: center;
    padding-top: 30px;
    font-size: 16px
}

.blog_post_post .back a {
    background: #fff url(images/button-pixel-dot-left.png) no-repeat left center;
    padding-left: 20px
}

#featured_posts {
    height: 402px;
    position: relative
}

#featured_posts:before {
    display: block;
    content: '';
    clear: both;
    width: 33px;
    height: 208px;
    position: absolute;
    right: -33px;
    top: 0;
    background: #fff url(images/carousel_shadow.png) no-repeat top left
}

#featured_posts .image {
    height: 402px;
    width: 651px;
    left: 0;
    top: 0;
    cursor: pointer
}

#featured_posts ul {
    width: 319px;
    position: absolute;
    right: 0;
    top: 0;
    list-style: none;
    margin: 0
}

#featured_posts ul li a {
    display: block;
    width: 299px;
    height: 99px;
    padding: 17px 10px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e2e2e2;
    color: #2e2e2e;
    font-size: 16px;
    text-align: center
}

#featured_posts ul li a.active {
    padding-left: 40px;
    margin-left: -30px;
    background: #fff url(images/button-pixel-dot-left.png) no-repeat 23px center
}

#featured_posts ul li a span {
    display: block;
    font-size: 12px;
    color: #555;
    padding-top: 10px
}

#featured_posts ul li a:hover {
    text-decoration: none
}

.social .twitter,
.social .facebook,
.social .pinterest,
.social .google,
.social .instagram {
    display: inline-block;
    height: 19px;
    width: 23px;
    overflow: hidden;
    text-indent: -1000px;
    background: #fff url(images/icons/blog-social.png) no-repeat left center;
    vertical-align: middle
}

.social .twitter {
    margin-left: 10px
}

.social .facebook {
    background-position: -32px center
}

.social .pinterest {
    background-position: -62px center
}

.social .google {
    background-position: -91px center
}

.social .instagram {
    background-position: -122px center
}

#post-list:after {
    display: block;
    content: '';
    clear: both
}

#post-list .post {
    width: 470px;
    float: left
}

#post-list .post:nth-child(2n) {
    float: right
}

p.date {
    padding-bottom: 10px
}

#post-list .post h2 {
    font-size: 14px;
    text-align: center;
    padding: 15px 10px;
    margin: 0
}

#post-list .post p.more {
    text-align: center
}

#post-list .post p.more a {
    background: #fff url(images/button-pixel-dot.jpg) no-repeat right center;
    padding-right: 12px
}

#post-list .post p.excerpt {
    height: 44px
}

#pagination {
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #ececec;
    padding-top: 20px
}

.manufacturing-tabs {
    list-style: none;
    margin: 3em 0 0 0;
    padding: 0
}

.manufacturing-tabs li {
    position: relative;
    float: left;
    width: 33.3335%;
    padding-top: 5px
}

.manufacturing-tabs li:before {
    content: ' ';
    height: 22px;
    width: 1px;
    top: 15px;
    background: #cacaca;
    position: absolute
}

.manufacturing-tabs li:first-child:before {
    content: none
}

.manufacturing-tabs li a {
    text-align: center;
    display: block;
    background: #ececec;
    padding: 15px 0;
    font-size: 1.2em
}

.manufacturing-tabs li.active,
.manufacturing-tabs li:hover {
    padding-top: 0
}

.manufacturing-tabs li.active a,
.manufacturing-tabs li a:hover,
.manufacturing-tabs li:hover a {
    padding-top: 20px;
    background: #2d2d2d;
    color: #FFF
}

.manufacturing-tab-content {
    clear: both;
    padding-top: 30px
}

.manufacturing-tab-content .tab {
    display: none
}

.manufacturing-tab-content .tab.active {
    display: block
}

.manufacturing-tab-content .tab .slideshow {
    margin-bottom: 2em;
    margin-top: -30px
}

.manufacturing-tab-content .tab h3:first-child {
    display: none
}

.slideshow-manufacturing {
    height: 540px
}

.slideshow-manufacturing .slideshow-images-wrapper,
.slideshow-manufacturing .slideshow-images {
    height: 540px
}

.slideshow-manufacturing .slideshow-images {
    margin-left: -480px
}

.slideshow-manufacturing .slideshow-next,
.slideshow-manufacturing .slideshow-previous {
    background: transparent
}

.page-alert {
    border-bottom: 1px solid #EEE;
    margin-bottom: 18px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 7px
}

.pagination {
    list-style: none
}

.pagination li {
    display: inline-block;
    vertical-align: middle
}

.pagination li a {
    padding: 6px 16px
}

#casestudy-slideshow {
    background-color: #222;
    position: relative;
    height: 750px;
    overflow: hidden
}

#casestudy-slideshow>.slideshow-images-wrapper {
    height: 100%;
    opacity: 0;
    margin-top: 0
}

#casestudy-slideshow>.slideshow-images-wrapper .slideshow-image {
    position: relative;
    height: 100%;
    float: left
}

#casestudy-slideshow .slideshow-image img {
    max-width: 100%;
    max-height: 100%
}

#casestudy-slideshow .slideshow-next,
#casestudy-slideshow .slideshow-previous {
    background: rgba(34, 34, 34, 0.3) url(images/gallery-arrow-left.png) no-repeat center;
    height: 100%;
    top: 0;
    width: 150px;
    font-size: 0;
    position: absolute;
    left: 0
}

#casestudy-slideshow .slideshow-next {
    background-image: url(images/gallery-arrow-right.png);
    left: auto;
    right: 0
}

body.casestudy .slideshow-showrooms {
    display: none
}

.am-wrapper {
    float: left;
    position: relative;
    overflow: hidden
}

.am-container {
    display: none
}

.am-container a {
    position: relative;
    display: block;
    outline: none !important
}

.am-container a * {
    outline: none !important
}

.am-container a.am-wrapper:after {
    position: absolute;
    display: block;
    opacity: 0;
    content: "";
    background: #000 url(images/icons/magnify.png) no-repeat center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.am-container a:hover:after {
    opacity: .7
}

.am-wrapper img {
    outline: 0
}

.gallery-image.am-wrapper img {
    max-width: none
}

.am-container a .gallery-image {
    position: relative
}

.add-to-moodboard {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10
}

.add-to-moodboard .btn-add-to-moodboard,
.btn-remove-from-moodboard {
    display: block;
    background-color: #fff;
    background-image: url('images/plus.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #000;
    border-radius: 4px;
    border: 0;
    width: 22px;
    height: 22px;
    padding: 0
}

.add-to-moodboard .btn-add-to-moodboard.added,
.added {
    background-color: #71f6d2;
    background-image: url('images/checkmark.png')
}

.add-to-moodboard .tooltip {
    display: none;
    position: absolute;
    right: 22px;
    top: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    min-width: 120px;
    z-index: -1
}

.add-to-moodboard .tooltip a {
    color: #fff !important
}

.add-to-moodboard .tooltip:after,
.add-to-moodboard .tooltip:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.add-to-moodboard .tooltip:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 7px;
    margin-top: -7px
}

.add-to-moodboard .tooltip:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 7px;
    margin-top: -7px
}

.add-to-moodboard .btn-add-to-moodboard:hover .tooltip,
.btn-remove-from-moodboard:hover .tooltip {
    display: block
}

#development-environment-message {
    position: fixed;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 14px 0;
    color: #fff;
    z-index: 9999
}

#notification>div:first-child {
    margin-top: 0 !important
}

@media(min-width:2500px) {
    .home-blocks .home-block {
        height: 845px !important
    }
}

@media(max-width:1700px) {
    #header #logo a {
        width: 305px;
        height: 40px;
        margin-top: 13px;
    }
}

@media(max-width:1640px) {
    #header #quick-links>ul {
        text-align: right;
    }
}

@media(max-width:1505px) {
    #header {
        height: 93px !important;
        padding: 20px 30px !important
    }
    #header #logo a {
        width: 305px;
        height: 40px;
        margin-top: 6px;
    }
    #header #quick-links {
        padding: 0;
        font-size: 16px;
        text-align: center;
        width: 100%;
        margin: 19px 0 0 0;
    }
    #header #quick-links a.nav-dropdown {
        margin-right: 0
    }
    #header #top-menu {
        top: -10px
    }
    #page {
        padding-top: 93px
    }
    .breadcrumb {
        top: 90px !important
    }
}

@media(max-width:1390px) {
    #header {
        height: 83px !important
    }
    #header #logo a {
        width: 230px;
        height: 30px;
        margin-top: 5px;
    }
    #header #quick-links {
        float: left;
        margin-top: 16px;
        font-size: 16px
    }
    #header #quick-links>ul>li>a {
        padding: 0 14px
    }
    #header #top-menu {
        margin-top: -8px;
        padding-top: 0
    }
    #page {
        padding-top: 83px
    }
    .breadcrumb {
        top: 83px !important
    }
    body.product_product .product-info-row .manufacturing h2 {
        color: #fff;
        margin-bottom: 0;
        line-height: 50px;
        background: rgba(0, 0, 0, 0.8);
        text-align: center
    }
    body.product_product .product-info-row .description .inner,
    .product-info-row .manufacturing .inner {
        padding: 75px 80px !important
    }
}

@media(max-width:1200px) {
    .hidden-mobile {
        display: none !important
    }
    body.common_home #footer-copy {
        margin-bottom: 0
    }
    #nav-wrapper {
        display: none !important
    }
    #page {
        padding-top: 80px
    }
    #header #quick-links .small-dropdown.open {
        background: url(images/new/nav-minus.png) no-repeat 35px center !important;
        background-position: left center
    }
    #header #quick-links>ul {
        text-align: center;
    }
    #header {
        position: fixed;
        width: 100%;
        top: 0;
        height: 80px !important;
        z-index: 1000;
        padding: 0 !important
    }
    #header #logo {
        position: absolute;
        padding: 0;
        left: 50%;
        margin-left: -90px
    }
    #header #logo a {
        background-image: url(images/new/logo-volcer-mobile.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 180px;
        height: 80px;
        display: block;
        margin-top: 0;
    }
    #header #logo img {
        max-width: 140px !important
    }
    #header #top-menu {
        float: right;
        padding: 17px 25px;
        margin-right: 10px;
        margin-top: 22px;
        top: 0
    }
    #header #menu-toggle {
        display: block
    }
    #header #quick-links {
        width: 0;
        overflow: hidden;
        background: #333333;
        position: fixed;
        top: 80px;
        left: 0;
        bottom: 0;
        float: none !important;
        margin-left: 0;
        margin-top: 0;
        z-index: 99;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -ms-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        -webkit-box-shadow: 0 5px 10px #a2a2a2;
        box-shadow: 0 5px 10px #a2a2a2
    }
    #header #quick-links.open {
        width: 342px;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        overflow: auto
    }
    #header #quick-links a {
        display: block;
        padding: 20px/*80px*/
        20px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #444444;
        max-height: 63px;
        overflow: hidden;
        white-space: nowrap
    }
    #header #quick-links>ul li {
        width: 100%
    }
    #header #quick-links .nav-dropdown,
    #header #quick-links .small-dropdown {
        background: url(images/new/nav-plus.png) no-repeat 35px center !important;
        background-position: left center
    }
    #header #quick-links .nav-dropdown.open {
        background: url(images/new/nav-minus.png) no-repeat 40px center !important;
        background-position: left center
    }
    #header #quick-links a.account-mobile {
        display: block
    }
    .sub-menu {
        display: none;
        max-height: 0;
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }
    .sub-menu.open {
        max-height: 9999px;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
    #page #content .front-image .inner .logo-circle img {
        width: 700px
    }
    #page #content .front-image .inner .our-story {
        width: 210px;
        padding: 20px 40px 20px 55px;
        font-size: 19px;
        background-size: 15px;
        margin: 40px auto 0 auto
    }
    #page #content .home-blocks .home-block {
        height: 341px;
        background-position: center 0
    }
    .sub-menu {
        display: block;
        background: #444444;
        list-style: none
    }
    #header #quick-links .nav-dropdown .sub-menu .nav-dropdown {
        background-image: none !important
    }
    .sub-menu li a {
        display: block;
        padding: 20px 80px;
        text-decoration: none !important;
        border-bottom: 1px solid #ddd
    }
    .latest-twitter,
    .latest-blog {
        min-height: inherit !important
    }
    .latest-twitter .follow-twitter,
    .latest-blog .read-more {
        position: relative !important;
        display: block
    }
    .mobile-menu-search {
        display: block
    }
    .breadcrumb {
        top: 80px !important
    }
    .bottom {
        position: absolute !important;
        z-index: 0 !important
    }
    #footer {
        z-index: 9 !important
    }
    #cart-content {
        display: none !important
    }
    .drummonds-cart-info .cart-products {
        padding: 0
    }
    .drummonds-cart-info .padder {
        padding: 0
    }
    .drummonds-cart-info .image {
        display: none
    }
    .drummonds-cart-info .left .cart-products .product .padder .info {
        margin-left: 0 !important
    }
    .drummonds-cart-info .cart-products>.product>.padder>.modify .quantity input {
        width: 30px;
        height: auto
    }
    .drummonds-cart-info .button {
        display: block;
        width: 100%;
        margin-bottom: 15px
    }
    .drummonds-cart-info .right>i {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important
    }
    .drummonds-cart-info .left,
    .drummonds-cart-info .right {
        padding: 0 25px
    }
    .drummonds-cart-info h2 {
        font-size: 24px
    }
    body[class*="account_"] #column-left {
        display: none
    }
    body[class*="account_"] #content {
        margin-left: 0 !important
    }
    #featured_posts .image {
        height: 415px !important;
        top: 70px !important
    }
    #featured_posts ul {
        top: 60px !important
    }
    #featured_posts:before {
        top: 50px !important
    }
    #featured_posts ul li a.active {
        padding-left: 35px !important;
        margin-left: 0 !important;
        background: #fff url(images/button-pixel-dot-left.png) no-repeat 15px center !important
    }
    #featured_posts ul li a {
        height: auto !important
    }
    #gallery #filter-button {
        position: absolute;
        top: 175px;
        left: inherit;
        padding: 32px 0;
        font-size: 18px;
        width: 100% !important;
        float: none;
        display: block
    }
    #gallery .am-container {
        margin-top: 69px
    }
    #gallery .am-wrapper img {
        left: 0 !important
    }
    #casestudy-slideshow {
        height: 700px !important;
        margin-top: -40px !important
    }
}

@media(max-width:992px) {
    input,
    select,
    textarea {
        max-width: 100%
    }
    input,
    select {
        max-width: 100%
    }
    #content {
        padding: 0 20px 20px 20px !important
    }
    .padder {
        height: auto !important
    }
    #site-info {
        padding: 0 40px
    }
    #footer {
        padding: 10px 30px
    }
    body.common_home #footer {
        padding: 0 !important
    }
    body.product_product #footer {
        padding: 0 !important
    }
    #footer-copy>.page-width {
        text-align: center
    }
    #contact-info {
        margin-bottom: 10px
    }
    #contact-info .right50>h2,
    #contact-info .right50>.padder {
        padding-left: 0
    }
    #contact-info .right50>.padder {
        border-left: 0;
        padding-left: 0
    }
    #contact-info .locations>.location .map {
        text-align: center
    }
    #contact-info .right50>.padder .form-field input[type=text],
    #contact-info .right50>.padder .form-field select,
    #contact-info .right50>.padder .form-field textarea {
        max-width: 100%
    }
    .blog_post_post #blog-content {
        width: 100%
    }
    .fancy-left-div,
    .fancy-right-div {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }
    .fancy-left-div input[type=text],
    .fancy-left-div input[type=password],
    .fancy-right-div input[type=text],
    .fancy-right-div input[type=password] {
        width: 100% !important
    }
    .fancy-left-div .button {
        margin-top: 30px
    }
    #gallery {
        min-width: 100% !important;
        min-height: inherit !important
    }
    #gallery-detail .gallery-detail-products,
    #gallery-detail .gallery-detail-description {
        margin-left: 0;
        margin-right: 0;
        padding: 20px 40px
    }
    #gallery-detail .gallery-detail-products {
        width: 30% !important
    }
    #gallery-detail .gallery-detail-description {
        width: 70% !important
    }
    #gallery-detail .gallery-detail-extra {
        display: block !important;
        width: 100% !important;
        text-align: center
    }
    #gallery-detail .button {
        float: none;
        display: inline-block
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    #header #quick-links {
        transition: none
    }
}

@media only screen and (min-device-width:768px) {
    body.information_contact #contact-info {
        margin-bottom: 0 !important
    }
}

@media(max-width:768px) {
    #page {
        padding-top: 60px
    }
    .float-left {
        margin-right: 20px;
        margin-bottom: 20px
    }
    .left50,
    .right50,
    .left,
    .right {
        display: block !important;
        width: 100% !important;
        margin-bottom: 30px
    }
    .left {
        margin-bottom: 0
    }
    .left50>.padder,
    .right50>.padder {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    html,
    body {
        overflow-x: hidden
    }
    p {
        text-align: center
    }
    h1,
    h2,
    h3,
    h4,
    h4,
    h5 {
        text-align: center !important
    }
    body.product_product .manufacturing {
        margin-bottom: 0
    }
    body.product_product .related-products {
        padding: 75px 80px !important
    }
    #add-to-cart-success,
    .lightbox-alert {
        width: 100% !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        top: 90px !important;
        display: block !important;
        max-width: 400px !important
    }
    #header {
        height: 60px !important
    }
    #header #logo {
        position: absolute;
        padding: 0;
        left: 50%;
        margin-left: -66px
    }
    #header #logo a {
        background-image: url(images/new/logo-volcer-mobile.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 180px;
        height: 30px;
        display: block;
        margin-top: 15px;
    }
    #menu-toggle {
        top: 10px !important;
        left: 10px !important
    }
    #header #quick-links {
        top: 60px !important
    }
    .logo-circle {
        padding: 0 20px
    }
    .home-blocks .home-block {
        height: 240px !important
    }
    .home-blocks .home-block .title {
        padding: 15px !important;
        font-size: 16px !important;
        text-shadow: 2px 2px 11px #000
    }
    .top-account,
    .top-search {
        display: none !important
    }
    #top-menu #cart {
        top: -15px
    }
    .front-image .inner .bottom .search {
        display: none !important
    }
    .front-image .inner .bottom .account,
    .front-image .inner .bottom .our-story-mobile {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        font-size: 14px;
        background: transparent
    }
    .front-image .inner .bottom .account>a,
    .front-image .inner .bottom .our-story-mobile>a {
        padding: 20px 0
    }
    .front-image .inner .our-story {
        display: none
    }
    .module-about-us .about p.text-center {
        width: auto !important
    }
    .latest-container {
        overflow: visible
    }
    .latest-container .latest-twitter,
    .latest-container .latest-blog {
        width: 100% !important;
        float: none !important;
        display: block !important;
        min-height: inherit !important
    }
    .latest-twitter .follow-twitter,
    .latest-blog .read-more {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        font-size: 17px !important;
        background: #000 !important
    }
    .latest-twitter .latest-inner #tweet_container,
    .latest-blog .latest-inner #blogger_container {
        font-size: 15px !important
    }
    .social-media a img {
        /*max-width:30px*/
    }
    #explore-arrows {
        display: none
    }
    .bottom .search {
        margin-bottom: 2px
    }
    .latest-inner {
        height: auto !important
    }
    #site-info .column {
        min-height: 70px !important
    }
    #site-info .column.links>.padder {
        background: url(images/logo-icon.jpg) no-repeat center 30px #fff;
        padding-top: 110px;
        padding-left: 0;
        padding-right: 0
    }
    #site-info .column.links a,
    #site-info .column.links a.last {
        border: 1px solid #ececec;
        margin-top: -1px;
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        padding: 10px
    }
    #site-info .column.logos {
        padding-top: 0;
        text-align: center
    }
    #site-info .column.logos>.padder {
        padding-top: 0
    }
    #site-info .column.social>.padder {
        padding: 0
    }
    .breadcrumb {
        top: 60px !important
    }
    #featured_posts {
        height: inherit
    }
    #featured_posts:before {
        width: 0
    }
    #featured_posts ul {
        position: relative;
        width: 100%;
        margin: 0
    }
    #featured_posts ul li a:first-of-type {
        border-top: 1px solid #e2e2e2
    }
    #featured_posts ul li a {
        width: 100%;
        height: inherit;
        margin-left: 0 !important;
        padding: 20px !important;
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2
    }
    #featured_posts .image {
        height: 272px;
        width: 100%
    }
    .blog-title .social {
        position: relative;
        right: inherit;
        top: inherit;
        margin-top: 20px;
        display: block
    }
    #post-list .post {
        width: 100%
    }
    #post-list .post p.excerpt {
        height: inherit
    }
    #contact-info h2 {
        text-align: center
    }
    .popup-message#not-found {
        margin: 0;
        width: 100%
    }
    .popup-message#not-found .header {
        padding: 25px !important
    }
    .popup-message#not-found .header .faded-text {
        margin-bottom: 50px;
        display: block
    }
    .popup-message#not-found .search {
        width: 100%;
        margin-right: 0
    }
    .popup-message#not-found .content .full .search input[type=text] {
        width: 100%
    }
    .popup-message#not-found .content strong {
        float: none;
        text-align: center
    }
    .popup-message#not-found .content .full {
        padding: 0 20px;
        text-align: center
    }
    .popup-message#not-found .content .full .button {
        width: 100%;
        float: none;
        display: block;
        margin: 0
    }
    .popup-message#not-found .content .full .search input[type=image] {
        max-width: 70%
    }
    #gallery .am-container a {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        float: none
    }
    #gallery .am-wrapper img {
        position: relative !important;
        outline: none !important;
        width: 100% !important;
        max-width: inherit !important;
        left: inherit !important;
        right: inherit !important;
        top: 0 !important
    }
    #gallery-detail .gallery-detail-products,
    #gallery-detail .gallery-detail-description {
        width: 100% !important;
        display: block !important;
        text-align: center !important
    }
    #gallery-detail .gallery-detail-extra {
        display: block !important;
        width: 100% !important;
        text-align: center
    }
    #footer .column,
    #site-info .column {
        width: 100% !important;
        display: block;
        border: 0;
        float: none !important;
        overflow: hidden;
        text-align: center
    }
    #footer .column>.padder {
        padding: 20px 0
    }
    #footer .column>.padder .button {
        position: relative;
        bottom: inherit;
        background: url(images/button-pixel-dot.png) no-repeat 65% 50% !important;
        width: 100%;
        display: block;
        margin-top: 10px;
        float: none
    }
    #footer .column>.padder input {
        margin: 0 auto
    }
    #footer .footer-backtotop {
        border-top: 0 !important
    }
    #footer .footer-sitemap a,
    #footer .footer-backtotop a {
        text-align: center
    }
    #footer-copy {
        text-align: center !important;
        font-size: 12px !important;
        margin-bottom: 0 !important
    }
    #footer-copy>.page-width {
        text-align: center !important
    }
    #footer-copy a {
        text-align: center !important;
        font-size: 12px !important
    }
    #footer .newsletter {
        padding: 40px !important
    }
    #footer .newsletter input[type="text"] {
        margin: 0 0 20px 0 !important;
        width: 100%
    }
    #footer .newsletter input[type="submit"] {
        width: 100%;
        margin: 0 !important
    }
    #footer .scroll-top {
        margin-top: 30px;
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }
    #footer .newsletter input[type="text"] {
        width: auto
    }
    .website-by-flow {
        display: none !important
    }
    #add-to-cart-success .content .button.wishlist,
    .lightbox-alert .content .button.wishlist {
        display: block;
        width: 100%
    }
}

@media(max-width:480px) {
    .float-left,
    .float-right {
        float: none;
        display: block;
        width: 100% !important
    }
    #header #quick-links a:last-of-type {
        /*border-bottom:0*/
    }
    #content-top .box .box-content ul li {
        line-height: 40px;
        display: block
    }
    .home-blocks .home-block {
        height: 130px !important
    }
    body[class*="account_"] #content form * {
        display: block !important
    }
    body[class*="account_"] #content form span {
        display: inline !important
    }
    #gallery-info .banners>.banner {
        width: 100%;
        display: block
    }
    #gallery-detail .page-width .title {
        margin-top: 0 !important;
        background: #a7a7a7
    }
    #gallery .am-container {
        margin-top: 88px !important
    }
    #contact-info .locations>.location .map {
        margin-bottom: 30px
    }
    #contact-info .locations>.location .map,
    #contact-info .locations>.location .info {
        float: none;
        width: 100%;
        text-align: center
    }
    .product-contact {
        padding: 20px
    }
    .product-contact .left,
    .product-contact .right {
        position: relative;
        display: block;
        width: 100%;
        float: none;
        border: 0
    }
    #casestudy-slideshow {
        display: none !important
    }
    #casestudy-slideshow .slideshow-next,
    #casestudy-slideshow .slideshow-previous {
        display: none
    }
    #casestudy-slideshow>.slideshow-images-wrapper .slideshow-image {
        line-height: 380px !important
    }
    body.product_product .product-info-row .description .inner,
    .product-info-row .manufacturing .inner,
    body.product_product .related-products {
        padding: 50px 40px !important
    }
    #add-to-cart-success .content .button.continue,
    .lightbox-alert .content .button.continue {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    .slideshow-images-wrapper,
    .slideshow-images-wrapper .slideshow-image {
        width: 100% !important
    }
    body.casestudy .slideshow-showrooms {
        width: 100%;
        margin-top: 14px;
        float: none !important;
        display: block !important
    }
}

#nav-wrapper-about {
    position: absolute;
    padding: 0 50px !important;
    left: 0;
    right: 0;
    display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height .75s, opacity .5s;
    opacity: 0;
    width: 100%;
    background: #f6f6f6;
    z-index: 99999;
    top: 100%;
    left: 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc
}

#nav-wrapper-about.expand {
    height: 340px;
    opacity: .98
}

#nav-wrapper-about.expand #nav {
    display: block
}

#nav-wrapper-about #nav {
    display: block !important;
    background: #f6f6f6
}

@media(min-width:1506px) {
    #header #quick-links .sub-menu {
        top: 39px
    }
}

@media(min-width:1200px) {
    #nav-wrapper-about #nav {
        display: block !important;
        background: #fff
    }
    #header #quick-links .sub-menu {
        position: absolute;
        top: 44px;
        left: 0;
        margin: 0;
        padding: 0;
        background: #333333;
        width: 260px;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height .75s, opacity .5s;
        opacity: 0;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666
    }
    #header #quick-links .sub-menu.open {
        height: 220px;
        opacity: .98
    }
    #header #quick-links .sub-menu li {
        display: block
    }
    #header #quick-links .sub-menu li a {
        display: block;
        padding: 10px 20px;
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size: 14px;
        text-transform: none
    }
}

#nav-wrapper-about #nav {
    display: none;
    padding: 0;
    background: #eee;
    margin: 0;
    border-top: 1px solid #2b2b2b
}

.design-service-header,
.contact-header {
    background: #fff url(images/design-service.jpg) no-repeat center;
    background-size: cover;
    height: 440px
}

.contact-header {
    background: #fff url(images/new/contact.jpg) no-repeat bottom;
    margin: -20px 0 30px 0
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0 {
        transform: translateY(0)
    }
    50% {
        transform: translateY(8%)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes floating {
    0 {
        -webkit-transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(8%)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

.fullwidth-post,
.fullwidth-post p.date {
    text-align: left
}

.fullwidth-post {
    border-bottom: 1px solid silver;
    margin-bottom: 30px
}

.post-image-wrapper {
    overflow: hidden;
    max-height: 300px
}

.post-image-wrapper img {
    width: 100%;
    height: auto
}

ul.category-list {
    list-style-type: none
}

.blogwrapper {
    margin-top: 10px
}

ul.category-list {
    text-transform: uppercase;
    line-height: 2.4em
}

ul.category-list li a {
    text-align: left
}

.blogwrapper p.date {
    margin: 0;
    color: #676767;
    padding-bottom: 5px
}

.blogwrapper .post-image-wrapper {
    margin-bottom: 20px
}

.blogwrapper p.more {
    font-weight: bold
}

#blog-content img {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

#blog-content p {
    font-size: 18px !important;
    line-height: 28px !important
}

ul.category-list li h2 {
    font-weight: lighter;
    margin-bottom: 20px
}

.blogwrapper h2 {
    font-size: 23px;
    border-bottom: 0;
    margin-bottom: 4px;
    padding: 10px 0;
    font-weight: bold;
    color: #3c3c3c
}

.fullwidth-post p {
    font-size: 18px !important;
    line-height: 28px !important
}

@media(max-width:1200px) {
    .slideshow>a {
        display: block
    }
    .tel-link {
        display: none
    }
    #header #top-menu {
        padding: 22px 25px
    }
}

@media(max-width:991px) {
    .mobilenavfooter a {
        width: 49%;
        display: inline-block !important
    }
    .option.cart div.cart {
        margin-top: 0 !important
    }
}

@media(max-width:490px) {
    .mobilenavfooter a {
        width: 100% !important
    }
}

@media(max-width:767px) {
    .slideshow-showrooms .slideshow-next,
    .slideshow-showrooms .slideshow-previous {
        background: rgba(140, 140, 140, 0.32)
    }
    body.information_contact .img-responsive {
        margin: auto
    }
    #contact-info a.button {
        float: none;
        margin-bottom: 10px;
        margin-right: 0
    }
    img.img-responsive {
        width: 100% !important
    }
    #footer .column {
        margin-top: 0 !important
    }
    #footer .column>.padder {
        padding: 15px 0 5px 0
    }
    #footer .scroll-top {
        margin-bottom: 0
    }
    body.information_contact .button,
    input[type=submit],
    input[type=button] {
        width: 100% !important
    }
    .product-grid>div.product>div.padder,
    .box-product .product.product>div.padder {
        padding: 2px !important
    }
    .product-grid>div,
    .box-product .product {
        margin: 0
    }
}

@media(min-width:890px) {
    .col-xs-15 {
        width: 20%
    }
    .blogwrapper li.col-sm-6 {
        width: 100%
    }
}

@media(max-width:890px) {
    #column-left+#content {
        margin: 0 !important
    }
    #column-left {
        width: 100%
    }
    ul.category-list .blogtitle {
        width: 100%
    }
    li.blogsocial {
        display: none
    }
    ul.category-list li h2 {
        text-align: left !important
    }
    .fullwidth-post p.date {
        text-align: center !important
    }
    img {
        height: auto !important
    }
}

.latestpostcover {
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative
}

.latestpostthumbs {
    margin-bottom: 20px;
    position: relative
}

.top-buffer {
    margin-top: 20px;
    width: 100%
}

.row.top-buffer:after {
    content: none
}

.latestpostwrapper {
    padding: 0 5px 5px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    color: #444;
    position: relative;
    top: 50%;
    transform: translateY(-40%)
}

.postmenu {
    background: rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    opacity: 0;
    -webkit-transition: none
}

.blogsocial a {
    display: inline-block;
    width: 24px;
    margin-right: 2px
}

.blogsocial a img {
    width: 100%
}

.blogsocial .padder {
    margin-top: 10px;
    padding-top: 20px
}

a.latestpostcover:hover .postmenu {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out
}

.blogwrapper .blog-title {
    margin: 0 0 -30px 0 !important
}

#column-left .column.social a {
    margin-bottom: 20px
}

.breadcrumb {
    display: none
}

.blog_post_post .social.blogsocial {
    text-align: left
}

.latestpostthumbs a:hover {
    color: #111;
    line-height: 16px
}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    border-width: 1px;
    border-radius: inherit
}

.button,
input[type=submit],
input[type=button] {
    text-transform: uppercase
}

.product-info>.info-block>.right .product-title h1 {
    font-size: 18px;
    padding-bottom: 0;
    line-height: 30px
}

a.tel-link {
    position: absolute;
    right: 0;
    width: 157px;
    text-align: right;
    bottom: -66px;
    font-size: 16px;
    text-decoration: none !important;
    cursor: text
}

#logoutuser {
    display: inline-block
}

body.product_category #page.collections #column-left {
    display: none !important
}

#page.collections #column-left+#content {
    margin-left: 114px !important
}

#tweet_container {
    overflow: hidden;
    max-height: 110px
}

body.information_banner .welcome {
    display: none
}

.closedmenu {
    height: 0 !important
}

a.active {
    color: #428bca;
    text-decoration: underline
}#ui_notifIt{
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -wekbit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 2000;
}
#ui_notifIt:hover{
    opacity: 1 !important;
}
#ui_notifIt p{
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

/* Color setup */
/* You are free to change all of this */
#ui_notifIt.success{
    background-color: yellowgreen;
    color: white;
}
#ui_notifIt.error{
    background-color: orangered;
    color: white;
}
#ui_notifIt.warning{
    background-color: orange;
    color: white;
}
#ui_notifIt.info{
    background-color: deepskyblue;
    color: white;
}
#ui_notifIt.default{
    background-color: #EEE;
    color: #444;
}