/*/ ====== Variables ====== /*/
/*/ ====== Mixins ====== /*/
/*/ ====== Media Queries ====== /*/
/*
//Ref: http://css-tricks.com/media-queries-sass-3-2-and-codekit/
*/
/*
//Ref for <=IE8: http://jakearchibald.github.io/sass-ie/
*/
/*/ ====== Pages ====== /*/
/* Typography */


h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important; }

body, html {
  overflow-x: hidden;
  width: 100%; }

header {
  background: url("/content/images/headerbg.jpg") top left repeat-x;
  color: #fff;
  height: 131px; }

.content {
  float: left;
  width: 100%; }

.red {
  color: #ff0000 !important; }

.inner, .catinner {
  max-width: 1200px;
  margin: 0 auto; }

.clear {
  clear: both; }

.red {
  color: #f40000; }

.green {
  color: #87c314; }

select {
  -webkit-appearance: none;
  border-radius: 0; }

.yellowbtn {
  background: #ffd204;
  color: #000 !important;
  padding: 10px;
  font-size: 19px !important;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: 0; }

.greybtn {
  background: #d6d6d6;
  padding: 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  font-size: 17px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  line-height: 18px; }

.blackbtn {
  background: #000;
  padding: 9px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  font-size: 17px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 18px;
  border: 0; }

input[type="text"], input[type="email"], input[type="password"] {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  height: 40px;
  outline: 0; }

.mainnav {
  float: left; }
  .mainnav > ul {
    width: 100%;
    padding: 0;
    margin: 17px 40px 20px 0;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: normal;
    font-size: 19px;
    text-transform: uppercase; }
    .mainnav > ul li:first-child {
      padding: 0 4px 0 0; }
    .mainnav > ul li:last-child {
      padding: 0 0 0 4px; }
    .mainnav > ul > li:hover > a {
      color: #ffd204;
      border-bottom: 2px solid #ffd204; }
    .mainnav > ul li {
      padding: 0 4px;
      display: inline; }
      .mainnav > ul li a {
        color: #fff;
        text-decoration: none;
        position: relative; }
      .mainnav > ul li a:hover {
        color: #ffd204;
        border-bottom: 2px solid #ffd204; }
      .mainnav > ul li a.red:hover {
        border-bottom: 2px solid #ff0000; }
  .mainnav strong {
    font-weight: normal;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;  }
  .mainnav .dd:hover .notch {
    display: block !important; }
  .mainnav .dd:hover .subnav {
    display: block !important; }
  .mainnav .notch {
    position: absolute;
    top: 37px;
    left: 34%;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ebebeb;
    padding: 0;
    width: 0 !important;
    height: 0;
    float: left !important;
    display: none; }
  .mainnav .subnav {
    position: absolute;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    color: #000;
    left: 0;
    z-index: 9999;
    width: 100%;
    display: none; }
    .mainnav .subnav > div {
      margin-top: 19px;
      width: 100%;
      background: #ebebeb;
      background: rgba(235, 235, 235, 0.97);
      float: left;
      padding: 40px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .mainnav .subnav > div > div {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        padding: 0 0 0 200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .mainnav .subnav > div > div > ul.promo {
          padding: 0; }
          .mainnav .subnav > div > div > ul.promo img {
            width: 100%; }
        .mainnav .subnav > div > div > ul {
          width: 20%;
          float: left;
          margin: 0;
          padding: 0 20px 0 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .mainnav .subnav > div > div > ul > li.title {
            margin-bottom: 20px; }
            .mainnav .subnav > div > div > ul > li.title a {
              font-size: 17px;
              font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
              font-weight: bold;
              text-transform: uppercase; }
          .mainnav .subnav > div > div > ul > li {
            display: block;
            padding: 0;
            margin-bottom: 2px; }
            .mainnav .subnav > div > div > ul > li a {
              color: #000;
              font-size: 13px;
              text-transform: none; }
            .mainnav .subnav > div > div > ul > li a:hover {
              color: #000;
              border: 0; }

.topnavwrap {
  margin: 20px 0 0;
  border-bottom: 1px solid #404040;
  float: left;
  width: 80%;
  width: calc(100% - 171px);
  font-size: 13px; }
  .topnavwrap span.sep {
    font-size: 13px;
    height: 12px;
    overflow: hidden;
    display: inline-block;
    color: #6d6d6d;
    margin: 0 4px; }
  .topnavwrap a {
    color: #ffd204;
    text-decoration: none;
    font-size: 13px; }
  .topnavwrap .cart:hover .opencart {
    display: block; }
  .topnavwrap .cart {
    float: right;
    position: relative;
    padding-bottom: 15px; }
    .topnavwrap .cart > a > img {
      position: absolute;
      left: 0;
      top: -5px; }
    .topnavwrap .cart a > span {
      float: left;
      padding: 0 0 0 30px;
      color: #fff; }
    .topnavwrap .cart .opencart {
      position: absolute;
      background: #fff;
      color: #000;
      width: 300px;
      right: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      top: 30px;
      z-index: 55555;
      -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
      display: none; }
      .topnavwrap .cart .opencart section {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        float: left;
        width: 100%;
        font-size: 13px; }
        .topnavwrap .cart .opencart section h3 {
          margin: 0 0 15px;
          font-size: 19px;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
          font-weight: bold;
          color: #979797; }
        .topnavwrap .cart .opencart section .yellowbtn {
          width: 100%;
          float: left; }
        .topnavwrap .cart .opencart section .brand {
          font-size: 15px;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
          font-weight: bold; }
      .topnavwrap .cart .opencart .cartcontent {
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7; }
        .topnavwrap .cart .opencart .cartcontent a img {
          max-width: 60px; }

.logo {
  float: left;
  margin: 0 40px 0 0;
  position: relative;
  z-index: 99999; }

.mainsearchwrap {
  float: right;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  max-width: 350px;
  margin: 10px 0 0;
  width: calc(100% - 830px); }
  .mainsearchwrap input {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 10px;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mainsearchwrap input[type="text"] {
    width: 80%;
    width: calc(100% - 71px); }
  .mainsearchwrap ::-webkit-input-placeholder {
    color: #000; }
  .mainsearchwrap :-moz-placeholder {
    /* Firefox 18- */
    color: #000; }
  .mainsearchwrap ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  .mainsearchwrap :-ms-input-placeholder {
    color: #000; }
  .mainsearchwrap .searchbtn {
    background: #ffd204;
    float: right;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    font-size: 14px;
    text-transform: uppercase; }

.mainnav {
  float: left;
  width: 630px; }

.ms-time-bar {
  display: none; }

/*.ms-slide {
  position: relative; }
  .ms-slide .slidebuttons {
    position: absolute;
    z-index: 9999; }*/

/* if no slide */
/*.no-slide .ms-nav-next, .no-slide .ms-nav-prev, .no-slide .ms-bullets {
  display: none;
  cursor: pointer !important; }
.no-slide .ms-grab-cursor {
  cursor: pointer !important; }
.no-slide .ms-grabbing-cursor {
  cursor: pointer !important; }
.no-slide .ms-ie .ms-grab-cursor {
  cursor: pointer !important; }
.no-slide .ms-ie .ms-grabbing-cursor {
  cursor: pointer !important; }*/

.col3 {
  margin: 0 -4px 20px;
  overflow: auto; }
  .col3 > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333%;
    float: left; }
    .col3 > div a {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      margin: 0 4px; }
      .col3 > div a img {
        width: 100%; }

.homeslide {
  margin: 0 0 20px;
  position: relative; }

.slidebuttons {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center; }
  .slidebuttons a {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    display: inline-block;
    width: 240px;
    margin: 0 5px;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none; }

.col2 {
  margin: 0 -4px 20px;
  overflow: auto; }
  .col2 > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left; }
    .col2 > div a {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      margin: 0 4px; }
      .col2 > div a img {
        width: 100%; }

.homelogos {
  float: left;
  width: 80%;
  width: calc(100% - 100px);
  margin: 40px 0 20px;
  height: 200px;
  overflow: hidden; }
  .homelogos > div {
    display: table;
    height: 60px;
    vertical-align: middle;
    float: left;
    margin: 0 15px 20px; }
    .homelogos > div > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .homelogos > div > div img {
        max-height: 90px; }

.viewbrands {
  width: 100px;
  float: left;
  margin: 90px 0 0; }

.openplx #wrapper {
  left: 300px; }

body.openplx nav.push-menu-left {
  left: 0; }

nav.push-menu-left {
  left: -300px; }

#wrapper {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  float: left; }

nav.push-menu-left {
  top: 0;
  width: 300px;
  height: 100%; }

nav.menu {
  position: absolute;
  z-index: 20;
  background-color: #484848;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.openplx {
  background-color: #484848; }

.nav-toggler {
  display: none;
  font-size: 21px;
  color: #ffd204;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  margin: 15px 0 0;
  text-decoration: none; }
  .nav-toggler img {
    margin: 0 8px 2px 0; }

.push-menu-left {
  padding: 60px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .push-menu-left .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
  .push-menu-left .login {
    font-size: 16px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #b3b3b3;
    margin: 0 0 20px; }
    .push-menu-left .login span {
      display: inline-block;
      margin: 0 5px; }
    .push-menu-left .login a {
      text-decoration: none;
      color: #b3b3b3; }
  .push-menu-left > ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #5c5c5c; }
    .push-menu-left > ul > li {
      border-bottom: 1px solid #5c5c5c;
      padding: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .push-menu-left > ul > li > a {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        font-size: 22px; }
  .push-menu-left .subnav {
    display: none; }
    .push-menu-left .subnav ul {
      margin: 0;
      padding: 0; }
      .push-menu-left .subnav ul li.title {
        margin-bottom: 15px;
        margin-top: 15px; }
        .push-menu-left .subnav ul li.title a {
          font-size: 17px;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
          font-weight: bold;
          text-transform: uppercase;
          color: #a0a0a0; }
      .push-menu-left .subnav ul li {
        margin-bottom: 5px; }
        .push-menu-left .subnav ul li a {
          color: #fff;
          font-size: 13px;
          text-transform: none;
          text-decoration: none;
          font-size: 15px; }

.push-menu-left > ul li.hassub > a {
  background: url("/content/images/openmenu.png") center right no-repeat;
  width: 100%;
  display: block; }

.push-menu-left > ul li.hassub.close > a {
  background: url("/content/images/closemenu.png") center right no-repeat;
  color: #ffd204; }

footer {
  float: left;
  width: 100%;
  background: #f4f4f4;
  margin-top: 30px; }
  footer > div > div {
    padding: 20px 10px 20px 0;
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    footer > div > div ul {
      margin: 0;
      padding: 0; }
      footer > div > div ul li {
        list-style-type: none; }
        footer > div > div ul li a {
          color: #008cd2;
          font-size: 13px;
          text-decoration: none; }
  footer h3 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    margin: 0 0 15px; }
  footer .social div {
    float: left;
    margin: 0 10px 0 0; }
  footer .vipsign {
    float: left;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    max-width: 350px;
    margin: 10px 0 0;
    width: 100%; }
    footer .vipsign input {
      background: transparent;
      border: 0;
      outline: 0;
      padding: 10px;
      font-family: arial,helvetica,sans-serif;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    footer .vipsign input[type="text"] {
      width: 80%;
      width: calc(100% - 71px); }
    footer .vipsign ::-webkit-input-placeholder {
      color: #000; }
    footer .vipsign :-moz-placeholder {
      /* Firefox 18- */
      color: #000; }
    footer .vipsign ::-moz-placeholder {
      /* Firefox 19+ */
      color: #000; }
    footer .vipsign :-ms-input-placeholder {
      color: #000; }
    footer .vipsign .searchbtn {
      background: #ffd204;
      float: right;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase; }

.mobtabsocial {
  display: none; }

/*no border on freeshippping banner thing
.home, .brands {
	.promobar div.promotextwrap {
		border:0;
		padding-bottom:0;
	}
}*/
.promobar {
  float: left;
  width: 100%;
  margin-top: -16px;
  padding: 10px 0 0; }
  .promobar div.promotextwrap {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 170px;
    float: left;
    font-size: 17px;
    color: #aaaaaa;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .promobar div.promotextwrap a {
      color: #aaaaaa;
      text-decoration: none; }
    .promobar div.promotextwrap > div:last-child {
      border: 0;
      padding-right: 0 !important; }
    .promobar div.promotextwrap > div:first-child {
      padding-left: 0 !important; }
    .promobar div.promotextwrap > div {
      border-right: 1px solid #e5e5e5;
      padding: 0 4%;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .promobar div.promotextwrap > div p {
        margin: 0;
        float: left; }
      .promobar div.promotextwrap > div img {
        margin: 0 10px 0 0;
        float: left; }

.crumbs {
  color: #9c9c9c;
  font-size: 12px;
  margin: 20px 0; }
  .crumbs a {
    text-decoration: none;
    color: #9c9c9c; }

.catsidebar {
  width: 250px;
  padding: 0 50px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
  .catsidebar a {
    color: #000;
    text-decoration: none; }
    .catsidebar a label {
      cursor: pointer; }
  .catsidebar .brand li:nth-child(n+11) {
    display: none; }
  .catsidebar .viewmore {
    float: left;
    clear: both;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 20px;
    padding: 0 20px 0 23px;
    background: url("/content/images/mobmenuopen.png") right center no-repeat;
    font-size: 13px; }
  .catsidebar .viewmore:after {
    content: "VIEW MORE"; }
  .catsidebar .viewmore.open:after {
    content: "VIEW LESS"; }
  .catsidebar .viewmore.open {
    background: url("/content/images/mobmenuclose.png") right center no-repeat; }
  .catsidebar h3 {
    background: url(/images/reload.png) no-repeat right top;
    float: left;
    width: 100%;
    margin: 0 0 20px;
    font-size: 15px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 5px; }
  .catsidebar .swatches {
    margin-left: -4px !important; }
    .catsidebar .swatches .colorbox {
      width: 25px;
      height: 25px;
      margin: 0 0 4px 4px;
      float: left;
      cursor: pointer; }
  .catsidebar ul.size {
    width: 50%; }
  .catsidebar ul, .catsidebar .swatches {
    margin: 0 0 20px;
    padding: 0;
    float: left; }
    .catsidebar ul li, .catsidebar .swatches li {
      list-style-type: none;
      float: left;
      clear: both;
      position: relative; }
      .catsidebar ul li label, .catsidebar .swatches li label {
        font-size: 12px; }
      .catsidebar ul li a > label, .catsidebar .swatches li a > label {
        background: url(/content/images/checkboxes.png) no-repeat left center !important;
        padding: 0 0 0 22px; }
      .catsidebar ul li input.checked + label, .catsidebar .swatches li input.checked + label {
        background: url(/content/images/checkboxes2.png) no-repeat left center !important; }
      .catsidebar ul li input[type="checkbox"] + label, .catsidebar .swatches li input[type="checkbox"] + label {
        background: url(/content/images/checkboxes.png) no-repeat left center; }
      .catsidebar ul li input.checkbox, .catsidebar .swatches li input.checkbox {
        clear: both;
        float: left;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        width: 100%;
        cursor: pointer;
        position: absolute;
        height: 15px;
        left: 0 !important; }
      .catsidebar ul li input[type="checkbox"] + label, .catsidebar .swatches li input[type="checkbox"] + label {
        float: left;
        cursor: pointer;
        margin: 0 0 5px;
        padding: 0 0 0 22px; }

.catlistwrap .selwrap {
  margin-top: 5px; }

.catlistwrap, .tabfilters {
  width: 70%;
  width: calc(100% - 250px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
  .catlistwrap h1, .tabfilters h1 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
    float: left;
    margin: 0 0 20px; }
  .catlistwrap .selwrap, .tabfilters .selwrap {
    float: right;
    overflow: hidden;
    width: 200px;
    padding: 5px;
    background: #f2f2f2 url("/content/images/selarrow.png") center right no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer; }
    .catlistwrap .selwrap select, .tabfilters .selwrap select {
      width: 120%;
      background: transparent;
      border: 0;
      outline: 0;
      font-size: 13px;
      cursor: pointer; }
  .catlistwrap .catlist, .tabfilters .catlist {
    float: left;
    width: 100%;
    width: calc(100% + 7px);
    margin-left: -7px;
    margin-right: -7px; }
    .catlistwrap .catlist .catprodwrap, .tabfilters .catlist .catprodwrap {
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 7px;
      position: relative; }
      .catlistwrap .catlist .catprodwrap .image, .tabfilters .catlist .catprodwrap .image {
        position: relative; }
        .catlistwrap .catlist .catprodwrap .image img, .tabfilters .catlist .catprodwrap .image img {
          max-width: 230px; }
        .catlistwrap .catlist .catprodwrap .image .offer, .tabfilters .catlist .catprodwrap .image .offer {
          position: absolute;
          left: 0px;
          bottom: 0;
          background: #ffd204;
          padding: 5px 20px;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
          font-size: 21px;
          line-height: 22px;
          text-transform: uppercase; }
        .catlistwrap .catlist .catprodwrap .image .quickviewbtnwrap, .tabfilters .catlist .catprodwrap .image .quickviewbtnwrap {
          position: absolute;
          max-width: 230px;
          width: 100%;
          left: 0;
          bottom: 0; }
          .catlistwrap .catlist .catprodwrap .image .quickviewbtnwrap .quickviewbtn, .tabfilters .catlist .catprodwrap .image .quickviewbtnwrap .quickviewbtn {
            position: absolute;
            margin: 0 15%;
            width: 70%;
            bottom: 40px;
            left: 0;
            right: 0;
            text-align: center;
            padding: 10px 0;
            background: #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 15px;
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            color: #000;
            text-decoration: none;
            border: 1px solid #e4e4e4; }
      .catlistwrap .catlist .catprodwrap .sale, .tabfilters .catlist .catprodwrap .sale {
        position: absolute;
        left: 0;
        top: 0; }
      .catlistwrap .catlist .catprodwrap .flag, .tabfilters .catlist .catprodwrap .flag {
        position: absolute;
        left: 10px;
        top: 0; }
      .catlistwrap .catlist .catprodwrap .text, .tabfilters .catlist .catprodwrap .text {
        margin: 15px 0 30px;
        font-size: 13px; }
        .catlistwrap .catlist .catprodwrap .text .red, .tabfilters .catlist .catprodwrap .text .red {
          color: #f71515; }
        .catlistwrap .catlist .catprodwrap .text .grey, .tabfilters .catlist .catprodwrap .text .grey {
          color: #b7b7b7;
          font-size: 13px; }
        .catlistwrap .catlist .catprodwrap .text a, .tabfilters .catlist .catprodwrap .text a {
          text-decoration: none;
          color: #000;
          white-space: nowrap;
          overflow: hidden;
          display: block; }
        .catlistwrap .catlist .catprodwrap .text .prodname, .tabfilters .catlist .catprodwrap .text .prodname {
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
          font-weight: bold;
          font-size: 15px;
          text-transform: uppercase; }
        .catlistwrap .catlist .catprodwrap .text strong, .tabfilters .catlist .catprodwrap .text strong {
          font-size: 15px; }
  .catlistwrap .pages, .tabfilters .pages {
    clear: both;
    text-align: center; }
    .catlistwrap .pages .prev, .tabfilters .pages .prev {
      background: url("/content/images/pagesprev.gif") center center no-repeat; }
    .catlistwrap .pages .next, .tabfilters .pages .next {
      background: url("/content/images/pagesnext.gif") center center no-repeat; }
    .catlistwrap .pages a, .tabfilters .pages a {
      display: inline-block; }
    .catlistwrap .pages a > div, .tabfilters .pages a > div {
      float: left;
      font-size: 13px;
      padding: 10px 8px;
      border: 1px solid #888888;
      margin: 0 4px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-weight: bold;
      color: #888888;
      cursor: pointer; }
    .catlistwrap .pages a > div.active, .tabfilters .pages a > div.active {
      border: 1px solid #000;
      color: #000; }

.tabfilters {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .tabfilters .refine {
    float: left;
    clear: both;
    padding: 20px 40px 20px 20px;
    margin-left: -20px;
    cursor: pointer;
    color: #989898;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    background: url("/content/images/refinedown.png") center right no-repeat; }
  .tabfilters .refine.clicked {
    color: #000;
    background: #f2f2f2 url("/content/images/refineup.png") center right no-repeat; }

.mainprodwrap .mainimg {
  float: left;
  width: 58.4%;
  padding: 0 50px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mainprodwrap .mainimg .imgthumbs {
    margin: 0 12px 0 0;
    float: left; }
    .mainprodwrap .mainimg .imgthumbs img {
      float: left;
      clear: both;
      margin: 0 0 12px; }
  .mainprodwrap .mainimg .imagewrap {
    float: right;
    width: 80%;
    width: calc(100% - 100px);
    position: relative; }
    .mainprodwrap .mainimg .imagewrap a {
      display: block; }
    .mainprodwrap .mainimg .imagewrap img {
      width: 100%; }
    .mainprodwrap .mainimg .imagewrap .zoom {
      position: absolute;
      bottom: 15px;
      left: 15px;
      cursor: pointer; }
      .mainprodwrap .mainimg .imagewrap .zoom img {
        width: auto; }
  .mainprodwrap .mainimg .mightlike {
    float: left;
    width: 80%;
    width: calc(100% - 100px + 4%);
    clear: both;
    margin: 50px 0 30px 100px; }
    .mainprodwrap .mainimg .mightlike h4 {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 21px;
      width: 100%;
      margin: 0 0 20px; }
    .mainprodwrap .mainimg .mightlike a {
      width: 16%;
      float: left;
      margin: 0 4% 0 0;
      text-decoration: none; }
      .mainprodwrap .mainimg .mightlike a img {
        width: 100%; }
      .mainprodwrap .mainimg .mightlike a span {
        text-align: center;
        display: block;
        width: 100%;
        margin: 5px 0;
        color: #000;
        font-size: 13px; }
.mainprodwrap .prodinfo {
  float: left;
  width: 41.6%;
  position: relative; }
  .mainprodwrap .prodinfo .brandicon {
    float: right;
    padding: 0 0 20px 20px; }
  .mainprodwrap .prodinfo h1 {
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    margin: 10px 0 20px;
    text-transform: uppercase; }
  .mainprodwrap .prodinfo .brand {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 15px;
    color: #757575;
    text-decoration: none; }
    .mainprodwrap .prodinfo .brand strong {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-weight: normal;
      text-transform: uppercase; }
  .mainprodwrap .prodinfo .rating {
    margin: 10px 0; }
  .mainprodwrap .prodinfo .price {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal; }
    .mainprodwrap .prodinfo .price .now {
      color: #000;
      font-size: 30px; }
    .mainprodwrap .prodinfo .price .onsale {
      color: #ff0000;
      font-size: 30px; }
    .mainprodwrap .prodinfo .price .was {
      color: #5d5d5d;
      font-size: 20px; }
  .mainprodwrap .prodinfo .color {
    font-size: 15px;
    margin: 20px 0;
    float: left;
    width: 100%; }
    .mainprodwrap .prodinfo .color .swatchwrap {
      clear: both;
      float: left;
      width: 100%;
      margin: 15px 0; }
      .mainprodwrap .prodinfo .color .swatchwrap .swatch {
        width: 54px;
        margin: 0 10px 5px 0;
        float: left;
        cursor: pointer; }
        .mainprodwrap .prodinfo .color .swatchwrap .swatch img {
          height: 80px; }
      .mainprodwrap .prodinfo .color .swatchwrap .swatch.active {
        outline: 1px solid #000; }
  .mainprodwrap .prodinfo .selsize {
    float: left;
    width: 80%; }
    .mainprodwrap .prodinfo .selsize p {
      float: left;
      margin: 0; }
    .mainprodwrap .prodinfo .selsize .sizeguide {
      float: left;
      margin: 0 0 0 15px;
      color: #008cd2;
      font-size: 13px;
      text-decoration: none; }
    .mainprodwrap .prodinfo .selsize .sizewrap {
      float: left;
      width: 55%;
      clear: both;
      margin: 20px 0 0; }
      .mainprodwrap .prodinfo .selsize .sizewrap .size {
        cursor: pointer;
        float: left;
        min-width: 40px;
        padding: 7px 10px;
        border: 1px solid #888787;
        color: #888787;
        text-align: center;
        margin: 0 10px 5px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 17px;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .mainprodwrap .prodinfo .selsize .sizewrap .size.active {
        border: 1px solid #ffd204;
        background: #ffd204;
        color: #000; }
    .mainprodwrap .prodinfo .selsize .checkinstore {
      width: 43%;
      float: right;
      margin: 20px 0 0;
      line-height: 23px; }
  .mainprodwrap .prodinfo .addtocart {
    width: 80%;
    clear: both;
    float: left;
    text-decoration: none;
    margin: 20px 0; }
.mainprodwrap .prodtabs {
  float: left;
  width: 100%;
  margin: 0 0 30px; }
  .mainprodwrap .prodtabs > div {
    display: none;
    font-size: 13px; }
  .mainprodwrap .prodtabs .cartfaqs {
    margin: 0 0 0 20px;
    padding: 0;
    float: left;
    width: 100%; }
    .mainprodwrap .prodtabs .cartfaqs a {
      color: #008cd2; }
    .mainprodwrap .prodtabs .cartfaqs .answer p {
      margin: 0 0 5px; }
  .mainprodwrap .prodtabs .tabs {
    margin: 0 0 30px;
    float: left;
    width: 100%;
    display: block; }
    .mainprodwrap .prodtabs .tabs div {
      width: 30%;
      float: left;
      margin-right: 3%;
      border-bottom: 3px solid #d6d6d6;
      color: #d6d6d6;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      font-size: 17px;
      padding: 3px 0;
      cursor: pointer; }
    .mainprodwrap .prodtabs .tabs div.active {
      border-bottom: 3px solid #ffd204;
      color: #000; }
.mainprodwrap .reviews {
  clear: both;
  float: left;
  width: 100%;
  font-size: 13px; }
  .mainprodwrap .reviews .title {
    font-size: 15px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    float: left; }
  .mainprodwrap .reviews .rating {
    margin: 3px 0 0 15px;
    float: left; }

.cartwrap {
  width: 70%;
  width: calc(100% - 300px);
  float: left;
  padding: 50px 0; }
  .cartwrap h1 {
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 30px; }
  .cartwrap .yourcart {
    width: 100%;
    float: left;
    border-top: 1px solid #dadada; }
    .cartwrap .yourcart .cartrow {
      width: 100%;
      float: left;
      font-size: 13px;
      padding: 10px 0;
      border-bottom: 1px solid #dadada; }
      .cartwrap .yourcart .cartrow .image {
        float: left;
        width: 100px; }
      .cartwrap .yourcart .cartrow .cartinfo {
        float: left;
        width: calc(100% - 100px); }
        .cartwrap .yourcart .cartrow .cartinfo > div {
          float: left; }
        .cartwrap .yourcart .cartrow .cartinfo .desc, .cartwrap .yourcart .cartrow .cartinfo .price, .cartwrap .yourcart .cartrow .cartinfo .remove, .cartwrap .yourcart .cartrow .cartinfo .total {
          padding-top: 25px; }
        .cartwrap .yourcart .cartrow .cartinfo .desc {
          width: 36%; }
          .cartwrap .yourcart .cartrow .cartinfo .desc .brand {
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-weight: bold; }
          .cartwrap .yourcart .cartrow .cartinfo .desc a {
            color: #000;
            text-decoration: none; }
        .cartwrap .yourcart .cartrow .cartinfo .price {
          width: 16%; }
          .cartwrap .yourcart .cartrow .cartinfo .price .was {
            color: #b7b7b7;
            display: block;
            font-size: 12px; }
          .cartwrap .yourcart .cartrow .cartinfo .price .now {
            font-weight: bold;
            color: #ff0000;
            display: block; }
        .cartwrap .yourcart .cartrow .cartinfo .quantity {
          padding-top: 10px;
          width: 18%; }
          .cartwrap .yourcart .cartrow .cartinfo .quantity input {
            width: 60px;
            padding: 10px 5px 10px 15px;
            border: 1px solid #dadada;
            outline: 0;
            text-align: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
        .cartwrap .yourcart .cartrow .cartinfo .remove {
          width: 7%; }
          .cartwrap .yourcart .cartrow .cartinfo .remove a {
            color: #008cd2;
            text-decoration: none; }
        .cartwrap .yourcart .cartrow .cartinfo .total {
          text-align: right;
          width: 23%; }
    .cartwrap .yourcart .promowrap .promocode {
      background: #f7f7f7;
      clear: both;
      float: left;
      width: 100%;
      padding: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .cartwrap .yourcart .promowrap .promocode h2 {
        font-size: 17px;
        margin: 6px 15px 0 0;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        float: left; }
      .cartwrap .yourcart .promowrap .promocode input {
        float: left;
        padding: 10px;
        border: 1px solid #dadada;
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 160px; }
      .cartwrap .yourcart .promowrap .promocode button {
        float: left;
        color: #fff;
        background: #000;
        font-size: 17px;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
        padding: 7px 15px;
        margin: 0 0 0 10px;
        text-transform: uppercase;
        border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
    .cartwrap .yourcart .totalrow {
      float: right;
      width: 70%;
      width: calc(100% - 100px);
      padding: 15px 0; }
      .cartwrap .yourcart .totalrow .totals {
        float: right;
        width: 30%;
        font-size: 13px; }
        .cartwrap .yourcart .totalrow .totals .total {
          font-size: 17px; }
          .cartwrap .yourcart .totalrow .totals .total td {
            padding: 10px 0 0; }
      .cartwrap .yourcart .totalrow .totals td:nth-child(even) {
        text-align: right;
        font-weight: bold; }
    .cartwrap .yourcart .buttonrow {
      border-top: 1px solid #dadada;
      padding: 20px 0;
      float: left;
      width: 100%; }
      .cartwrap .yourcart .buttonrow a {
        float: right; }
      .cartwrap .yourcart .buttonrow .sharebtn {
        padding: 10px;
        font-size: 19px;
        margin: 0 10px 0 0; }
      .cartwrap .yourcart .buttonrow .sharebtn, .cartwrap .yourcart .buttonrow .checkoutbtn {
        line-height: 20px;
        width: 170px; }
      .cartwrap .yourcart .buttonrow .checkoutbtn {
        text-decoration: none; }

.mightlikeside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 0 0 75px;
  float: left;
  width: 300px;
  font-size: 13px; }
  .mightlikeside h2 {
    margin: 0 0 20px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 17px; }
  .mightlikeside .mightlikeimages div:nth-child(odd) {
    margin: 0 10px 0 0; }
  .mightlikeside .mightlikeimages .image {
    float: left;
    width: 104px;
    text-align: center; }
    .mightlikeside .mightlikeimages .image img {
      display: block;
      margin: 0 0 10px;
      width: 100%; }
  .mightlikeside .faq {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    float: left;
    width: 100%;
    padding: 20px 0;
    margin: 40px 0 0; }
    .mightlikeside .faq ul {
      margin: 0;
      padding: 0; }
      .mightlikeside .faq ul li {
        margin: 0 0 3px 20px; }
        .mightlikeside .faq ul li a {
          font-size: 13px;
          color: #008cd2;
          text-decoration: none; }

.checkoutTemplate .inner {
  max-width: 900px; }
.checkoutTemplate footer {
  background: #fff;
  text-align: right;
  font-size: 12px;
  margin: 50px 0 0; }
  .checkoutTemplate footer .inner {
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
    padding-bottom: 50px; }
.checkoutTemplate .contshop {
  color: #ffd204;
  text-decoration: none;
  border-bottom: 2px solid #ffd204;
  font-size: 20px;
  float: right;
  margin-top: 40px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;  }
.checkoutTemplate .steps {
  margin: 30px 0;
  float: left;
  width: 100%; }
  .checkoutTemplate .steps > div:first-child {
    border-left: 1px solid #d6d6d6; }
  .checkoutTemplate .steps > div.past {
    background: url("/content/images/stepprev.gif") top right no-repeat; }
  .checkoutTemplate .steps > div:first-child.active {
    border-left: 1px solid #ffd204; }
  .checkoutTemplate .steps > div.end.active {
    border-right: 1px solid #ffd204; }
  .checkoutTemplate .steps > div {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("/content/images/step.gif") top right no-repeat;
    padding: 0 16px 0 0;
    height: 40px; }
    .checkoutTemplate .steps > div > div {
      border-top: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      padding: 12px 20px;
      font-size: 13px;
      line-height: 14px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: #d6d6d6; }
  .checkoutTemplate .steps .active {
    background: url("/content/images/stepactive.gif") top right no-repeat; }
    .checkoutTemplate .steps .active > div {
      border-top: 1px solid #ffd204;
      border-bottom: 1px solid #ffd204;
      color: #000; }
  .checkoutTemplate .steps .end {
    background: none;
    border-right: 1px solid #d6d6d6;
    padding: 0; }

.checkoutoptions {
  width: calc(100% + 60px);
  margin-left: -25px;
  margin-top: 40px; }
  .checkoutoptions > div {
    float: left;
    width: 33%;
    padding: 0 25px; }
    .checkoutoptions > div p {
      font-size: 15px;
      margin: 0 0 15px; }
    .checkoutoptions > div form label {
      font-size: 12px;
      width: 100%;
      float: left; }
    .checkoutoptions > div form input {
      clear: both;
      float: left;
      width: 100%;
      margin: 3px 0 10px; }
    .checkoutoptions > div form a {
      color: #008cd2;
      font-size: 11px;
      text-decoration: none;
      float: right;
      margin: 20px 0 0; }
    .checkoutoptions > div .blackbtn {
      margin: 10px 0 0; }
  .checkoutoptions * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .checkoutoptions h1 {
    font-size: 25px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px; }

.formwsidebar {
  width: 70%;
  width: calc(100% - 300px);
  float: left;
  font-size: 13px;
  padding: 0 80px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .formwsidebar .twoinput input {
    width: 28%;
    float: left; }
  .formwsidebar .twoinput label.second {
    margin: 10px 0 0 4%; }
  .formwsidebar .delto {
    width: 100%;
    float: left;
    margin: 20px 0 10px; }
  .formwsidebar h1 {
    font-size: 25px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 25px;
    float: left;
    width: 100%; }
  .formwsidebar h2 {
    font-size: 17px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px;
    float: left;
    width: 100%; }
  .formwsidebar input {
    width: 80%;
    float: left;
    margin: 0 0 10px; }
  .formwsidebar label {
    width: 20%;
    float: left;
    margin: 10px 0 0; }
  .formwsidebar .yellowbtn, .formwsidebar .greybtn {
    text-decoration: none;
    height: 40px;
    font-size: 19px;
    line-height: 20px;
    outline: 0;
    padding: 10px 20px; }
  .formwsidebar .yellowbtn {
    float: right; }
  .formwsidebar .greybtn {
    float: left; }
  .formwsidebar .maillist {
    clear: both;
    float: left;
    width: 100%;
    margin: 20px 0; }
    .formwsidebar .maillist input {
      width: 16px;
      margin: 2px 0 0; }
    .formwsidebar .maillist label {
      width: 90%;
      float: left;
      margin: 0 0 0 5px; }
  .formwsidebar .buttons {
    clear: both;
    float: left;
    width: 100%; }
  .formwsidebar .freight {
    float: left;
    width: 100%;
    margin: 20px 0 0; }

.yourorderside {
  width: 300px;
  float: left;
  padding: 0 0 0 75px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 60px 0 0; }
  .yourorderside h2 {
    font-size: 17px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px;
    float: left;
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid #d6d6d6; }
  .yourorderside .yourorder .cartcontent {
    font-size: 13px;
    float: left; }
    .yourorderside .yourorder .cartcontent img {
      max-width: 60px; }
  .yourorderside .faq {
    border-bottom: 1px solid #dadada;
    float: left;
    width: 100%;
    padding: 20px 0; }
    .yourorderside .faq ul {
      margin: 0;
      padding: 0;
      float: left; }
      .yourorderside .faq ul li {
        margin: 0 0 3px 20px; }
        .yourorderside .faq ul li a {
          font-size: 13px;
          color: #008cd2;
          text-decoration: none; }
  .yourorderside .totalrow {
    float: left;
    margin: 20px 0 0;
    width: 100%;
    font-size: 13px;
    border-top: 1px solid #d6d6d6;
    padding: 20px 0 0; }
    .yourorderside .totalrow table td {
      width: 50%;
      text-align: right; }
    .yourorderside .totalrow table .total {
      font-size: 17px;
      font-weight: bold; }

.paymentwrap .paymenttot {
  padding: 15px;
  float: left;
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #008cd2;
  color: #008cd2;
  font-size: 17px;
  margin: 0 0 20px; }
.paymentwrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.paymentwrap .paycc {
  margin: 30px 0 0;
  float: left;
  width: 100%; }
.paymentwrap .cctotal {
  padding: 15px;
  float: left;
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  color: #008cd2;
  font-size: 17px;
  margin: 20px 0 30px; }
.paymentwrap .learn {
  color: #008cd2;
  font-size: 13px;
  margin: 10px 0 0 10px;
  float: left;
  text-decoration: none; }
.paymentwrap .cards {
  float: right;
  margin: 10px 0 0; }
.paymentwrap .giftcard {
  float: left;
  width: 100%; }
  .paymentwrap .giftcard .giftheading {
    padding: 10px;
    float: left;
    width: 100%;
    background: #f1f1f1;
    cursor: pointer; }
  .paymentwrap .giftcard .giftheading.clicked h2 {
    background: url("/content/images/giftup.png") center right no-repeat; }
  .paymentwrap .giftcard h2 {
    float: left;
    margin: 0;
    width: 100%;
    background: url("/content/images/giftdown.png") center right no-repeat; }
  .paymentwrap .giftcard .giftcardinput {
    border-top: 3px solid #fff;
    background: #f1f1f1;
    padding: 10px 5px;
    float: left;
    width: 100%;
    display: none; }
    .paymentwrap .giftcard .giftcardinput .usedgc {
      font-size: 13px; }
      .paymentwrap .giftcard .giftcardinput .usedgc .removegc {
        text-decoration: none;
        border: 0; }
    .paymentwrap .giftcard .giftcardinput .usegc {
      float: left;
      width: 100%;
      padding: 10px; }
      .paymentwrap .giftcard .giftcardinput .usegc .gcn {
        width: 115px; }
      .paymentwrap .giftcard .giftcardinput .usegc .gcninput {
        width: 30%;
        width: calc(100% - 335px); }
      .paymentwrap .giftcard .giftcardinput .usegc .pin {
        width: 50px;
        padding: 0 0 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .paymentwrap .giftcard .giftcardinput .usegc .blackbtn {
        margin: 0 0 0 10px; }
      .paymentwrap .giftcard .giftcardinput .usegc .pininput {
        width: 100px; }
    .paymentwrap .giftcard .giftcardinput .giftcharge {
      color: #008cd2;
      font-size: 15px;
      float: right;
      padding: 15px 10px 10px; }
    .paymentwrap .giftcard .giftcardinput table {
      background: #fff;
      font-size: 15px; }
      .paymentwrap .giftcard .giftcardinput table tr td {
        border-bottom: 3px solid #f1f1f1;
        padding: 15px; }
        .paymentwrap .giftcard .giftcardinput table tr td a {
          font-size: 17px;
          text-decoration: none;
          border-bottom: 1px solid #000;
          color: #000;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
          line-height: 18px; }

.sucessorder {
  width: 60%;
  width: calc(100% - 235px);
  float: left;
  margin: 30px 0 0; }
  .sucessorder h1 {
    font-size: 25px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 25px; }
  .sucessorder p {
    font-size: 15px; }

.sharefb {
  width: 235px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 50px;
  text-align: center;
  margin: 30px 0 0; }
  .sharefb a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none; }
  .sharefb .text {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    color: #3b5998;
    margin: 15px 0 0; }
    .sharefb .text span {
      border-bottom: 2px solid #3b5998;
      font-size: 20px;
      line-height: 20px;
      display: block;
      margin: 3px 0 0; }

.confcartwrap {
  clear: both;
  width: 100%;
  float: left;
  border-bottom: 1px solid #d6d6d6;
  padding: 0 0 30px;
  margin: 0 0 30px; }
  .confcartwrap .orderinfo {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-top: 1px solid #dadada;
    margin-top: 20px; }
    .confcartwrap .orderinfo > div {
      width: 33%;
      float: left; }
      .confcartwrap .orderinfo > div table tr td {
        font-size: 13px;
        vertical-align: top; }
      .confcartwrap .orderinfo > div table tr td:nth-child(odd) {
        font-weight: bold; }
  .confcartwrap .confcart {
    width: 100%;
    float: left;
    border-top: 1px solid #dadada; }
    .confcartwrap .confcart .cartrow {
      width: 100%;
      float: left;
      font-size: 13px;
      padding: 10px 0;
      border-bottom: 1px solid #dadada; }
      .confcartwrap .confcart .cartrow .image {
        float: left;
        width: 100px; }
      .confcartwrap .confcart .cartrow .cartinfo {
        float: left;
        width: calc(100% - 100px);
        padding: 30px 0 0; }
        .confcartwrap .confcart .cartrow .cartinfo > div {
          float: left; }
        .confcartwrap .confcart .cartrow .cartinfo .price {
          width: 30%; }
        .confcartwrap .confcart .cartrow .cartinfo .desc {
          width: 40%; }
          .confcartwrap .confcart .cartrow .cartinfo .desc .brand {
            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
            font-weight: bold; }
        .confcartwrap .confcart .cartrow .cartinfo .quantity {
          text-align: left;
          width: 15%; }
        .confcartwrap .confcart .cartrow .cartinfo .total {
          text-align: right;
          width: 15%; }
    .confcartwrap .confcart .totalrow {
      float: right;
      width: 70%;
      width: calc(100% - 100px);
      padding: 15px 0;
      position: relative; }
      .confcartwrap .confcart .totalrow .blackbtn {
        position: absolute;
        width: 170px;
        line-height: 18px;
        top: 35px;
        left: -100px; }
      .confcartwrap .confcart .totalrow .totals {
        float: right;
        width: 30%;
        font-size: 13px; }
        .confcartwrap .confcart .totalrow .totals td:nth-child(even) {
          text-align: right;
          font-weight: bold; }
        .confcartwrap .confcart .totalrow .totals .total {
          font-size: 17px; }
          .confcartwrap .confcart .totalrow .totals .total td {
            padding: 10px 0 0; }

.brandpg {
  float: left;
  width: 100%; }
  .brandpg .brandbanner {
    height: 240px;
    overflow: hidden;
    position: relative; }
    .brandpg .brandbanner .bannertext {
      position: absolute;
      right: 0;
      bottom: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px;
      background: #000;
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      font-size: 15px;
      text-transform: uppercase;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      max-width: 70%; }
    .brandpg .brandbanner .brandimg a {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 30px; }
      .brandpg .brandbanner .brandimg a img {
        max-width: 200px; }
  .brandpg .brandheader {
    margin: 20px 0 30px;
    float: left;
    width: 100%; }
    .brandpg .brandheader h1, .brandpg .brandheader h1 a {
      width: 200px;
      float: left;
      font-size: 30px;
      padding: 0 50px 0 0;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      margin: 0;
      text-transform: uppercase;
      text-decoration: none;
      color: #000; }
    .brandpg .brandheader .selwrap {
      float: right;
      overflow: hidden;
      width: 200px;
      padding: 5px;
      background: #f2f2f2 url("/content/images/selarrow.png") center right no-repeat;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      cursor: pointer;
      margin-top: 5px; }
      .brandpg .brandheader .selwrap select {
        width: 120%;
        background: transparent;
        border: 0;
        outline: 0;
        font-size: 13px;
        cursor: pointer; }
    .brandpg .brandheader .shopgender a {
      width: 200px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      text-decoration: none;
      font-size: 20px;
      line-height: 20px;
      padding: 10px;
      float: left; }
    .brandpg .brandheader .shopgender .greybtn {
      color: #686868; }

.sale img, .flag img {
  width: auto !important;
  height: auto !important; }

#amount {
  padding: 0;
  text-align: center;
  width: 100%;
  font-size: 13px;
  height: auto;
  background: transparent; }

#popup {
  background: #fff;
  padding: 20px;
  margin: 0 auto;
  position: relative; }
  #popup * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.quickviewpop {
  max-width: 800px; }
  .quickviewpop .sizetext {
    font-size: 15px; }
  .quickviewpop .imagewrap {
    width: 49%;
    float: left; }
    .quickviewpop .imagewrap .thumbs {
      width: 50px;
      margin: 0 12px 0 0;
      float: left; }
      .quickviewpop .imagewrap .thumbs img {
        margin: 0 0 12px;
        float: left;
        clear: both;
        max-width: 50px; }
    .quickviewpop .imagewrap .mainimg {
      width: calc(100% - 62px);
      float: left; }
      .quickviewpop .imagewrap .mainimg img {
        width: 100%;
        max-width: 330px;
        float: left; }
  .quickviewpop .textwrap {
    width: 51%;
    float: left;
    padding: 0 0 0 25px; }
    .quickviewpop .textwrap h1 {
      font-size: 30px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      margin: 0 0 10px; }
    .quickviewpop .textwrap a {
      text-decoration: none; }
      .quickviewpop .textwrap a h2 {
        margin: 10px 0 10px;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
        font-size: 15px;
        color: #757575;
        text-transform: uppercase; }
        .quickviewpop .textwrap a h2 span {
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;  }
    .quickviewpop .textwrap .rating {
      margin: 10px 0; }
    .quickviewpop .textwrap .price {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal; }
      .quickviewpop .textwrap .price .now {
        color: #000;
        font-size: 30px; }
      .quickviewpop .textwrap .price .onsale {
        color: #ff0000;
        font-size: 30px; }
      .quickviewpop .textwrap .price .was {
        color: #5d5d5d;
        font-size: 20px; }
    .quickviewpop .textwrap .color {
      font-size: 15px;
      margin: 20px 0;
      float: left;
      width: 100%; }
      .quickviewpop .textwrap .color .swatchwrap {
        clear: both;
        float: left;
        width: 100%;
        margin: 15px 0 0; }
        .quickviewpop .textwrap .color .swatchwrap .swatch {
          width: 54px;
          margin: 0 10px 5px 0;
          float: left; }
        .quickviewpop .textwrap .color .swatchwrap .swatch.active {
          outline: 1px solid #000; }
        .quickviewpop .textwrap .color .swatchwrap img {
          max-width: 54px; }
    .quickviewpop .textwrap .selsize {
      float: left;
      width: 80%; }
      .quickviewpop .textwrap .selsize p {
        float: left;
        margin: 0; }
      .quickviewpop .textwrap .selsize .sizeguide {
        float: left;
        margin: 0 0 0 15px;
        color: #008cd2;
        font-size: 13px;
        text-decoration: none; }
      .quickviewpop .textwrap .selsize .sizewrap {
        float: left;
        width: 100%;
        clear: both;
        margin: 20px 0 0; }
        .quickviewpop .textwrap .selsize .sizewrap .size {
          float: left;
          min-width: 40px;
          padding: 8px 10px;
          border: 1px solid #888787;
          color: #888787;
          text-align: center;
          margin: 0 10px 5px 0;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          font-size: 17px;
          font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
          font-weight: bold;
          height: 40px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
        .quickviewpop .textwrap .selsize .sizewrap .size.active {
          border: 1px solid #ffd204;
          background: #ffd204;
          color: #000; }
    .quickviewpop .textwrap .addtocart {
      margin: 20px 0 0;
      color: #000; }
    .quickviewpop .textwrap .details, .quickviewpop .textwrap .addtocart {
      width: 45%;
      float: left;
      text-decoration: none;
      font-size: 23px !important;
      line-height: 22px;
      padding: 15px 10px;
      color: #000;
      height: 50px;
      font-weight: normal; }
    .quickviewpop .textwrap .details {
      clear: both;
      margin: 20px 5% 0 0; }

.storelocwrap .searchagain {
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 20px 0 0;
  font-size: 19px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 20px; }
  .storelocwrap .searchagain a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none; }
.storelocwrap .pagehead {
  width: 100%;
  float: left;
  margin: 50px 0 0; }
  .storelocwrap .pagehead h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    float: left;
    width: 35%; }
  .storelocwrap .pagehead .yellowbtn {
    float: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    padding: 10px 25px;
    margin: 0 0 0 5%; }
.storelocwrap > div {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.storelocwrap .storewrap {
  width: 35%; }
  .storelocwrap .storewrap h2 {
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 20px; }
  .storelocwrap .storewrap section {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .storelocwrap .storewrap section h2 {
      padding: 0; }
  .storelocwrap .storewrap .nearbystore section {
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding: 20px 0 20px 20px; }
    .storelocwrap .storewrap .nearbystore section > div {
      width: 50%;
      float: left;
      font-size: 13px;
      line-height: 16px; }
    .storelocwrap .storewrap .nearbystore section .heading {
      font-size: 15px;
      display: block;
      font-weight: bold;
      color: #008cd2;
      margin: 0 0 3px; }
    .storelocwrap .storewrap .nearbystore section .hours {
      display: block;
      font-weight: bold;
      color: #008cd2;
      margin: 0 0 3px; }
.storelocwrap .hours {
  display: block;
  font-weight: bold;
  color: #008cd2;
  margin: 0 0 3px; }
.storelocwrap .mapwrap {
  width: 65%;
  padding: 0 0 0 5%; }
.storelocwrap .showstorelist {
  width: 65%;
  padding-left: calc(5% - 10px);
  padding-top: 20px; }
  .storelocwrap .showstorelist .region {
    float: left;
    width: 33.3334%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; }
    .storelocwrap .showstorelist .region h3 {
      font-size: 20px;
      text-transform: uppercase;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: #ffd204;
      margin: 0 0 20px; }
    .storelocwrap .showstorelist .region ul {
      margin: 0 0 20px;
      padding: 0; }
      .storelocwrap .showstorelist .region ul li {
        list-style-type: none; }
        .storelocwrap .showstorelist .region ul li a {
          color: #000;
          font-weight: bold;
          font-size: 13px;
          text-decoration: none; }
.storelocwrap .storefinder {
  background: #f4f4f4;
  margin: 0 0 30px;
  padding: 20px; }
  .storelocwrap .storefinder h2 {
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; }
  .storelocwrap .storefinder .searchstorewrap {
    float: left;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin: 10px 0 0;
    width: 100%; }
    .storelocwrap .storefinder .searchstorewrap .searchbtn {
      background: #ffd204;
      float: right;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase; }
    .storelocwrap .storefinder .searchstorewrap input {
      background: transparent;
      border: 0;
      outline: 0;
      padding: 10px;
      font-family: arial,helvetica,sans-serif;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

.mapwrap .storefinder {
  display: none; }

.nextpage {
  display: none; }

.contactwrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.contactwrap h1 {
  float: left;
  font-size: 30px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 30px 0;
  text-transform: uppercase;
  width: 100%; }
.contactwrap .contactlist.icons li {
  padding-left: 45px;
  padding-top: 10px; }
.contactwrap .contactlist {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0 30px 0 0;
  font-size: 13px; }
  .contactwrap .contactlist li {
    list-style-type: none; }
  .contactwrap .contactlist li.icon {
    margin: 8px 0;
    min-height: 33px; }
  .contactwrap .contactlist h2 {
    float: left;
    font-size: 20px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%; }
  .contactwrap .contactlist .storenumber {
    margin: 0 0 15px; }
  .contactwrap .contactlist .email {
    background: url(/content/images/email.png) no-repeat; }
  .contactwrap .contactlist .phone {
    background: url(/content/images/phone.png) no-repeat; }
  .contactwrap .contactlist .address {
    background: url(/content/images/address.png) no-repeat; }
  .contactwrap .contactlist .fb {
    background: url(/content/images/contfb.png) no-repeat; }
  .contactwrap .contactlist .twitter {
    background: url(/content/images/conttwit.png) no-repeat; }
  .contactwrap .contactlist .instagram {
    background: url(/content/images/continst.png) no-repeat; }
  .contactwrap .contactlist .youtube {
    background: url(/content/images/conttube.png) no-repeat; }
  .contactwrap .contactlist a {
    color: #008cd2;
    text-decoration: none; }

#banner {
  overflow: hidden;
  text-align: center; }
  #banner img {
    height: 240px; }

.blogwrap .sideblog {
  width: 300px;
  float: right;
  text-align: center;
  margin-top: 40px; }
  .blogwrap .sideblog h2 {
    font-size: 17px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  .blogwrap .sideblog .cats ul {
    margin: 0;
    padding: 0; }
    .blogwrap .sideblog .cats ul li {
      font-size: 17px;
      list-style-type: none; }
      .blogwrap .sideblog .cats ul li a {
        color: #939393;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold; }
  .blogwrap .sideblog .instagram {
    border-top: 1px solid #e9e9e9;
    margin-top: 20px; }
    .blogwrap .sideblog .instagram p {
      color: #939393;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      font-size: 14px; }
      .blogwrap .sideblog .instagram p a {
        color: #939393;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
        text-decoration: none; }
    .blogwrap .sideblog .instagram .instapics {
      margin-bottom: 30px; }
.blogwrap .mainblog {
  width: 70%;
  width: calc(100% - 300px);
  float: left;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 100px 0 0; }
  .blogwrap .mainblog img {
    width: 100%; }
  .blogwrap .mainblog .greybtn {
    width: 200px !important;
    color: #929292;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    float: none;
    clear: both;
    margin: 40px auto;
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    line-height: 18px; }
    .blogwrap .mainblog .greybtn img {
      width: auto; }
  .blogwrap .mainblog article {
    margin: 0 0 20px;
    width: 100%;
    float: left; }
    .blogwrap .mainblog article img {
      margin: 0 0 20px;
      display: block; }
    .blogwrap .mainblog article .readmore img {
      display: inline; }
    .blogwrap .mainblog article h2, .blogwrap .mainblog article h2 a {
      font-size: 27px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      margin: 0;
      text-transform: uppercase;
      line-height: 29px;
      color: #000;
      text-decoration: none; }
    .blogwrap .mainblog article h2, .blogwrap .mainblog article section {
      text-align: center; }
    .blogwrap .mainblog article p {
      font-size: 13px;
      margin: 0 0 20px; }
    .blogwrap .mainblog article ul li {
      font-size: 13px; }
    .blogwrap .mainblog article a {
      font-size: 14px;
      color: #ffd204;
      text-decoration: none;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase; }
      .blogwrap .mainblog article a img {
        width: auto;
        margin: 0 0 0 5px; }
    .blogwrap .mainblog article .articleshop {
      margin: 40px auto;
      width: 410px; }
      .blogwrap .mainblog article .articleshop .yellowbtn {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        width: 200px !important;
        float: left; }
    .blogwrap .mainblog article section {
      background: url("/content/images/blogbg.gif") center left repeat-x;
      margin: 0 0 5px; }
      .blogwrap .mainblog article section span {
        background: #fff;
        padding: 0 15px;
        color: #909090;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
        text-transform: uppercase;
        font-size: 14px; }
  .blogwrap .mainblog .comments {
    margin: 40px 0 0;
    float: left;
    width: 100%; }
    .blogwrap .mainblog .comments h2 {
      font-size: 17px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      margin: 0;
      text-transform: uppercase;
      line-height: 19px; }
      .blogwrap .mainblog .comments h2 img {
        width: auto; }
  .blogwrap .mainblog .sharebtns {
    width: 170px;
    margin: 40px auto 0; }
  .blogwrap .mainblog .prevnext {
    margin: 70px 0 40px;
    float: left;
    width: 100%; }
    .blogwrap .mainblog .prevnext a {
      margin: 0;
      clear: none; }
    .blogwrap .mainblog .prevnext .prev {
      float: left; }
    .blogwrap .mainblog .prevnext .next {
      float: right; }

.textwrap {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }
  .textwrap p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; }
  .textwrap h1 {
    float: left;
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 30px 0;
    text-transform: uppercase;
    width: 100%; }
  .textwrap a {
    color: #008cd2;
    font-weight: bold; }

.careerswrap .careerside {
  width: 350px;
  float: left;
  margin-top: 40px;
  margin-bottom: 40px; }
  .careerswrap .careerside h1 {
    float: left;
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 30px 0;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 30px;
    color: #000;
    text-decoration: none; }
    .careerswrap .careerside h1 a {
      color: #000;
      text-decoration: none; }
  .careerswrap .careerside h2 {
    color: #909090;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 25px; }
  .careerswrap .careerside p {
    font-size: 13px; }
.careerswrap .careermain {
  width: calc(100% - 350px);
  float: left;
  padding: 0 0 0 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 40px; }
  .careerswrap .careermain .careerrow {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #dadada; }
    .careerswrap .careermain .careerrow > div {
      float: left;
      padding: 20px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .careerswrap .careermain .careerrow .type {
      width: 25%;
      font-size: 13px;
      padding-right: 30px; }
      .careerswrap .careermain .careerrow .type a {
        text-decoration: none;
        color: #000; }
      .careerswrap .careermain .careerrow .type span {
        display: block;
        width: 100%; }
      .careerswrap .careermain .careerrow .type .role {
        color: #008cd2;
        font-weight: bold; }
      .careerswrap .careermain .careerrow .type .loc {
        font-weight: bold; }
    .careerswrap .careermain .careerrow .desc {
      width: 62.5%;
      padding-right: 60px; }
      .careerswrap .careermain .careerrow .desc p {
        margin: 0 0 15px;
        font-size: 13px; }
    .careerswrap .careermain .careerrow .apply {
      width: 12.5%; }
      .careerswrap .careermain .careerrow .apply .yellowbtn {
        width: 100%;
        display: block;
        text-decoration: none; }
  .careerswrap .careermain .titlerow.careerrow {
    font-size: 10px;
    color: #dadada;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #dadada; }
    .careerswrap .careermain .titlerow.careerrow > div {
      padding: 0; }
    .careerswrap .careermain .titlerow.careerrow .type {
      font-size: 10px; }
  .careerswrap .careermain > div {
    float: left; }

.careersdetailwrap .careerupload h2 {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #5cc407;
  margin-top: 0; }
.careersdetailwrap .careerupload .file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 41px;
  width: 147px;
  margin: 0 10px 0 0; }
  .careersdetailwrap .careerupload .file input {
    width: 147px;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0; }
.careersdetailwrap .careerupload .file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 41px;
  width: 147px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url("/content/images/upload.png") top left no-repeat; }
.careersdetailwrap > div > div {
  float: left;
  margin: 40px 0; }
.careersdetailwrap .careerside {
  width: 270px;
  font-size: 13px; }
  .careersdetailwrap .careerside h1 {
    float: left;
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 30px 0;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 30px; }
    .careersdetailwrap .careerside h1 a {
      color: #000;
      text-decoration: none; }
  .careersdetailwrap .careerside h2 {
    color: #909090;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 25px;
    float: left; }
.careersdetailwrap .careerupload {
  width: 300px;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px; }
  .careersdetailwrap .careerupload .yellowbtn {
    border: 0;
    outline: 0;
    clear: both;
    float: left;
    width: 100px; }
  .careersdetailwrap .careerupload h3 {
    float: left;
    font-size: 20px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 20px; }
  .careersdetailwrap .careerupload form {
    font-size: 13px; }
    .careersdetailwrap .careerupload form label, .careersdetailwrap .careerupload form input {
      width: 100%;
      float: left;
      margin: 0 0 5px; }
    .careersdetailwrap .careerupload form input {
      margin: 0 0 10px; }
    .careersdetailwrap .careerupload form div {
      float: left;
      width: 100%;
      margin: 10px 0; }
    .careersdetailwrap .careerupload form span {
      width: 80px;
      float: left;
      font-size: 10px;
      color: #5c5c5c; }
.careersdetailwrap .careermain {
  width: calc(100% - 570px);
  padding: 0 50px 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px; }
  .careersdetailwrap .careermain h3 {
    float: left;
    font-size: 20px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 20px; }
    .careersdetailwrap .careermain h3 span a {
      color: #808080;
      text-decoration: none; }
  .careersdetailwrap .careermain strong {
    font-size: 15px; }

.colorbox.active img {
  -webkit-box-shadow: 0px 0px 0px 1px black;
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black; }

/* css for splitting UL */
.catsidebar ul.size {
  width: 100%; }

.size.filtersect li {
  clear: none;
  width: 50%; }
.size.filtersect li:nth-child(odd) {
  clear: both;
  width: 50%; }

.alert.alert-success {
  clear: both;
  float: left;
  color: #5cc407; }

[data-product-size="XXL"] {
  width: 53px !important; }

[data-product-size="XXXL"] {
  width: 57px !important; }

.formwsidebar .defselwrap {
  width: 80%; }

.defselwrap {
  float: left;
  overflow: hidden;
  width: 100%;
  padding: 5px 10px;
  background: #fff url("/content/images/selarrow.png") center right no-repeat;
  cursor: pointer;
  border: 1px solid #d6d6d6;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .defselwrap select {
    width: 120%;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 13px;
    line-height: 14px;
    cursor: pointer;
    padding: 8px 0 0;



    }

/* stuff for vimeo */
.videoWrapper {
  height: 0;
  padding-top: 25px;
  padding-bottom: 57.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden; }

.videoWrapperwidescreen {
  padding-bottom: 57.25%; }

.videoWrapper.vimeo {
  padding-top: 0; }

.videoWrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

#popup.loginpopup, #popup.forgotpwpopup, #popup.cipopup, #popup.sizepopup {
  max-width: 600px;
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #popup.loginpopup h1, #popup.forgotpwpopup h1, #popup.cipopup h1, #popup.sizepopup h1 {
    color: #ffd204;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0; }
  #popup.loginpopup p, #popup.forgotpwpopup p, #popup.cipopup p, #popup.sizepopup p {
    margin: 0 0 15px;
    font-size: 15px; }
  #popup.loginpopup input, #popup.forgotpwpopup input, #popup.cipopup input, #popup.sizepopup input {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    height: 40px;
    outline: 0;
    width: 100%;
    margin: 0 0 10px; }
  #popup.loginpopup button, #popup.forgotpwpopup button, #popup.cipopup button, #popup.sizepopup button {
    margin: 10px 0 20px;
    width: 120px; }
  #popup.loginpopup .form-footer, #popup.forgotpwpopup .form-footer, #popup.cipopup .form-footer, #popup.sizepopup .form-footer {
    font-size: 12px; }
    #popup.loginpopup .form-footer a, #popup.forgotpwpopup .form-footer a, #popup.cipopup .form-footer a, #popup.sizepopup .form-footer a {
      color: #008cd2;
      text-decoration: none; }

#popup.forgotpwpopup h1 {
  margin: 0 0 15px; }

#popup.addedtocart {
  max-width: 740px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #popup.addedtocart .popinner {
    padding: 20px;
    width: 100%;
    float: left; }
  #popup.addedtocart .mightlike {
    border-top: 1px solid #e2e2e2; }
    #popup.addedtocart .mightlike h2 {
      font-size: 21px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      margin: 0 0 10px 0; }
    #popup.addedtocart .mightlike .mightlikeimages {
      float: left;
      width: 100%; }
      #popup.addedtocart .mightlike .mightlikeimages > div {
        width: 16.66%;
        float: left;
        text-align: center; }
        #popup.addedtocart .mightlike .mightlikeimages > div a {
          color: #000;
          text-decoration: none;
          font-size: 13px; }
        #popup.addedtocart .mightlike .mightlikeimages > div img {
          display: block;
          max-width: 105px;
          width: 100%;
          padding: 0 3px 5px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
  #popup.addedtocart .addinfo .image {
    float: left;
    width: 190px; }
  #popup.addedtocart .addinfo .text {
    float: left;
    width: calc(100% - 190px);
    padding: 0 0 0 30px; }
    #popup.addedtocart .addinfo .text h1 {
      font-size: 35px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      margin: 0 0 20px;
      text-transform: uppercase; }
    #popup.addedtocart .addinfo .text h2 {
      font-size: 25px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      margin: 0 0 20px;
      text-transform: uppercase; }
    #popup.addedtocart .addinfo .text table {
      font-size: 13px;
      max-width: 200px;
      margin: 0 0 15px; }
    #popup.addedtocart .addinfo .text .price {
      font-weight: bold;
      font-size: 17px;
      margin: 0 0 30px; }
  #popup.addedtocart .addinfo .buttons a {
    float: left;
    font-size: 21px !important;
    line-height: 23px;
    text-decoration: none;
    height: 43px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    width: 48%;
    margin: 0 2% 0 0; }

.allbrands h1 {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
  font-size: 30px;
  text-transform: uppercase;
  float: left;
  margin: 0 0 10px;
  width: 100%; }
.allbrands .header {
  margin: 20px 0;
  padding: 0 0 20px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #d6d6d6; }
  .allbrands .header p {
    font-size: 15px;
    margin: 0;
    float: left; }
.allbrands .brandwrap {
  width: 100%;
  float: left; }
  .allbrands .brandwrap .nostuff > a, .allbrands .brandwrap .nostuff img {
    opacity: 0.2; }
  .allbrands .brandwrap .brandrow {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #d6d6d6;
    margin: 0 0 20px;
    padding: 0 0 20px; }
  .allbrands .brandwrap .singlebrand {
    float: left;
    width: 16.666%;
    text-align: center;
    font-size: 13px; }
    .allbrands .brandwrap .singlebrand a {
      color: #000;
      text-decoration: none;
      height: 125px; }
    .allbrands .brandwrap .singlebrand img {
      display: block;
      margin: 0 auto 15px;
      width: 100%;
      max-width: 125px;
      max-height: 125px; }

.accdash * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.accdash .dashside {
  width: 270px;
  float: left;
  padding: 0 30px 0 0;
  margin: 40px 0 0; }
  .accdash .dashside .defselwrap {
    background-color: #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0; }
  .accdash .dashside h1 a {
    margin: 0 0 20px;
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    text-decoration: none; }
  .accdash .dashside ul {
    margin: 0;
    padding: 0; }
    .accdash .dashside ul li.active a {
      color: #ffd204; }
    .accdash .dashside ul li {
      list-style-type: none;
      margin: 0 0 10px; }
      .accdash .dashside ul li a {
        font-size: 17px;
        color: #909090;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
        text-transform: uppercase;
        text-decoration: none; }
.accdash .dashmain {
  width: 60%;
  width: calc(100% - 270px);
  float: left;
  border-left: 1px solid #ebebeb;
  padding: 0 0 0 60px;
  margin: 40px 0; }
  .accdash .dashmain h2 {
    margin: 0 0 20px;
    color: #909090;
    /*font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;*/
    text-transform: uppercase;
    font-size: 19px; }
  .accdash .dashmain .dash.orderhistory .orders {
    font-size: 13px; }
    .accdash .dashmain .dash.orderhistory .orders .orderdetail {
      float: left;
      width: 100%;
      border-top: 1px solid #ebebeb; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 10px 0; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div {
          width: 33.33%;
          float: left;
          padding: 0 10px 0 0; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff table, .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff table td {
          border: 0; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff td {
          font-size: 13px;
          line-height: 19px;
          padding: 0; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow {
        float: right;
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #cecece; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals {
          float: right;
          width: 43%;
          font-size: 13px; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals table {
            border-top: 0; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals td {
            padding: 10px 0 0;
            border: 0; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals .total {
            font-size: 17px; }
            .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals .total td {
              padding: 10px 0 0;
              border: 0; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .totalrow .totals td:nth-child(even) {
          text-align: right;
          font-weight: bold; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 10px 0; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo {
          float: left;
          width: calc(100% - 50px);
          padding: 0 0 0 10px; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo > div {
            float: left; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .price, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .remove, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .total {
            padding-top: 15px; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc {
            width: 36%;
            padding-right: 15px; }
            .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc .brand {
              font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
              font-weight: bold; }
            .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc a {
              color: #000;
              text-decoration: none; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .price {
            width: 23%; }
            .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .price .was {
              color: #b7b7b7;
              display: block;
              font-size: 12px; }
            .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .price .now {
              font-weight: bold;
              color: #ff0000;
              display: block; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .quantity {
            padding-top: 15px;
            width: 18%;
            font-weight: bold; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .total {
            text-align: right;
            width: 23%; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .image {
          float: left;
          width: 50px; }
          .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .image a img {
            width: 100%;
            max-width: 50px; }
  .accdash .dashmain .dash.detail {
    width: 100%;
    max-width: 650px;
    width: 100%;
    float: left; }
    .accdash .dashmain .dash.detail form {
      width: 100%;
      font-size: 13px; }
      .accdash .dashmain .dash.detail form label {
        width: 30%;
        float: left;
        margin-top: 12px; }
      .accdash .dashmain .dash.detail form input {
        width: 70%;
        float: left;
        margin: 0 0 10px; }
      .accdash .dashmain .dash.detail form .postcode label {
        width: 30%;
        float: left;
        margin-top: 12px; }
      .accdash .dashmain .dash.detail form .postcode input {
        width: 100%;
        max-width: 200px;
        float: left; }
      .accdash .dashmain .dash.detail form .postcode a {
        font-weight: bold;
        color: #008cd2;
        margin: 10px 0 0 10px;
        float: left;
        text-decoration: none; }
      .accdash .dashmain .dash.detail form .sel {
        clear: both;
        float: left;
        width: 100%;
        margin: 0 0 10px; }
        .accdash .dashmain .dash.detail form .sel label {
          width: 30%;
          float: left;
          margin-top: 12px; }
        .accdash .dashmain .dash.detail form .sel .defselwrap {
          width: 70%;
          float: left; }
      .accdash .dashmain .dash.detail form .checkbox {
        margin: 0 0 10px 30%;
        clear: both;
        float: left; }
        .accdash .dashmain .dash.detail form .checkbox input {
          width: 20px;
          height: 20px;
          margin: 0 10px 0 0; }
      .accdash .dashmain .dash.detail form .yellowbtn {
        float: left;
        clear: both;
        margin: 0 0 0 30%; }
  .accdash .dashmain .dash.order {
    width: 100%;
    float: left; }
    .accdash .dashmain .dash.order .orders {
      float: left;
      clear: none;
      width: 100%;
      font-size: 13px;
      margin: 0 0 30px; }
      .accdash .dashmain .dash.order .orders .no {
        color: #008cd2;
        font-weight: bold; }
        .accdash .dashmain .dash.order .orders .no span {
          font-weight: normal;
          color: #000; }
      .accdash .dashmain .dash.order .orders .progress, .accdash .dashmain .dash.order .orders .cancelled, .accdash .dashmain .dash.order .orders .complete {
        font-weight: bold; }
      .accdash .dashmain .dash.order .orders .cancelled {
        color: #f52222; }
      .accdash .dashmain .dash.order .orders .complete {
        color: #9ccd48; }
      .accdash .dashmain .dash.order .orders table {
        border-top: 1px solid #ebebeb; }
        .accdash .dashmain .dash.order .orders table tr td {
          padding: 10px 10px 10px 0;
          border-bottom: 1px solid #ebebeb; }
          .accdash .dashmain .dash.order .orders table tr td a {
            color: #008cd2;
            font-weight: bold;
            text-decoration: none; }
  .accdash .dashmain .dash.full > div {
    width: 50%;
    float: left;
    font-size: 13px; }
    .accdash .dashmain .dash.full > div p {
      margin: 0 0 20px; }
    .accdash .dashmain .dash.full > div .yellowbtn {
      text-decoration: none;
      clear: both;
      font-size: 16px !important;
      width: 100px;
      float: left; }
  .accdash .dashmain .dash.full .mydetails, .accdash .dashmain .dash.full .pw {
    width: 100%;
    float: left; }
  .accdash .dashmain .dash.full .orders {
    float: right;
    clear: none; }
    .accdash .dashmain .dash.full .orders .no {
      color: #008cd2;
      font-weight: bold; }
      .accdash .dashmain .dash.full .orders .no span {
        font-weight: normal;
        color: #000; }
    .accdash .dashmain .dash.full .orders .progress, .accdash .dashmain .dash.full .orders .cancelled, .accdash .dashmain .dash.full .orders .complete {
      font-weight: bold; }
    .accdash .dashmain .dash.full .orders .cancelled {
      color: #f52222; }
    .accdash .dashmain .dash.full .orders .complete {
      color: #9ccd48; }
    .accdash .dashmain .dash.full .orders table {
      border-top: 1px solid #ebebeb; }
      .accdash .dashmain .dash.full .orders table tr td {
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #ebebeb; }
  .accdash .dashmain .dash.full .pw {
    clear: both;
    margin-top: 40px; }
    .accdash .dashmain .dash.full .pw form {
      width: 100%;
      max-width: 270px; }
    .accdash .dashmain .dash.full .pw label, .accdash .dashmain .dash.full .pw input {
      width: 100%;
      float: left;
      margin: 0 0 5px; }
    .accdash .dashmain .dash.full .pw input {
      margin: 0 0 10px; }

.dtmob {
  display: none; }

#popup.cipopup {
  max-width: 800px; }
  #popup.cipopup h1 {
    margin: 0 0 15px; }
  #popup.cipopup .key {
    float: right;
    font-size: 13px;
    margin: 0 0 10px; }
  #popup.cipopup p {
    clear: both;
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 20px 0; }
    #popup.cipopup p a {
      color: #008cd2;
      text-decoration: none;
      font-weight: bold; }
  #popup.cipopup .civariant {
    float: left; }
    #popup.cipopup .civariant > div {
      float: left;
      margin: 0 10px 0 0; }
  #popup.cipopup table {
    font-size: 13px; }
    #popup.cipopup table td {
      padding: 5px 10px 5px 0; }

.push-menu-left .subnav {
  position: relative; }

.quantityinput.error {
  border: 1px solid red !important; }

.giftbalance {
  background: #f4f4f4;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 690px;
  margin: 100px auto; }
  .giftbalance h1 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 25px;
    margin: 0 0 20px; }
  .giftbalance input {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%; }
  .giftbalance form label {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase; }
  .giftbalance form .inputwrap {
    width: 110px;
    float: left;
    margin: 0 10px 0 0; }
  .giftbalance form .inputwrap.no {
    width: calc(100% - 262px); }
  .giftbalance form .yellowbtn {
    font-size: 15px !important;
    outline: 0;
    margin: 21px 0 0; }

.giftcardresult {
  max-width: 1000px;
  width: 100%;
  margin: 100px auto;
  clear: both; }
  .giftcardresult .displaybal {
    text-align: center;
    background: #f4f4f4;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 340px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    float: left; }
    .giftcardresult .displaybal h1 {
      font-size: 25px;
      margin: 0 0 20px; }
    .giftcardresult .displaybal span {
      font-size: 25px;
      display: block; }
    .giftcardresult .displaybal > div {
      width: 50%;
      float: left;
      font-size: 15px; }
    .giftcardresult .displaybal .cardno span {
      color: #a3a3a3; }
    .giftcardresult .displaybal .bal span {
      color: #f70000; }
  .giftcardresult .results {
    float: left;
    width: calc(100% - 340px);
    padding: 0 0 0 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .giftcardresult .results h2 {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
      color: #a2a2a2;
      font-size: 19px; }
    .giftcardresult .results table {
      border-top: 1px solid #ebebeb; }
      .giftcardresult .results table tr td {
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #ebebeb;
        font-size: 13px; }
        .giftcardresult .results table tr td a {
          color: #008cd2;
          font-weight: bold;
          text-decoration: none; }
        .giftcardresult .results table tr td span.red {
          color: red;
          font-weight: bold; }

.buygifcards > div {
  width: 33.3%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px; }
  .buygifcards > div .add {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    float: left;
    width: 100%; }
    .buygifcards > div .add .yellowbtn {
      margin: 0 auto;
      font-size: 23px !important;
      width: 200px;
      float: none;
      display: block;
      clear: both; }
  .buygifcards > div .choose {
    text-align: center;
    border-bottom: 1px solid #000;
    float: left;
    width: 100%; }
    .buygifcards > div .choose h2 {
      font-size: 19px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      margin: 5px 0 15px; }
  .buygifcards > div .selectcard {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    float: left;
    width: 100%; }
    .buygifcards > div .selectcard a {
      float: left;
      width: 47%;
      margin: 0 1.5% 10px; }
      .buygifcards > div .selectcard a img {
        width: 100%;
        position: relative;
        z-index: -10; }
    .buygifcards > div .selectcard .overlay {
      visibility: hidden;
      top: 0;
      left: 0;
      width: auto !important;
      position: absolute; }
    .buygifcards > div .selectcard .selected {
      position: relative; }
      .buygifcards > div .selectcard .selected .overlay {
        z-index: 999;
        visibility: visible; }
  .buygifcards > div .value {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 40px;
    float: left;
    width: 100%; }
    .buygifcards > div .value form label {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      float: left;
      font-size: 17px;
      margin: 6px 0 0; }
    .buygifcards > div .value form span {
      float: right;
      color: #d6d6d6;
      font-size: 16px;
      margin: 10px 3px 0 0; }
    .buygifcards > div .value form input {
      float: right;
      width: calc(100% - 180px); }
  .buygifcards > div .cardwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 40px;
    float: left;
    width: 100%; }
    .buygifcards > div .cardwrap .card {
      width: 30%;
      margin: 0 1.5%;
      border: 3px solid #d6d6d6;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 25px;
      cursor: pointer;
      padding: 5px 0; }
    .buygifcards > div .cardwrap .card.selected {
      color: #fff;
      background: #000;
      border: 0;
      border: 3px solid #000; }

#popup.welcomepopup {
  background: url("/content/images/welcome.jpg") top right no-repeat;
  max-width: 777px;
  width: 100%;
  height: 342px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 10px solid #fff; }
  #popup.welcomepopup .text {
    max-width: 410px;
    width: 100%;
    float: right; }
    #popup.welcomepopup .text p {
      color: #fff;
      font-size: 17px; }
    #popup.welcomepopup .text label {
      color: #fff;
      margin: 0 10px 0 0;
      font-size: 15px; }
    #popup.welcomepopup .text button {
      clear: both;
      float: left;
      font-size: 17px !important;
      width: 90px; }
    #popup.welcomepopup .text input {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: 0;
      width: 100%;
      font-size: 15px; }
    #popup.welcomepopup .text .checkboxes {
      float: left;
      clear: both;
      margin: 15px 0; }
      #popup.welcomepopup .text .checkboxes input {
        margin: 0 5px;
        width: auto; }
  #popup.welcomepopup h1 {
    color: #ffd204;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 35px;
    margin: 0 0 20px; }
    #popup.welcomepopup h1 span {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;  }

.searchres {
  margin: 40px 0 0;
  float: left; }
  .searchres h1 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
    float: left;
    margin: 0 0 20px; }

.searcherror {
  margin: 0 0 40px;
  float: left;
  width: 100%; }
  .searcherror h2 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    color: #ffd204;
    font-size: 80px;
    float: left;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 81px; }
  .searcherror p {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    font-size: 24px;
    padding: 0 0 0 30px;
    float: left;
    text-transform: uppercase;
    width: 60%;
    width: calc(100% - 267px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.brandprods.search h2 {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
  font-size: 21px;
  width: 100%;
  margin: 0 0 20px;
  text-transform: uppercase; }

.dispatch {
  background: #ccc;
  height: 100%; }
  .dispatch .paging a {
    float: right;
    padding: 0 2px;
    color: #000;
    font-weight: bold;
    text-decoration: none; }
  .dispatch .paging .current {
    color: #ffd204; }
  .dispatch #content {
    margin-bottom: 40px; }
  .dispatch h1 {
    color: #ffd204;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  .dispatch h2 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  .dispatch h3 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
  .dispatch .btn {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    padding: 5px 27px 5px 11px; }
  .dispatch .grid, .dispatch table.grid tr td {
    font-family: "arial", "helvetica" !important;
    font-size: 12px !important;
    font-weight: normal; }
  .dispatch .order a {
    color: #008cd2;
    font-weight: bold;
    text-decoration: none; }
  .dispatch table.order td.right, .dispatch table.order td.subtotal {
    text-align: left; }
  .dispatch #scanitems .btn-scanitem {
    margin: 2px 0 0 10px;
    border: 0; }
  .dispatch .pickedlist {
    margin: 30px 0; }
  .dispatch select {
    background: #fff;
    padding: 10px;
    border: 1px solid #d6d6d6;
    cursor: pointer; }
  .dispatch .addresssuggestion li {
    list-style-type: none;
    color: #686868;
    cursor: pointer; }
  .dispatch #printlabels .order {
    margin: 30px 0; }
    .dispatch #printlabels .order input {
      padding: 5px;
      height: 30px; }
    .dispatch #printlabels .order .center input {
      width: 60px;
      margin: 0 3px 0 0; }
  .dispatch button.printlabels {
    margin: 20px 0; }

.brandsmob {
  margin: 0 auto;
  display: block;
  max-width: 324px;
  width: 100%; }
  .brandsmob img {
    width: 100%; }

.shopgender a {
  border-right: 1px solid #fff; }

.mainnav .subnav.brandsnav > div > div ul {
  width: 15%; }
.mainnav .subnav.brandsnav > div > div ul.brandspromo {
  width: 25%;
  max-width: 200px;
  float: right;
  padding: 0; }
  .mainnav .subnav.brandsnav > div > div ul.brandspromo li {
    float: left;
    width: 100%; }
    .mainnav .subnav.brandsnav > div > div ul.brandspromo li a {
      width: 100%;
      text-align: center;
      display: block;
      margin: 15px 0; }
      .mainnav .subnav.brandsnav > div > div ul.brandspromo li a img {
        max-width: 200px;
        width: 100%; }
    .mainnav .subnav.brandsnav > div > div ul.brandspromo li a.brands img {
      max-width: 100px; }

.alert-error {
  padding: 10px;
  color: #ff0000; }

.alert-success {
  padding: 10px; }

#popup.sharepopup {
  font-size: 13px;
  max-width: 625px; }
  #popup.sharepopup h1 {
    color: #ffd204;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 15px; }
  #popup.sharepopup h4 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    margin: 25px 0 15px;
    float: left; }
  #popup.sharepopup button {
    margin: 10px 0 20px;
    width: 120px;
    outline: 0;
    float: left; }
  #popup.sharepopup label, #popup.sharepopup input {
    width: 100%;
    float: left; }
  #popup.sharepopup label {
    margin: 0 0 5px; }
  #popup.sharepopup input {
    margin: 0 0 10px; }

#popup.storehourspopup {
  max-width: 625px; }
  #popup.storehourspopup > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #popup.storehourspopup .text {
    width: 50%;
    float: left;
    font-size: 13px;
    overflow: -moz-scrollbars-vertical; }
    #popup.storehourspopup .text .tableholder {
      max-height: 168px;
      overflow: -moz-scrollbars-vertical;
      overflow-y: scroll; }
    #popup.storehourspopup .text ::-webkit-scrollbar {
      -webkit-appearance: none; }
    #popup.storehourspopup .text ::-webkit-scrollbar:vertical {
      width: 12px; }
    #popup.storehourspopup .text ::-webkit-scrollbar:horizontal {
      height: 12px; }
    #popup.storehourspopup .text ::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      border: 2px solid #ffffff; }
    #popup.storehourspopup .text ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #ffffff; }
    #popup.storehourspopup .text h1 {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 25px;
      line-height: 26px; }
      #popup.storehourspopup .text h1 span {
        color: #8d8d8d;
        display: block; }
  #popup.storehourspopup .map {
    width: 50%;
    float: left;
    padding: 0 0 0 60px; }
    #popup.storehourspopup .map img {
      width: 100%; }

.contactwrap {
  max-width: 800px;
  margin: 0 auto; }
  .contactwrap .registerform {
    font-size: 13px; }
    .contactwrap .registerform .success {
      color: #9ccd48; }
    .contactwrap .registerform .error {
      float: left;
      margin: 0 0 20px;
      color: red;
      width: 100%; }
    .contactwrap .registerform label {
      width: 30%;
      float: left; }
    .contactwrap .registerform input {
      width: 70%;
      float: left;
      margin: 0 0 10px; }
    .contactwrap .registerform .checkbox input {
      width: 12px;
      margin: 0 8px 0 0; }
    .contactwrap .registerform button {
      float: right;
      outline: 0;
      margin: 20px 0 0; }

.navbrandlink img {
  max-height: 280px; }

.cartfaqs li {
  font-weight: bold; }
.cartfaqs .answer {
  font-size: 13px;
  margin: 5px 0;
  font-weight: normal; }

.faqsection {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  .faqsection h1 {
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0; }
  .faqsection * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .faqsection > div {
    float: left; }
  .faqsection .faqside {
    width: 205px;
    margin: 0 0 50px; }
    .faqsection .faqside ul {
      margin: 0;
      padding: 0; }
    .faqsection .faqside ul li {
      list-style-type: none;
      border-bottom: 1px solid #e4e4e4;
      width: 100%;
      padding: 10px 0;
      font-size: 15px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      float: left;
      clear: both; }
      .faqsection .faqside ul li a {
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        background: url("/content/images/greyarrow.gif") right center no-repeat;
        width: 100%;
        float: left; }
      .faqsection .faqside ul li a.active {
        color: #ffd204;
        background: url("/content/images/yellowright.gif") right center no-repeat; }
  .faqsection .faqmain {
    width: calc(100% - 205px);
    padding: 0 0 0 90px;
    margin: 0 0 40px; }
    .faqsection .faqmain section:first-child {
      border-top: 1px solid #e4e4e4; }
    .faqsection .faqmain section {
      float: left;
      width: 100%;
      border-bottom: 1px solid #e4e4e4;
      padding: 20px 0;
      font-size: 13px; }
      .faqsection .faqmain section .answer {
        display: none;
        margin: 20px 0 0; }
      .faqsection .faqmain section .title {
        margin: 0;
        font-weight: bold;
        cursor: pointer;
        font-size: 15px;
        background: url("/content/images/arrowdown.gif") center right no-repeat; }
      .faqsection .faqmain section .title.clicked {
        background: url("/content/images/uparrow.gif") center right no-repeat; }

.brandcustom .brandtiles .maintile {
  width: 100%; }
  .brandcustom .brandtiles .maintile img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 10px;
    width: 100%; }
.brandcustom .brandtiles .tile3 a {
  width: 33.33%;
  width: calc(33.33% - 7px);
  float: left; }
  .brandcustom .brandtiles .tile3 a img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.brandcustom .brandtiles .tile3 a:first-child {
  margin: 0 10px 0 0; }
.brandcustom .brandtiles .tile3 a:last-child {
  margin: 0 0 0 10px;
  float: right; }
.brandcustom .brandtext {
  margin: 20px 0 40px;
  float: left;
  width: 100%; }
  .brandcustom .brandtext h1 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 30px; }
  .brandcustom .brandtext p {
    font-size: 13px; }

/* IPAD SIGN UP STYLES */
.ipadsignup {
  float: left;
  width: 100%; }
  .ipadsignup .signup {
    max-width: 850px;
    margin: 0 auto; }
  .ipadsignup header {
    background: url("/content/images/headerbg.jpg") top left repeat-x;
    color: #fff;
    height: 131px; }
  .ipadsignup .iplogo {
    float: left;
    margin: 0 40px 0 0;
    position: relative;
    z-index: 99999; }
  .ipadsignup * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .ipadsignup .inner {
    padding: 0 20px; }
  .ipadsignup h1 {
    float: right;
    color: #ffd204;
    font-size: 30px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    margin: 40px 0 0; }
  .ipadsignup .mainimg {
    margin: 25px 0 60px;
    width: 100%; }
  .ipadsignup form {
    width: 470px;
    margin: 0 auto; }
    .ipadsignup form h2 {
      font-size: 50px;
      margin: 0 0 30px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      width: 100%; }
    .ipadsignup form input {
      width: 100%;
      float: left;
      margin: 0 0 15px;
      border: 2px solid #dadada;
      height: 45px; }
    .ipadsignup form label {
      width: 100%;
      float: left;
      font-size: 21px;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .ipadsignup form button {
      width: 160px;
      font-size: 21px !important;
      margin: 10px 0 0; }

.brandprods {
  float: left;
  width: 100%;
  width: calc(100% + 7px);
  margin-left: -7px;
  margin-right: -7px; }
  .brandprods .branprodwrap {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 7px;
    position: relative;
    width: 16%; }
    .brandprods .branprodwrap .image {
      position: relative; }
      .brandprods .branprodwrap .image img {
        max-width: 170px; }
      .brandprods .branprodwrap .image .offer {
        position: absolute;
        left: 0px;
        bottom: 0;
        background: #ffd204;
        padding: 5px 20px;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
        font-size: 21px;
        line-height: 22px;
        text-transform: uppercase; }
    .brandprods .branprodwrap .sale {
      position: absolute;
      left: 0;
      top: 0; }
    .brandprods .branprodwrap .flag {
      position: absolute;
      left: 10px;
      top: 0; }
    .brandprods .branprodwrap .text {
      margin: 15px 0 30px;
      font-size: 13px; }
      .brandprods .branprodwrap .text .red {
        color: #f71515; }
      .brandprods .branprodwrap .text .grey {
        color: #b7b7b7;
        font-size: 13px; }
      .brandprods .branprodwrap .text a {
        text-decoration: none;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        display: block; }
      .brandprods .branprodwrap .text .prodname {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 15px;
        text-transform: uppercase; }
      .brandprods .branprodwrap .text strong {
        font-size: 15px; }

.textpage .col2 {
  width: 50%;
  float: left;
  padding: 0 0 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .textpage .col2 p {
    margin: 0 0 10px; }
.textpage .col2.first {
  padding: 0 30px 0 0; }

.pages.top {
  margin-bottom: 30px; }

#wrapper .placeholder {
  margin-top: -10px; }

.defform {
  width: 70%;
  float: left;
  margin: 40px 0; }
  .defform * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .defform label, .defform input {
    width: 100%;
    font-size: 13px;
    float: left; }
  .defform label {
    margin: 0 0 3px; }
  .defform input {
    margin: 0 0 15px; }
  .defform h1 {
    font-size: 25px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 25px;
    float: left;
    width: 100%; }
  .defform h2 {
    font-size: 17px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px;
    float: left;
    width: 100%; }
  .defform .defselwrap {
    margin: 0 0 15px; }
  .defform .alert {
    padding: 15px;
    margin: 0;
    background: #fee67a;
    float: left;
    clear: both;
    margin: 15px 0;
    width: 100%;
    font-size: 13px; }
  .defform .alert.redbg {
    background: #ff9d9d; }
  .defform button {
    clear: both;
    float: right;
    width: 130px; }
  .defform textarea {
    width: 100%;
    border: 1px solid #d6d6d6;
    margin: 0 0 10px;
    padding: 10px;
    height: 150px; }

.error {
  color: red;
  margin: 0 0 20px;
  font-size: 13px; }

.largesize {
  width: 65px !important; }

.blogimg img {
  width: 100% !important;
  margin: 0 0 20px !important; }

.pageno {
  margin: 0 10px 0 0; }

.blocks .text {
  text-transform: uppercase; }
  .blocks .text .textinner {
    float: left;
    width: 100%;
    text-align: center; }
  .blocks .text span {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    display: block; }
  .blocks .text h1 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 40px;
    width: 100%;
    line-height: 40px;
    margin: 10px 0 25px; }
  .blocks .text a {
    border-bottom: 2px solid #000;
    text-decoration: none;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
    color: #000;
    margin: 15px 0 0; }
.blocks .row .one {
  width: 100%;
  float: left; }
  .blocks .row .one a, .blocks .row .one img {
    width: 100%; }
  .blocks .row .one img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px; }
.blocks .row .three {
  width: 100%;
  float: left; }
  .blocks .row .three a {
    width: 33.3334%;
    float: left; }
    .blocks .row .three a img {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 2px; }
.blocks .row .text {
  text-align: center;
  padding: 20px 0;
  width: 100%; }
.blocks div {
  float: left; }
.blocks .row2, .blocks .row1, .blocks .row3 {
  float: left;
  width: 100%;
  margin-bottom: 25px; }
.blocks .secondright {
  width: 44%;
  float: right; }
  .blocks .secondright img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px; }
  .blocks .secondright .toptext {
    height: 50%;
    width: 100%;
    float: left;
    margin: 0 0 4px;
    overflow: hidden; }
    .blocks .secondright .toptext h1 {
      margin: -5px 0 15px; }
    .blocks .secondright .toptext .image {
      float: right; }
    .blocks .secondright .toptext .text {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      width: 100%;
      top: 50%; }
  .blocks .secondright div.lower {
    width: 100%;
    float: left;
    height: calc(50% - 3px);
    overflow: hidden; }
    .blocks .secondright div.lower a {
      float: left;
      width: 33.33334%; }
    .blocks .secondright div.lower img {
      height: 100%; }
.blocks .firstright {
  width: 44%;
  float: right; }
  .blocks .firstright img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px; }
  .blocks .firstright .bigimage {
    height: 100%;
    width: 66.66666%; }
    .blocks .firstright .bigimage img {
      height: 100%; }
  .blocks .firstright .stackedsmall {
    width: 33.33334%;
    float: left;
    height: calc(100% - 4px); }
    .blocks .firstright .stackedsmall img {
      height: 50%; }
.blocks .firstleft, .blocks .secondleft {
  width: 56%;
  float: left; }
  .blocks .firstleft img, .blocks .secondleft img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px; }
  .blocks .firstleft > div, .blocks .secondleft > div {
    width: 50%;
    float: left;
    position: relative;
    line-height: 0; }
    .blocks .firstleft > div .insidewrap, .blocks .secondleft > div .insidewrap {
      position: absolute;
      height: 100%;
      top: 0;
      line-height: 0; }
      .blocks .firstleft > div .insidewrap > div, .blocks .secondleft > div .insidewrap > div {
        height: 50%;
        float: left;
        line-height: 0; }
      .blocks .firstleft > div .insidewrap .text, .blocks .secondleft > div .insidewrap .text {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
        top: calc(50% - 50px) !important; }
      .blocks .firstleft > div .insidewrap .images img, .blocks .secondleft > div .insidewrap .images img {
        float: left;
        width: 50%;
        height: 100%; }

.newtitle {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
  font-size: 30px;
  text-transform: uppercase;
  float: left;
  margin: 40px 0 30px;
  width: 100%; }

.newin #banner {
  padding: 0 2px;
  margin: 0 0 20px;
  overflow: hidden; }

.textrow {
  float: left;
  width: 100%;
  margin: 0 0 25px; }
  .textrow > div {
    width: 33.33334%;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px; }
    .textrow > div .textinner {
      background: #f4f4f4;
      padding: 40px 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-transform: uppercase; }
      .textrow > div .textinner span {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 20px;
        display: block; }
      .textrow > div .textinner h1 {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 40px;
        width: 100%;
        line-height: 40px;
        margin: 5px 0 15px; }
      .textrow > div .textinner a {
        border-bottom: 2px solid #000;
        text-decoration: none;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
        color: #000;
        margin: 15px 0 0; }

.blocks .text span.shopnow, span.shopnow {
  border-bottom: 2px solid #000;
  text-decoration: none;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif !important;
  color: #000;
  margin: 15px 0px 0px;
  font-size: 16px !important;
  display: inline !important; }

.blocks .firstleft > div .insidewrap .images {
  position: relative;
  z-index: 999999; }

.gender > div {
  width: 50%;
  float: left;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  .gender > div label {
    font-size: 18px; }
  .gender > div input {
    display: inline;
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    padding: 0; }

/*/ ====== Breakpoints ====== /*/
@media (min-width: 1200px) {
  .quickviewbtnwrap {
    display: none; }

  .catlistwrap .catlist .catprodwrap .image:hover .quickviewbtnwrap {
    display: block; } }
@media (max-width: 1160px) {
  .brandprods.search {
    min-height: 405px; }

  .searcherror p {
    clear: both;
    padding: 0;
    width: 100%; }

  .brandprods {
    height: 354px;
    overflow: hidden;
    float: left; }
    .brandprods .branprodwrap {
      width: 20%; } }
@media (max-width: 1060px) {
  .defform {
    width: 100%; }

  .textpage .col2 {
    width: 100%;
    float: left;
    padding: 0; }

  .buygifcards > div {
    width: 100%;
    max-width: 430px;
    clear: both;
    float: none;
    margin: 0 auto; }

  .careersdetailwrap .careerside {
    padding: 0 0 20px;
    border-bottom: 1px solid #ebebeb; }
  .careersdetailwrap .careerside, .careersdetailwrap .careerinfo {
    width: 100%;
    float: left; }
    .careersdetailwrap .careerside h1, .careersdetailwrap .careerside h2, .careersdetailwrap .careerinfo h1, .careersdetailwrap .careerinfo h2 {
      margin: 0 0 10px; }
  .careersdetailwrap .careermain {
    width: calc(100% - 300px);
    padding: 0 35px 0 0;
    margin-top: 0; }
  .careersdetailwrap .careerupload {
    margin-top: 0; }

  .careerswrap .careerside, .careerswrap .careermain {
    width: 100%;
    clear: both;
    padding: 0; }
  .careerswrap .careerside {
    margin-bottom: 0; }

  .blogwrap .sideblog {
    width: 200px; }
    .blogwrap .sideblog .fb-like-box {
      width: 200px;
      overflow: hidden; }
    .blogwrap .sideblog .instapics a {
      margin-bottom: 5px;
      display: block; }
  .blogwrap .mainblog {
    width: calc(100% - 200px);
    padding: 0 35px 0 0; }

/*  #masterslider2 .ms-slide, #masterslider2 .ms-view.ms-basic-view {
    height: 540px !important; }*/

  .promobar div.promotextwrap > div {
    font-size: 14px; }

/*  .ms-slide, .ms-view.ms-basic-view {
    height: 320px !important; }*/

  .nav-toggler {
    display: block;
    float: left; }

  .mainnav {
    display: none; }

  .mainsearchwrap {
    width: 60%;
    max-width: 1000px; }
    .mainsearchwrap .searchbtn {
      background: #494546;
      color: #fff;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .mainsearchwrap input[type="text"] {
      width: calc(100% - 90px) !important; }

  .topnavwrap a {
    font-size: 15px; } }
@media (min-width: 1281px) {
  .catprodwrap {
    width: 25%; }

  .mobTab870 {
    display: none; } }
@media (max-width: 1281px) {
  .catprodwrap {
    width: 33%; } }
@media (max-width: 1050px) {
  .catprodwrap .image img {
    width: 100% !important; } }
@media (max-width: 1280px) {
  .inner, .mainnav .subnav > div {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .storelocwrap .storewrap .nearbystore section > div {
    width: 100%; }

  .storelocwrap .storewrap .nearbystore section > div:first-child {
    margin: 0 0 15px; } }
@media (min-width: 871px) and (max-width: 1280px) {
  .catinner {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mobTab870 {
    display: none; } }
@media (min-width: 1060px) and (max-width: 1200px) {
  .quickviewbtnwrap {
    display: none; }

  .catlistwrap .catlist .catprodwrap .image:hover .quickviewbtnwrap {
    display: block; } }
@media (max-width: 1150px) {
  .mainprodwrap .prodinfo .selsize, .mainprodwrap .prodinfo .addtocart {
    width: 100%; }

  .accdash .dashmain .dash > div {
    width: 100%;
    clear: both;
    margin: 0 0 20px; } }
@media (max-width: 980px) {
  .brandprods .branprodwrap {
    width: 25%; }

  .promotextwrap > div:last-child {
    display: none; }
  .promotextwrap > div:nth-child(2) {
    border-right: 0 !important; }

  .allbrands .brandwrap .brandrow {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .allbrands .brandwrap .singlebrand {
    float: left;
    width: 33.333%;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 20px;
    margin: 0 0 20px; }

  .promobar div.promotextwrap > div {
    padding: 0 3%; }

  .formwsidebar {
    padding: 0; }

  .brandpg .brandheader .shopgender a {
    width: 150px;
    font-size: 17px !important; } }
@media (max-width: 870px) {
  .giftcardresult {
    max-width: 1000px;
    width: 100%;
    margin: 100px auto;
    clear: both; }
    .giftcardresult .displaybal {
      width: 100%; }
    .giftcardresult .results {
      width: 100%;
      padding: 0;
      margin: 50px 0 0; }
      .giftcardresult .results table tr td {
        font-size: 15px; }

  .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div {
    width: 30%; }
  .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div:first-child {
    width: 40%; }
  .accdash .dashmain .dash.detail {
    width: 100%;
    max-width: intial; }
    .accdash .dashmain .dash.detail form input, .accdash .dashmain .dash.detail form label {
      width: 100%;
      clear: both; }
    .accdash .dashmain .dash.detail form label {
      margin: 0 0 5px; }
    .accdash .dashmain .dash.detail form .sel {
      width: 100%; }
      .accdash .dashmain .dash.detail form .sel label, .accdash .dashmain .dash.detail form .sel .defselwrap {
        width: 100%;
        clear: both; }
    .accdash .dashmain .dash.detail form .checkbox {
      margin: 20px 0; }
    .accdash .dashmain .dash.detail form .checkbox, .accdash .dashmain .dash.detail form .yellowbtn {
      margin-left: 0; }

  .brandpg .brandbanner .bannertext {
    width: 60%;
    height: 240px; }

  .formwsidebar {
    width: 100%; }

  .cartwrap {
    width: 100%; }

  .mightlikeside {
    width: 100%;
    clear: both;
    padding: 0; }
    .mightlikeside .faq {
      display: none; }
    .mightlikeside div {
      margin: 0 10px 0 0; }

  .catsidebar, .catlistwrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .catsidebar {
    display: none;
    background: #fff;
    padding: 30px;
    margin: 0 0 30px; }

  .catsidebar.open {
    background: #f2f2f2; }

  .filterholder {
    width: 25.5%;
    float: left;
    padding: 0 8.5% 0 0; }

  .catsidebar > div:last-child {
    padding: 0;
    width: 32%; }

  .dtOnly870 {
    display: none; }

  .catsidebar ul li input[type="checkbox"] + label, .catsidebar .swatches li input[type="checkbox"] + label {
    background: url(/content/images/mobcheckboxes.png) no-repeat left center; }

  .catsidebar ul li input.checked + label, .catsidebar .swatches li input.checked + label {
    background: url(/content/images/mobcheckboxes2.png) no-repeat left center !important; }

  .storewrap .storefinder {
    display: none; }

  .mapwrap .storefinder {
    display: block !important; }

  .storelocwrap .pagehead .yellowbtn {
    float: right; }

  .brandpg .brandheader .shopgender {
    float: right; }
    .brandpg .brandheader .shopgender a {
      width: 200px;
      font-size: 20px !important; }

  .refine {
    margin-top: -45px; }

  .mainprodwrap .mainimg .mightlike {
    width: 100%;
    margin: 50px 0 0; }

  .mainprodwrap .prodinfo {
    width: 55%; }
  .mainprodwrap .mainimg {
    width: 45%; }
    .mainprodwrap .mainimg .imgthumbs {
      margin: 12px 0 0;
      float: left;
      width: 104%; }
      .mainprodwrap .mainimg .imgthumbs img {
        float: left;
        clear: none;
        margin: 0 4% 12px 0;
        width: 21%; }
    .mainprodwrap .mainimg .imagewrap {
      width: 100%; }

  .tabfilters .selwrap {
    clear: none; }

  .tabfilters .refine {
    clear: both; }

  .cart:hover .opencart {
    display: none !important; }

  footer * {
    /* -webkit-backface-visibility: hidden; */
  }
  footer > div > div {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6; }
    footer > div > div ul {
      display: none; }
      footer > div > div ul li a {
        font-size: 17px;
        margin-bottom: 5px;
        display: block; }
    footer > div > div h3 {
      margin: 0;
      cursor: pointer; }
  footer > div .useful h3, footer > div .aboutnb h3 {
    background: url(/content/images/mobmenuopen.png) center right no-repeat; }
  footer > div .useful h3.open, footer > div .aboutnb h3.open {
    background: url(/content/images/mobmenuclose.png) center right no-repeat; }
  footer > div .social {
    display: none; }
  footer > div .mobtabsocial {
    float: left;
    width: 100%;
    display: block;
    margin: 20px 0; }
    footer > div .mobtabsocial div {
      float: left;
      margin: 0 10px 0 0; }
  footer > div .vip {
    border: 0; }
    footer > div .vip .vipsign {
      max-width: 1000px;
      margin: 10px 0 0;
      width: 100%;
      border: 1px solid #d6d6d6; }
      footer > div .vip .vipsign input[type="text"] {
        width: 80%;
        width: calc(100% - 101px); }
      footer > div .vip .vipsign .searchbtn {
        background: #494546;
        color: #fff;
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 101px; } }
@media (max-width: 780px) {
  .accdash .dashmain .dash.orderhistory .orders {
    font-size: 15px; }
    .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow {
      position: relative; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo > div {
        float: left; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .total {
        position: absolute;
        bottom: 10px;
        right: 0; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .price, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .remove, .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .total {
        padding-top: 0; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .orderrow .orderinfo .desc {
        width: 50%; }
    .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div {
      width: 100% !important; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div .dtmob {
        display: none !important; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div .tab {
        display: block; }
      .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div table {
        margin: 0 0 15px; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div table td {
          font-size: 15px; }
        .accdash .dashmain .dash.orderhistory .orders .orderdetail .personstuff > div table td:nth-child(odd) {
          width: 50%; } }
@media (max-width: 750px) {
  .storelocwrap .showstorelist {
    width: 100%;
    padding: 0; }

  .storelocwrap .showstorelist .region {
    padding: 0 20px;
    width: 100%; }

  .blocks .row {
    float: left;
    width: 100%;
    margin-bottom: 0; }

  .textrow > div {
    width: 100%;
    margin-bottom: 4px; }

  .blocks .text h1 {
    margin: 5px 0 15px; }

  .tabfilters .refine {
    margin-top: 5px !important; }

  .brandprods .branprodwrap {
    width: 33.333%; }

  .brandcustom .brandtiles .maintile {
    width: calc(100% + 60px);
    margin: 0 0 0 -30px; }
  .brandcustom .brandtiles .tile3 a {
    width: 100%;
    margin: 0 0 10px !important; }
  .brandcustom .brandtiles .tile3 a:last-child {
    display: none; }
  .brandcustom .brandtext h1 {
    margin: 0; }
  .brandcustom .brandtext p {
    font-size: 15px;
    display: none; }

  .faqsection .faqside {
    width: 100%; }
  .faqsection .faqmain {
    width: 100%;
    margin: 20px 0 0;
    padding: 0; }
  .faqsection .defselwrap {
    background-color: #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0; }

  .contactwrap .registerform {
    font-size: 15px; }
    .contactwrap .registerform label {
      width: 100%;
      float: left;
      margin: 0 0 5px; }
    .contactwrap .registerform input {
      width: 100%;
      margin: 0 0 10px; }

  #popup.storehourspopup > div {
    width: 100% !important;
    padding: 0 !important; }
  #popup.storehourspopup .map {
    max-width: 260px;
    margin: 0 auto;
    clear: both;
    float: none; }
  #popup.storehourspopup .text {
    margin: 0 0 20px; }

  .storewrap {
    margin: 0 0 20px 0; }

  .storelocwrap .hours {
    margin: 0 0 20px; }

  .searchagain {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 15px 0 0;
    border-top: 1px solid #d6d6d6;
    padding: 15px 0 0;
    clear: both;
    float: left;
    width: 100%;
    text-transform: uppercase; }
    .searchagain a {
      color: #000;
      text-decoration: none; }

  .catlistwrap h1, .tabfilters h1, .brandheader h1 {
    text-align: center;
    width: 100% !important;
    padding: 0 !important; }
    .catlistwrap h1 a, .tabfilters h1 a, .brandheader h1 a {
      text-align: center;
      width: 100% !important;
      padding: 0 !important; }

  .buygifcards > div {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .buygifcards > div > div {
      padding-left: 0 !important;
      padding-right: 0 !important; }

  .giftcardresult .displaybal {
    padding: 40px 30px; }

  .giftbalance form .inputwrap, .giftbalance form .inputwrap.no {
    clear: both;
    float: left;
    margin: 0; }
    .giftbalance form .inputwrap input, .giftbalance form .inputwrap.no input {
      margin: 0 0 15px; }
  .giftbalance form .inputwrap.no {
    width: 100%; }
  .giftbalance form .yellowbtn {
    clear: both;
    float: left; }

  #popup.cipopup {
    padding: 40px 30px; }

  .cartwrap .yourcart .totalrow .totals {
    width: 50%; }

  .accdash .dashside {
    width: 100%;
    padding: 0; }
    .accdash .dashside .defselwrap select {
      font-size: 15px; }
  .accdash .dashmain {
    width: 100%;
    border-left: 0;
    padding: 0; }
    .accdash .dashmain .dash.order .orders {
      font-size: 15px; }
    .accdash .dashmain .dash.detail {
      width: 100%;
      max-width: intial; }
      .accdash .dashmain .dash.detail form {
        font-size: 15px !important; }
    .accdash .dashmain .dash.full > div {
      width: 100%;
      clear: both;
      margin: 0 0 40px;
      font-size: 15px !important; }

  .slidebuttons a {
    font-size: 18px;
    width: 40%; }

  .allbrands .brandwrap .brandrow {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .allbrands .brandwrap .singlebrand {
    float: left;
    width: 50%;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 20px;
    margin: 0 0 20px; }

  #popup.addedtocart .addinfo {
    float: left;
    width: 100%; }
    #popup.addedtocart .addinfo .text h1 {
      margin: 0 0 10px; }
    #popup.addedtocart .addinfo .text h2 {
      margin: 0 0 10px; }
    #popup.addedtocart .addinfo .buttons {
      clear: both;
      width: 100%;
      margin: 20px 0 10px;
      float: left; }
  #popup.addedtocart .mightlike {
    display: none; }

  .careersdetailwrap .careerside {
    padding: 0 0 20px;
    border-bottom: 1px solid #ebebeb; }
  .careersdetailwrap .careerside, .careersdetailwrap .careerinfo {
    width: 100%;
    float: left; }
    .careersdetailwrap .careerside h1, .careersdetailwrap .careerside h2, .careersdetailwrap .careerinfo h1, .careersdetailwrap .careerinfo h2 {
      margin: 0 0 10px; }
  .careersdetailwrap .careermain {
    width: 100%;
    padding: 0 35px 0 0;
    margin-top: 0; }
  .careersdetailwrap .careerupload {
    margin-top: 0;
    width: 100%; }

  .careerswrap .careerside p {
    font-size: 15px; }

  .careerswrap .careermain {
    border-top: 1px solid #dadada; }
    .careerswrap .careermain .titlerow {
      display: none; }
    .careerswrap .careermain .careerrow {
      padding-top: 15px; }
      .careerswrap .careermain .careerrow > div {
        width: 100% !important;
        font-size: 15px !important;
        padding: 0 0 20px; }
        .careerswrap .careermain .careerrow > div p {
          font-size: 15px !important; }
      .careerswrap .careermain .careerrow .desc {
        padding: 0; }
      .careerswrap .careermain .careerrow .apply .yellowbtn {
        width: 100px; }

  .blogwrap .sideblog {
    display: none; }
  .blogwrap .mainblog {
    width: 100%;
    padding: 0; }

  .col3 > div a, .col2 > div a {
    margin: 0; }

  .homepagemainbanner {
    overflow: hidden;
    width: 100%;
    height: 320px;
    text-align: center;
    margin: 0 -30px;
    width: calc(100% + 60px);
    /*.slidebuttons {
    	width:calc(100% + 60px);
    }*/ }
    .homepagemainbanner img {
      height: 480px;
      width: auto !important;
      display: block; }

  #banner {
    display: none; }

  .contactwrap .contactlist {
    width: 50%;
    margin: 0 0 20px;
    font-size: 15px; }

  .storelocwrap.step1 .mapwrap {
    display: none; }
  .storelocwrap.step1 .storewrap .nearbystore section > div {
    width: 50%; }
    .storelocwrap.step1 .storewrap .nearbystore section > div .nextpage {
      display: block; }
  .storelocwrap.step1 .storewrap .nearbystore section > div:nth-child(2) {
    text-align: right; }
    .storelocwrap.step1 .storewrap .nearbystore section > div:nth-child(2) table, .storelocwrap.step1 .storewrap .nearbystore section > div:nth-child(2) .hours {
      display: none; }
    .storelocwrap.step1 .storewrap .nearbystore section > div:nth-child(2) a {
      display: block;
      padding: 20px 0 20px 20px; }

  .storelocwrap.step2 .pagehead h1 {
    padding: 0; }
  .storelocwrap.step2 .storewrap .nearbystore section {
    border: 0;
    padding: 0;
    margin: 0 0 30px; }
    .storelocwrap.step2 .storewrap .nearbystore section .hours {
      margin: 0 0 20px; }
    .storelocwrap.step2 .storewrap .nearbystore section > div .heading {
      font-size: 19px;
      text-transform: uppercase;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: #000;
      margin: 0 0 20px;
      font-weight: normal; }

  .storelocwrap .storewrap .nearbystore section > div {
    font-size: 15px; }
  .storelocwrap .pagehead .yellowbtn {
    width: 100%;
    margin: 0 0 20px; }
  .storelocwrap .pagehead h1 {
    width: 100%; }

  .storewrap .storefinder {
    display: block; }

  .mapwrap .storefinder {
    display: none !important; }

  .storelocwrap .storewrap {
    width: 100%; }
  .storelocwrap .mapwrap {
    width: 100%;
    margin: 0;
    padding: 0; }

  .quickviewpop .textwrap {
    width: 100%;
    float: left;
    padding: 0; }
  .quickviewpop .imagewrap {
    width: 100%;
    float: left; }
    .quickviewpop .imagewrap .thumbs {
      display: none; }
    .quickviewpop .imagewrap .mainimg {
      width: 100%;
      float: left; }
      .quickviewpop .imagewrap .mainimg img {
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 200px; }

  .brandpg .brandheader .shopgender {
    float: right;
    clear: both;
    width: 100%;
    margin: 20px 0 0; }
    .brandpg .brandheader .shopgender a {
      width: 50%;
      font-size: 20px !important; }

  .brandpg .brandheader {
    margin-bottom: 10px; }

  .sucessorder {
    width: 100%;
    margin: 0 0 20px; }

  .confcartwrap .confcart .totalrow .totals {
    width: 100%; }

  .sharefb {
    clear: both;
    padding: 0;
    margin: 0 auto 20px;
    width: 185px;
    float: none; }

  .confcartwrap .orderinfo > div {
    width: 80%;
    margin: 0 0 20px; }

  .confcartwrap .orderinfo > div table tr td {
    width: 50%; }

  .confcartwrap .confcart .cartrow .cartinfo {
    float: left;
    width: calc(100% - 100px);
    padding: 0; }
    .confcartwrap .confcart .cartrow .cartinfo .price {
      width: 50%;
      text-align: right; }
    .confcartwrap .confcart .cartrow .cartinfo .desc {
      width: 50%; }
    .confcartwrap .confcart .cartrow .cartinfo .quantity {
      width: 50%;
      clear: both;
      padding: 30px 0 0; }
    .confcartwrap .confcart .cartrow .cartinfo .total {
      width: 50%;
      padding: 20px 0 0; }

  .formwsidebar .learn {
    margin-top: 40px; }
  .formwsidebar .twoinput > div {
    width: 50%;
    float: left; }
    .formwsidebar .twoinput > div label, .formwsidebar .twoinput > div input {
      width: 100%; }
  .formwsidebar .twoinput > div:nth-child(2) {
    padding: 0 0 0 7px; }
    .formwsidebar .twoinput > div:nth-child(2) label {
      margin-left: 0; }
  .formwsidebar .twoinput > div:nth-child(1) {
    padding: 0 7px 0 0; }

  .paymentwrap .cards {
    clear: both;
    float: left;
    margin: 0 0 20px; }
  .paymentwrap .cctotal {
    margin: 20px 0 20px; }
  .paymentwrap .giftcard .giftcardinput .usegc label.gcn, .paymentwrap .giftcard .giftcardinput .usegc label.pin {
    width: 100%; }
  .paymentwrap .giftcard .giftcardinput .usegc .pin {
    padding: 0; }
  .paymentwrap .giftcard .giftcardinput .usegc .pininput {
    width: 60%;
    width: calc(100% - 100px); }
  .paymentwrap .giftcard .giftcardinput .usegc .gcninput {
    width: 100%; }
  .paymentwrap .giftcard .giftcardinput .usegc .blackbtn {
    float: right;
    padding: 10px 25px;
    margin: 5px 0 0; }

  .formwsidebar {
    font-size: 15px; }
    .formwsidebar input {
      width: 100%;
      margin: 5px 0 0; }
    .formwsidebar p {
      float: left;
      width: 100%; }

  .homelogos {
    width: 100%; }
    .homelogos > div {
      width: 30%;
      margin: 0 3% 20px 0; }

  .checkoutoptions {
    margin-left: 0;
    width: 100%; }
    .checkoutoptions > div {
      width: 100%;
      padding: 0 20px 40px; }

  .checkoutTemplate .logo {
    margin: 0 0 0 20px; }

  .tabfilters .selwrap {
    width: 120px; }

  .mightlikeside .mightlikeimages div:nth-child(odd), .mightlikeside .mightlikeimages div {
    margin: 0; }
  .mightlikeside .mightlikeimages .image {
    width: 33%;
    max-width: 104px; }
    .mightlikeside .mightlikeimages .image img {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px 0 0; }

  .tab {
    display: none; }

  .cartwrap .yourcart {
    margin: 0; }
    .cartwrap .yourcart .cartrow {
      font-size: 15px; }
      .cartwrap .yourcart .cartrow .cartinfo .quantity {
        clear: both; }
      .cartwrap .yourcart .cartrow .cartinfo .desc, .cartwrap .yourcart .cartrow .cartinfo .price {
        width: 50%;
        padding-top: 0; }
      .cartwrap .yourcart .cartrow .cartinfo .price {
        text-align: right; }
      .cartwrap .yourcart .cartrow .cartinfo .quantity, .cartwrap .yourcart .cartrow .cartinfo .remove, .cartwrap .yourcart .cartrow .cartinfo .total {
        width: 33%; }
      .cartwrap .yourcart .cartrow .cartinfo .remove {
        text-align: center; }
      .cartwrap .yourcart .cartrow .cartinfo .total {
        float: right; }
    .cartwrap .yourcart .promowrap .promocode input {
      clear: both;
      margin-top: 10px; }
    .cartwrap .yourcart .promowrap .promocode button {
      margin-top: 10px; }

  .mainprodwrap .prodinfo .selsize .sizewrap {
    width: 100%; }

  .delivery, .details, .returns {
    display: block !important; }

  .mainprodwrap .prodtabs > div {
    display: block; }
  .mainprodwrap .prodtabs .title.open {
    border-bottom: 3px solid #ffd204;
    color: #000;
    background: url("/content/images/mobclose.gif") center right no-repeat; }
  .mainprodwrap .prodtabs .title {
    margin: 10px 0 0;
    display: block;
    border-bottom: 3px solid #d6d6d6;
    color: #d6d6d6;
    width: 100%;
    float: left;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: normal;
    font-size: 17px;
    padding: 5px 0;
    cursor: pointer;
    background: url("/content/images/mobexp.gif") center right no-repeat; }
  .mainprodwrap .prodtabs .infowrap {
    display: none;
    float: left;
    width: 100%;
    padding: 20px 0; }
    .mainprodwrap .prodtabs .infowrap p {
      margin: 0 0 15px; }
  .mainprodwrap .mightlike {
    float: left;
    width: 104%;
    clear: both;
    margin: 50px 0 30px; }
    .mainprodwrap .mightlike h4 {
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 21px;
      width: 100%;
      margin: 0 0 20px; }
    .mainprodwrap .mightlike a {
      width: 29%;
      float: left;
      margin: 0 4% 0 0;
      text-decoration: none; }
      .mainprodwrap .mightlike a img {
        width: 100%; }
      .mainprodwrap .mightlike a span {
        text-align: center;
        display: block;
        width: 100%;
        margin: 5px 0;
        color: #000;
        font-size: 13px; }
  .mainprodwrap .reviews .title {
    font-size: 19px; }

  .prodinfo .mobimg {
    float: left;
    width: 100%;
    margin: 20px 0; }
    .prodinfo .mobimg img {
      display: block;
      margin: 0 auto; }
  .prodinfo .checkinstore {
    float: left;
    width: 100%;
    margin: 0 0 20px; }

  .mainprodwrap .mainimg {
    display: none; }

  .mainprodwrap .prodinfo {
    width: 100%;
    padding-top: 20px; }

  .tabfilters {
    margin: 20px 0 0; }

  .refine {
    margin-top: -45px; }

  .filterholder {
    width: 45%;
    float: left;
    padding: 0 0 0 10%; }

  .catsidebar div:first-child {
    padding: 0; }

  .catsidebar div:last-child {
    padding: 0;
    width: 100%; }

  .col2, .col3 {
    margin: 0; }
    .col2 > div, .col3 > div {
      width: 100%;
      margin: 5px 0 0; }

  .mainsearchwrap {
    width: 100%;
    max-width: 1000px;
    clear: both; }

  .logo {
    float: none;
    margin: 0 auto;
    width: 131px;
    position: absolute;
    left: 0;
    right: 0; }

  .nav-toggler {
    float: left;
    margin: 40px 0 40px 15px; }

  .cart.mobOnly {
    float: right;
    margin: 40px 15px 40px 0; }

  .mobsearchbg {
    background: #f4f4f4;
    float: left;
    clear: both;
    padding: 20px 20px 10px;
    width: 100%;
    margin: -15px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mobsearchbg .mainsearchwrap {
      border: 1px solid #d6d6d6; }
      .mobsearchbg .mainsearchwrap input {
        font-size: 17px; }
      .mobsearchbg .mainsearchwrap input[type="text"] {
        width: calc(100% - 86px); } }
@media (max-width: 550px) {
  .brandprods .branprodwrap {
    width: 50%; }

  #popup.welcomepopup {
    background-size: auto 100%;
    height: auto; }

  .cartwrap .yourcart .totalrow .totals {
    width: 100%; }

  .catprodwrap {
    width: 50%; }

  .contactwrap .contactlist {
    width: 100%;
    margin: 0 0 20px; }

  #popup.addedtocart .addinfo .image {
    width: 100%;
    text-align: center;
    margin: 0 0 10px; }
    #popup.addedtocart .addinfo .image img {
      width: 100%;
      max-width: 190px;
      display: block;
      margin: 0 auto; }
  #popup.addedtocart .addinfo .text {
    width: 100%;
    padding: 0; }
    #popup.addedtocart .addinfo .text .price {
      margin: 0; }
  #popup.addedtocart .addinfo .buttons {
    clear: both;
    width: 100%;
    margin: 20px 0 10px;
    float: left; }
    #popup.addedtocart .addinfo .buttons a {
      width: 100%;
      clear: both;
      margin: 0 0 10px; } }
@media (max-width: 420px) {
  .storelocwrap .showstorelist .region {
    width: 100%; }

  .postcode a {
    margin: 0 0 10px !important;
    clear: both; }

  .catprodwrap .image img {
    width: 100%;
    height: auto; }

  .cartwrap .yourcart .buttonrow a {
    width: 45% !important; }

  .cartwrap .yourcart .buttonrow a.sharebtn {
    margin: 0 5% 0 0; }

  .cartwrap .yourcart .buttonrow a.checkoutbtn {
    margin: 0 0 0 5%; } }
@media (min-width: 750px) and (max-width: 870px) {
  .tab {
    display: none; }

  .dtmob {
    display: block !important; } }
@media (max-width: 1060px) and (min-width: 751px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 1060px) and (min-width: 801px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 800px) and (min-width: 751px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 750px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 340px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }

@media (max-width: 750px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }
@media (max-width: 340px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }

@media (min-width: 1200px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 1200px) and (min-width: 1060px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 1200px) and (min-width: 751px) {
  .tabOnly {
    display: none !important; } }
@media (min-width: 1060px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 1100px) and (min-width: 751px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 750px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 340px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }

@media (min-width: 1060px) {
  .tabMob {
    display: none !important; } }

@media (min-width: 1200px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 1200px) and (min-width: 1060px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 1200px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
@media (min-width: 1060px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 1100px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 1060px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 1060px) and (min-width: 801px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 800px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
@media (min-width: 751px) {
  .mobOnly {
    display: none !important; } }

.hidden {
  display: none !important; }

.floatLeft {
  float: left !important; }

.floatRight {
  float: right !important; }

html {
  font-family: 'mobile'; }

* html {
  /* IE6 */
  font-family: "desktop"; }

* + html {
  /* IE7 */
  font-family: "desktop"; }

@media \0screen {
  html {
    /* IE8 */
    font-family: "desktop"; } }
/* Reset your font families here.
 ----------------------------------- */
body {
  font-family: Arial, Helvetica, sans-serif; }

/* Queries for supported browsers.
 ----------------------------------- */
@media screen and (max-width: 751px) {
  html {
    font-family: "skinny"; } }
@media screen and (min-width: 751px) {
  html {
    font-family: "desktop"; } }
@media screen and (min-width: 751px) and (max-width: 870px) {
  html {
    font-family: "tablet"; } }