.btn.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  text-decoration: none;
}
.btn-default.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #cdcdcd;
  border-color: #c7c7c7;
}
.btn-default.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-default[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-default.pdp-browse .view-type-switcher .icon:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-primary.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #00633e;
  border-color: #005938;
}
.btn-primary.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-primary[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-primary.pdp-browse .view-type-switcher .icon:focus {
  background-color: #00965e;
  border-color: #00965e;
}
.btn-success.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #95a300;
  border-color: #757f00;
}
.btn-success.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-success[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-success.pdp-browse .view-type-switcher .icon:focus {
  background-color: #c4d600;
  border-color: #adbd00;
}
.btn-info.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #8db8c6;
  border-color: #75a9ba;
}
.btn-info.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-info[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-info.pdp-browse .view-type-switcher .icon:focus {
  background-color: #afcdd7;
  border-color: #9ec2cf;
}
.btn-warning.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #ebe26f;
  border-color: #e6dc50;
}
.btn-warning.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-warning[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-warning.pdp-browse .view-type-switcher .icon:focus {
  background-color: #f1eb9c;
  border-color: #eee686;
}
.btn-danger.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #d21020;
  border-color: #b00e1b;
}
.btn-danger.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-danger[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-danger.pdp-browse .view-type-switcher .icon:focus {
  background-color: #ee2737;
  border-color: #e91224;
}
.btn-link.pdp-browse .view-type-switcher .icon:focus {
  border-color: transparent;
}
.btn-link.pdp-browse .view-type-switcher .icon:focus {
  color: #00965e;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-link.pdp-browse .view-type-switcher .icon:focus {
  color: #e6e6e6;
  text-decoration: none;
}
.btn-default.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #cdcdcd;
  border-color: #c7c7c7;
}
.btn-default.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-default[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-default.pdp-browse .view-type-switcher .icon:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-default.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-default.pdp-browse .view-type-switcher .icon:focus .mooicon-hidetext:before {
  color: #333639;
}
.btn-default.pdp-browse .view-type-switcher .icon:focus {
  box-shadow: 0px -2px 0px 0px #bbbcbc inset;
}
.btn-primary.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #00633e;
  border-color: #005938;
}
.btn-primary.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-primary[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-primary.pdp-browse .view-type-switcher .icon:focus {
  background-color: #00965e;
  border-color: #00965e;
}
.btn-primary.pdp-browse .view-type-switcher .icon:focus {
  color: #fff;
  background-color: #00965e;
  border-color: #00965e;
}
.btn-primary.pdp-browse .view-type-switcher .icon:focus .mooicon-hidetext:before {
  color: #fff;
}
.btn-primary.pdp-browse .view-type-switcher .icon:focus {
  box-shadow: 0px -2px 0px 0px #00633e inset;
}
.btn-alt.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-alt.disabled.pdp-browse .view-type-switcher .icon:focus,
.btn-alt[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .btn-alt.pdp-browse .view-type-switcher .icon:focus {
  background-color: #fff;
  border-color: #fff;
}
.btn-alt.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #fff;
  border-color: #fff;
}
.btn-alt.pdp-browse .view-type-switcher .icon:focus .mooicon-hidetext:before {
  color: #333639;
}
.btn-alt.pdp-browse .view-type-switcher .icon:focus {
  box-shadow: 0px -2px 0px 0px #bbbcbc inset;
}
a.text-primary.pdp-browse .view-type-switcher .icon:focus {
  color: #00633e;
}
a.text-success.pdp-browse .view-type-switcher .icon:focus {
  color: #95a300;
}
a.text-info.pdp-browse .view-type-switcher .icon:focus {
  color: #8db8c6;
}
a.text-warning.pdp-browse .view-type-switcher .icon:focus {
  color: #ebe26f;
}
a.text-danger.pdp-browse .view-type-switcher .icon:focus {
  color: #d21020;
}
a.bg-primary.pdp-browse .view-type-switcher .icon:focus {
  background-color: #00633e;
}
a.bg-success.pdp-browse .view-type-switcher .icon:focus {
  background-color: #95a300;
}
a.bg-info.pdp-browse .view-type-switcher .icon:focus {
  background-color: #8db8c6;
}
a.bg-warning.pdp-browse .view-type-switcher .icon:focus {
  background-color: #ebe26f;
}
a.bg-danger.pdp-browse .view-type-switcher .icon:focus {
  background-color: #d21020;
}
.link-unstyled.pdp-browse .view-type-switcher .icon:focus {
  text-decoration: none;
  color: inherit;
}
.pdp-browse .header-search-container .search-icon:before,
.pdp-browse .header-search-container .clear-search:before,
.pdp-browse .page-switcher .prev-page .icon:before,
.pdp-browse .page-switcher .next-page .icon:before,
.pdp-browse .toggle-favourite .icon:before,
.pdp-grid-overlay .toggle-favourite .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite .icon:before,
.pdp-browse .toggle-favourite:hover .icon:before,
.pdp-grid-overlay .toggle-favourite:hover .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite:hover .icon:before,
.pdp-browse .toggle-favourite:focus .icon:before,
.pdp-grid-overlay .toggle-favourite:focus .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite:focus .icon:before,
.pdp-browse .toggle-favourite.selected .icon:before,
.pdp-grid-overlay .toggle-favourite.selected .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite.selected .icon:before,
.pdp-browse .remove-favourite:before,
.pdp-grid-overlay .remove-favourite:before,
.pdp-large-format-grid-overlay .remove-favourite:before,
.pdp-browse-overlay.large-format .modal-dialog .close-cross:before,
.pdp-large-format-grid-overlay .navigate-controls .navigate-left:before,
.pdp-large-format-grid-overlay .navigate-controls .navigate-right:before,
.pdp-browse .toggle-favourite.btn:focus .icon:before,
.pdp-grid-overlay .toggle-favourite.btn:focus .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite.btn:focus .icon:before,
.pdp-browse .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before,
.pdp-grid-overlay .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before {
  font-family: "mooicon";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  opacity: 1;
}
.modal-dialog {
  position: relative;
  width: 600px;
  margin: 10px auto;
}
.modal-heading {
  margin-top: 0;
}
.modal-content {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.curvy-borders .modal-dialog {
  margin: 80px auto 20px;
}
.curvy-borders .modal-dialog .modal-content {
  border: 2px solid #bbbcbc;
  border-radius: 2px;
  padding: 18px;
  -o-box-shadow: 5px 5px 5px #888;
  -icab-box-shadow: 5px 5px 5px #888;
  -khtml-box-shadow: 5px 5px 5px #888;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
}
.curvy-borders .modal-dialog .close-cross {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
  height: 37px;
  width: 39px;
  z-index: 1041;
  background: transparent url('ui/modal/close_cross_green.png') no-repeat top left;
}
/**
    Contents
    --------

    0. JavaScript display triggers
    1. Outline
    2. View type switcher
    3. Filters
    4. Search
    5. Pagers
    6. Browse results
    7. Favourites
    8. Misc
    9. Overlays
    10. Static PDP browse
    11. Uploader PDP browse

*/
/************************************************
 * 0. JavaScript display triggers
 ************************************************/
.jsOff .dynamic-pdp-browse {
  display: none;
}
.jsOff .static-pdp-browse {
  display: block;
}
.jsOn .dynamic-pdp-browse {
  display: block;
}
.jsOn .static-pdp-browse {
  display: none;
}
/************************************************
 * 1. Outline
 ************************************************/
.pdp-browse {
  box-sizing: content-box;
  overflow: hidden;
  min-height: 550px;
  margin-bottom: 40px;
  /************************************************
     * 2. View type switcher
     ************************************************/
  /************************************************
     * 3. Filters
     ************************************************/
  /************************************************
     * 4. Search
     ************************************************/
  /************************************************
     * 5. Pagers
     ************************************************/
  /************************************************
     * 6. Browse results
     ************************************************/
  /************************************************
     * 6A. Browse results - Grid view
     ************************************************/
  /************************************************
     * 6B. Browse results - List view
     ************************************************/
}
.pdp-browse .grid-container {
  margin: 0 auto;
}
.pdp-browse .pdp-browse-loading {
  text-align: center;
  padding: 100px 0 0 0;
}
.pdp-browse .updating-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
  padding-top: 150px;
  background: #F5F5F5;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.pdp-browse .pdp-browse-container,
.pdp-browse .pdp-favourites-container {
  float: left;
  clear: both;
}
.pdp-browse .pdp-browse-container .loading-pane,
.pdp-browse .pdp-favourites-container .loading-pane {
  padding: 100px 0 0 0;
  width: 960px;
  text-align: center;
}
.pdp-browse .pdp-browse-container .results-area {
  position: relative;
}
.pdp-browse .pdp-favourites-container .content {
  position: relative;
}
.pdp-browse .pdp-favourites-container .updating-overlay {
  top: -10px;
}
.pdp-browse .header-row {
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.pdp-browse .header-row .heading {
  float: left;
  width: 600px;
}
.pdp-browse .header-row .header-search-container {
  float: right;
  margin-top: 13px;
}
.pdp-browse .textomatic-container {
  float: left;
  width: 220px;
}
.pdp-browse .quadplex .toggle-favourite .icon:before {
  color: #fff;
}
.pdp-browse .quadplexRounded .toggle-favourite .icon:before {
  color: #fff;
}
.pdp-browse .letterpress .toggle-favourite .icon:before {
  color: #fff;
}
.pdp-browse .before-main {
  margin-bottom: 20px;
}
.pdp-browse .view-type-switcher {
  min-height: 25px;
  padding-left: 10px;
}
.pdp-browse .view-type-switcher ul {
  list-style-type: none;
}
.pdp-browse .view-type-switcher li {
  float: left;
  margin-right: 10px;
}
.pdp-browse .view-type-switcher li.labelled:first-child {
  padding-right: 10px;
  border-right: 1px solid #e6e6e6;
}
.pdp-browse .view-type-switcher a {
  display: block;
  height: 25px;
  line-height: 25px;
}
.pdp-browse .view-type-switcher .icon {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 8px;
  padding-right: 16px;
  padding: 8px 16px;
  font-size: 17px;
  font-family: "Bryant MOO Pro", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
  font-weight: normal;
  position: relative;
  border: none;
  color: #333639;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  font-size: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.38461538;
  border-radius: 2px;
  width: 39.53846154px;
  height: 39.53846154px;
  width: 28px;
  height: 28px;
  padding: 0;
  line-height: 1;
}
.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon:active:focus,
.pdp-browse .view-type-switcher .icon.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  text-decoration: none;
}
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pdp-browse .view-type-switcher .icon.disabled,
.pdp-browse .view-type-switcher .icon[disabled],
fieldset[disabled] .pdp-browse .view-type-switcher .icon {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pdp-browse .view-type-switcher .icon [class*='mooicon-'] {
  padding-left: 8px;
}
.pdp-browse .view-type-switcher .icon.btn-link [class*='mooicon-'] {
  padding-right: 8px;
}
.pdp-browse .view-type-switcher .icon.btn-square {
  width: 39.53846154px;
  height: 39.53846154px;
  padding: 0;
  line-height: 1;
}
.pdp-browse .view-type-switcher .icon.btn-square [class*='mooicon-'] {
  padding: 0;
}
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon:active:focus {
  outline: 0;
}
.pdp-browse .view-type-switcher .icon [class*='mooicon-']:before {
  margin-top: -1px;
}
.pdp-browse .view-type-switcher .icon.disabled,
.pdp-browse .view-type-switcher .icon[disabled],
fieldset[disabled] .pdp-browse .view-type-switcher .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active,
.open > .dropdown-toggle.pdp-browse .view-type-switcher .icon,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #cdcdcd;
  border-color: #c7c7c7;
}
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active,
.open > .dropdown-toggle.pdp-browse .view-type-switcher .icon {
  background-image: none;
}
.pdp-browse .view-type-switcher .icon.disabled,
.pdp-browse .view-type-switcher .icon[disabled],
fieldset[disabled] .pdp-browse .view-type-switcher .icon,
.pdp-browse .view-type-switcher .icon.disabled:hover,
.pdp-browse .view-type-switcher .icon[disabled]:hover,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon.disabled:focus,
.pdp-browse .view-type-switcher .icon[disabled]:focus,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon.disabled:active,
.pdp-browse .view-type-switcher .icon[disabled]:active,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.disabled.active,
.pdp-browse .view-type-switcher .icon[disabled].active,
fieldset[disabled] .pdp-browse .view-type-switcher .icon.active,
.pdp-browse .view-type-switcher .icon.disabled.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.pdp-browse .view-type-switcher .icon .badge {
  color: #e6e6e6;
  background-color: #333639;
}
.pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active,
.open > .dropdown-toggle.pdp-browse .view-type-switcher .icon,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #cdcdcd;
  border-color: #c7c7c7;
}
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active,
.open > .dropdown-toggle.pdp-browse .view-type-switcher .icon {
  background-image: none;
}
.pdp-browse .view-type-switcher .icon.disabled,
.pdp-browse .view-type-switcher .icon[disabled],
fieldset[disabled] .pdp-browse .view-type-switcher .icon,
.pdp-browse .view-type-switcher .icon.disabled:hover,
.pdp-browse .view-type-switcher .icon[disabled]:hover,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon.disabled:focus,
.pdp-browse .view-type-switcher .icon[disabled]:focus,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon.disabled:active,
.pdp-browse .view-type-switcher .icon[disabled]:active,
fieldset[disabled] .pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.disabled.active,
.pdp-browse .view-type-switcher .icon[disabled].active,
fieldset[disabled] .pdp-browse .view-type-switcher .icon.active,
.pdp-browse .view-type-switcher .icon.disabled.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .view-type-switcher .icon[disabled].pdp-browse .view-type-switcher .icon:focus,
fieldset[disabled] .pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.pdp-browse .view-type-switcher .icon .badge {
  color: #e6e6e6;
  background-color: #333639;
}
.pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon:focus,
.open .dropdown-toggle.pdp-browse .view-type-switcher .icon,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  color: #333639;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.pdp-browse .view-type-switcher .icon:hover .mooicon-hidetext:before,
.pdp-browse .view-type-switcher .icon:focus .mooicon-hidetext:before,
.open .dropdown-toggle.pdp-browse .view-type-switcher .icon .mooicon-hidetext:before,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus .mooicon-hidetext:before {
  color: #333639;
}
a.pdp-browse .view-type-switcher .icon {
  text-decoration: none;
}
.pdp-browse .view-type-switcher .icon:hover,
.pdp-browse .view-type-switcher .icon.pdp-browse .view-type-switcher .icon:focus {
  box-shadow: 0px -2px 0px 0px #bbbcbc inset;
}
.pdp-browse .view-type-switcher .icon:active,
.pdp-browse .view-type-switcher .icon.active {
  box-shadow: none;
  color: #333639;
  background-color: #f1f1f1;
}
.pdp-browse .view-type-switcher .icon:active:focus,
.pdp-browse .view-type-switcher .icon.active:focus {
  background-color: #f1f1f1;
}
.pdp-browse .view-type-switcher .icon [class*='mooicon-'] {
  padding-left: 5px;
}
.pdp-browse .view-type-switcher .icon.btn-link [class*='mooicon-'] {
  padding-right: 5px;
}
.pdp-browse .view-type-switcher .icon.btn-square {
  width: 28px;
  height: 28px;
  padding: 0;
  line-height: 1;
}
.pdp-browse .view-type-switcher .icon.btn-square [class*='mooicon-'] {
  padding: 0;
}
.pdp-browse .view-type-switcher .icon [class*='mooicon-'] {
  padding: 0;
}
.pdp-browse .view-type-switcher .icon [class*='mooicon-'] {
  padding: 0;
}
.pdp-browse .view-type-switcher .icon:before {
  font-family: "mooicon";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 31px;
  color: #4b4f54;
}
.pdp-browse .view-type-switcher .text {
  vertical-align: middle;
  line-height: 25px;
}
.pdp-browse .view-type-switcher a .grid:before {
  content: "\f121";
}
.pdp-browse .view-type-switcher a .list:before {
  content: "\f12c";
}
.pdp-browse .view-type-switcher a .favourites:before {
  content: "\f123";
}
.pdp-browse .view-type-switcher a:hover,
.pdp-browse .view-type-switcher a:focus,
.pdp-browse .view-type-switcher a:active,
.pdp-browse .view-type-switcher a.pdp-browse .view-type-switcher .icon:focus {
  text-decoration: none;
}
.pdp-browse .view-type-switcher .selected a .icon:before {
  color: #00965e;
}
.pdp-browse .selectors-container {
  margin: 0px -5px;
}
.pdp-browse .selectors-container .panel {
  line-height: 1.5em;
  min-height: 10em;
  cursor: pointer;
}
.pdp-browse .selectors-container .panel .size-label {
  min-height: 3.5em;
}
.pdp-browse .selectors-container .col-1,
.pdp-browse .selectors-container .col-2,
.pdp-browse .selectors-container .col-3,
.pdp-browse .selectors-container .col-4,
.pdp-browse .selectors-container .col-5,
.pdp-browse .selectors-container .col-6,
.pdp-browse .selectors-container .col-6,
.pdp-browse .selectors-container .col-8,
.pdp-browse .selectors-container .col-9,
.pdp-browse .selectors-container .col-10,
.pdp-browse .selectors-container .col-11,
.pdp-browse .selectors-container .col-12 {
  box-sizing: border-box;
}
.pdp-browse .selectors-container .popover {
  display: block;
  position: fixed;
}
.pdp-browse .filter-container {
  margin: 0 0 20px 0;
  padding: 0;
  background: #FBFBFB;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  min-height: 778px;
}
.pdp-browse .filter-view {
  position: relative;
  margin: 0;
  padding: 0;
}
.pdp-browse .filter-view .clear-all-container {
  overflow: hidden;
  height: 19px;
  padding: 5px 14px 6px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.pdp-browse .filter-view .filter {
  overflow: hidden;
  margin: 10px 0;
  padding: 0 14px 6px 14px;
  border-bottom: 1px solid #e6e6e6;
}
.pdp-browse .filter-view .filter:first-child {
  margin-top: 5px;
}
.pdp-browse .filter-view .filter:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.pdp-browse .filter-view .filter h3 {
  margin: 0 0 8px 0;
  font-size: 13.2px;
  line-height: 19px;
}
.pdp-browse .filter-view .filter label {
  margin: 0 0 0 0;
  color: #444;
  vertical-align: top;
  max-width: 150px;
  line-height: 18px;
}
.pdp-browse .filter-view .filter label.disabled {
  color: #BBB;
}
.pdp-browse .filter-view .filter .fancy-checkbox-small {
  top: 1px;
}
.pdp-browse .filter-view .filter .see-all {
  float: right;
}
.pdp-browse .filter-view .filter .clear-filter,
.pdp-browse .filter-view .filter .see-all {
  font-size: 12px;
  margin-bottom: 4px;
}
.pdp-browse .filter-view .filter ul.items li {
  margin: 0 0 5px 5px;
}
.pdp-browse .filter-view .filter ul.items li input[type='checkbox'] {
  margin: 0 3px 4px 0;
  vertical-align: bottom;
}
.pdp-browse .filter-view .clear-all,
.pdp-browse .filter-view .clear-filter {
  float: right;
  line-height: 19px;
}
.pdp-browse .filter-view .clear-all:hover,
.pdp-browse .filter-view .clear-filter:hover,
.pdp-browse .filter-view .clear-all:focus,
.pdp-browse .filter-view .clear-filter:focus,
.pdp-browse .filter-view .clear-all:active,
.pdp-browse .filter-view .clear-filter:active,
.pdp-browse .filter-view .clear-all.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .filter-view .clear-filter.pdp-browse .view-type-switcher .icon:focus {
  text-decoration: none;
}
.pdp-browse .filter-view .clear-all:hover .text,
.pdp-browse .filter-view .clear-filter:hover .text,
.pdp-browse .filter-view .clear-all:focus .text,
.pdp-browse .filter-view .clear-filter:focus .text,
.pdp-browse .filter-view .clear-all:active .text,
.pdp-browse .filter-view .clear-filter:active .text,
.pdp-browse .filter-view .clear-all.pdp-browse .view-type-switcher .icon:focus .text,
.pdp-browse .filter-view .clear-filter.pdp-browse .view-type-switcher .icon:focus .text {
  text-decoration: underline;
}
.pdp-browse .filter-view .clear-all .cross:before,
.pdp-browse .filter-view .clear-filter .cross:before {
  content: "\2715";
}
.pdp-browse .icon-filter ul {
  overflow: hidden;
  margin-bottom: -5px;
}
.pdp-browse .icon-filter .icon.small {
  width: 25px;
  height: 25px;
}
.pdp-browse .icon-filter .icon.large {
  width: 40px;
  height: 50px;
}
.pdp-browse .icon-filter .icon {
  float: left;
  margin: 0 5px 5px 0;
  background-image: url('img/pdp_browse_green_sprite.png');
  text-indent: -4000px;
}
.pdp-browse .colour-filter ul {
  padding-left: 5px;
}
.pdp-browse .colour-filter a.icon.large {
  background-position: 0 -194px;
}
.pdp-browse .colour-filter a.icon.large.selected {
  background-position: 0 -244px;
}
.pdp-browse .colour-filter a.icon.large.disabled {
  background-position: 0 -294px;
}
.pdp-browse .colour-filter a.icon.small {
  background-position: 0 -85px;
}
.pdp-browse .colour-filter a.icon.small.selected {
  background-position: 0 -110px;
}
.pdp-browse .colour-filter a.icon.small.disabled {
  background-position: 0 -135px;
}
.pdp-browse .colour-filter a.icon.small.colour_Multi {
  background-position: 0px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Multi:focus,
.pdp-browse .colour-filter a.icon.small.colour_Multi:hover,
.pdp-browse .colour-filter a.icon.small.colour_Multi.pdp-browse .view-type-switcher .icon:focus {
  background-position: 0px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Multi.selected {
  background-position: 0px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Multi.disabled {
  background-position: 0px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Multi {
  background-position: 0px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Multi:focus,
.pdp-browse .colour-filter a.icon.large.colour_Multi:hover,
.pdp-browse .colour-filter a.icon.large.colour_Multi.pdp-browse .view-type-switcher .icon:focus {
  background-position: 0px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Multi.selected {
  background-position: 0px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Multi.disabled {
  background-position: 0px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Black {
  background-position: -25px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Black:focus,
.pdp-browse .colour-filter a.icon.small.colour_Black:hover,
.pdp-browse .colour-filter a.icon.small.colour_Black.pdp-browse .view-type-switcher .icon:focus {
  background-position: -25px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Black.selected {
  background-position: -25px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Black.disabled {
  background-position: -25px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Black {
  background-position: -25px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Black:focus,
.pdp-browse .colour-filter a.icon.large.colour_Black:hover,
.pdp-browse .colour-filter a.icon.large.colour_Black.pdp-browse .view-type-switcher .icon:focus {
  background-position: -25px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Black.selected {
  background-position: -25px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Black.disabled {
  background-position: -25px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_White {
  background-position: -50px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_White:focus,
.pdp-browse .colour-filter a.icon.small.colour_White:hover,
.pdp-browse .colour-filter a.icon.small.colour_White.pdp-browse .view-type-switcher .icon:focus {
  background-position: -50px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_White.selected {
  background-position: -50px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_White.disabled {
  background-position: -50px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_White {
  background-position: -50px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_White:focus,
.pdp-browse .colour-filter a.icon.large.colour_White:hover,
.pdp-browse .colour-filter a.icon.large.colour_White.pdp-browse .view-type-switcher .icon:focus {
  background-position: -50px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_White.selected {
  background-position: -50px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_White.disabled {
  background-position: -50px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Reds {
  background-position: -75px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Reds:focus,
.pdp-browse .colour-filter a.icon.small.colour_Reds:hover,
.pdp-browse .colour-filter a.icon.small.colour_Reds.pdp-browse .view-type-switcher .icon:focus {
  background-position: -75px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Reds.selected {
  background-position: -75px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Reds.disabled {
  background-position: -75px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Reds {
  background-position: -75px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Reds:focus,
.pdp-browse .colour-filter a.icon.large.colour_Reds:hover,
.pdp-browse .colour-filter a.icon.large.colour_Reds.pdp-browse .view-type-switcher .icon:focus {
  background-position: -75px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Reds.selected {
  background-position: -75px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Reds.disabled {
  background-position: -75px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Blues {
  background-position: -100px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Blues:focus,
.pdp-browse .colour-filter a.icon.small.colour_Blues:hover,
.pdp-browse .colour-filter a.icon.small.colour_Blues.pdp-browse .view-type-switcher .icon:focus {
  background-position: -100px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Blues.selected {
  background-position: -100px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Blues.disabled {
  background-position: -100px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Blues {
  background-position: -100px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Blues:focus,
.pdp-browse .colour-filter a.icon.large.colour_Blues:hover,
.pdp-browse .colour-filter a.icon.large.colour_Blues.pdp-browse .view-type-switcher .icon:focus {
  background-position: -100px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Blues.selected {
  background-position: -100px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Blues.disabled {
  background-position: -100px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greens {
  background-position: -125px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greens:focus,
.pdp-browse .colour-filter a.icon.small.colour_Greens:hover,
.pdp-browse .colour-filter a.icon.small.colour_Greens.pdp-browse .view-type-switcher .icon:focus {
  background-position: -125px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greens.selected {
  background-position: -125px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greens.disabled {
  background-position: -125px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greens {
  background-position: -125px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greens:focus,
.pdp-browse .colour-filter a.icon.large.colour_Greens:hover,
.pdp-browse .colour-filter a.icon.large.colour_Greens.pdp-browse .view-type-switcher .icon:focus {
  background-position: -125px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greens.selected {
  background-position: -125px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greens.disabled {
  background-position: -125px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greys {
  background-position: -150px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greys:focus,
.pdp-browse .colour-filter a.icon.small.colour_Greys:hover,
.pdp-browse .colour-filter a.icon.small.colour_Greys.pdp-browse .view-type-switcher .icon:focus {
  background-position: -150px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greys.selected {
  background-position: -150px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Greys.disabled {
  background-position: -150px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greys {
  background-position: -150px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greys:focus,
.pdp-browse .colour-filter a.icon.large.colour_Greys:hover,
.pdp-browse .colour-filter a.icon.large.colour_Greys.pdp-browse .view-type-switcher .icon:focus {
  background-position: -150px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greys.selected {
  background-position: -150px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Greys.disabled {
  background-position: -150px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Yellows {
  background-position: -175px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Yellows:focus,
.pdp-browse .colour-filter a.icon.small.colour_Yellows:hover,
.pdp-browse .colour-filter a.icon.small.colour_Yellows.pdp-browse .view-type-switcher .icon:focus {
  background-position: -175px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Yellows.selected {
  background-position: -175px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Yellows.disabled {
  background-position: -175px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Yellows {
  background-position: -175px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Yellows:focus,
.pdp-browse .colour-filter a.icon.large.colour_Yellows:hover,
.pdp-browse .colour-filter a.icon.large.colour_Yellows.pdp-browse .view-type-switcher .icon:focus {
  background-position: -175px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Yellows.selected {
  background-position: -175px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Yellows.disabled {
  background-position: -175px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Browns {
  background-position: -200px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Browns:focus,
.pdp-browse .colour-filter a.icon.small.colour_Browns:hover,
.pdp-browse .colour-filter a.icon.small.colour_Browns.pdp-browse .view-type-switcher .icon:focus {
  background-position: -200px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Browns.selected {
  background-position: -200px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Browns.disabled {
  background-position: -200px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Browns {
  background-position: -200px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Browns:focus,
.pdp-browse .colour-filter a.icon.large.colour_Browns:hover,
.pdp-browse .colour-filter a.icon.large.colour_Browns.pdp-browse .view-type-switcher .icon:focus {
  background-position: -200px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Browns.selected {
  background-position: -200px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Browns.disabled {
  background-position: -200px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Pinks {
  background-position: -225px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Pinks:focus,
.pdp-browse .colour-filter a.icon.small.colour_Pinks:hover,
.pdp-browse .colour-filter a.icon.small.colour_Pinks.pdp-browse .view-type-switcher .icon:focus {
  background-position: -225px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Pinks.selected {
  background-position: -225px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Pinks.disabled {
  background-position: -225px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Pinks {
  background-position: -225px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Pinks:focus,
.pdp-browse .colour-filter a.icon.large.colour_Pinks:hover,
.pdp-browse .colour-filter a.icon.large.colour_Pinks.pdp-browse .view-type-switcher .icon:focus {
  background-position: -225px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Pinks.selected {
  background-position: -225px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Pinks.disabled {
  background-position: -225px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Cream {
  background-position: -250px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Cream:focus,
.pdp-browse .colour-filter a.icon.small.colour_Cream:hover,
.pdp-browse .colour-filter a.icon.small.colour_Cream.pdp-browse .view-type-switcher .icon:focus {
  background-position: -250px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Cream.selected {
  background-position: -250px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Cream.disabled {
  background-position: -250px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Cream {
  background-position: -250px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Cream:focus,
.pdp-browse .colour-filter a.icon.large.colour_Cream:hover,
.pdp-browse .colour-filter a.icon.large.colour_Cream.pdp-browse .view-type-switcher .icon:focus {
  background-position: -250px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Cream.selected {
  background-position: -250px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Cream.disabled {
  background-position: -250px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_Purples {
  background-position: -275px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_Purples:focus,
.pdp-browse .colour-filter a.icon.small.colour_Purples:hover,
.pdp-browse .colour-filter a.icon.small.colour_Purples.pdp-browse .view-type-switcher .icon:focus {
  background-position: -275px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Purples.selected {
  background-position: -275px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_Purples.disabled {
  background-position: -275px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_Purples {
  background-position: -275px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_Purples:focus,
.pdp-browse .colour-filter a.icon.large.colour_Purples:hover,
.pdp-browse .colour-filter a.icon.large.colour_Purples.pdp-browse .view-type-switcher .icon:focus {
  background-position: -275px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Purples.selected {
  background-position: -275px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_Purples.disabled {
  background-position: -275px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink {
  background-position: 0px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink:focus,
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink:hover,
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: 0px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink.selected {
  background-position: 0px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_1_Arctic_Blue_Ink.disabled {
  background-position: 0px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink {
  background-position: 0px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink:focus,
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink:hover,
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: 0px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink.selected {
  background-position: 0px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_1_Arctic_Blue_Ink.disabled {
  background-position: 0px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink {
  background-position: -40px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink:focus,
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink:hover,
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: -40px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink.selected {
  background-position: -40px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_2_Graphite_Ink.disabled {
  background-position: -40px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink {
  background-position: -40px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink:focus,
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink:hover,
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: -40px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink.selected {
  background-position: -40px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_2_Graphite_Ink.disabled {
  background-position: -40px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink {
  background-position: -80px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink:focus,
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink:hover,
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: -80px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink.selected {
  background-position: -80px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_3_Neon_Coral_Ink.disabled {
  background-position: -80px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink {
  background-position: -80px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink:focus,
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink:hover,
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink.pdp-browse .view-type-switcher .icon:focus {
  background-position: -80px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink.selected {
  background-position: -80px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_3_Neon_Coral_Ink.disabled {
  background-position: -80px -294px;
}
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss {
  background-position: -120px -85px;
}
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss:focus,
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss:hover,
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss.pdp-browse .view-type-switcher .icon:focus {
  background-position: -120px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss.selected {
  background-position: -120px -110px;
}
.pdp-browse .colour-filter a.icon.small.colour_4_Blind_Deboss.disabled {
  background-position: -120px -135px;
}
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss {
  background-position: -120px -194px;
}
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss:focus,
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss:hover,
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss.pdp-browse .view-type-switcher .icon:focus {
  background-position: -120px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss.selected {
  background-position: -120px -244px;
}
.pdp-browse .colour-filter a.icon.large.colour_4_Blind_Deboss.disabled {
  background-position: -120px -294px;
}
.pdp-browse .filter.boolean-filter .fancy-control-group {
  margin: 4px 0 5px 5px;
}
.pdp-browse .radio-filter li {
  margin: 0 15px 8px 0;
}
.pdp-browse .radio-filter li .fancy-control {
  margin-left: 3px;
  margin-right: 6px;
}
.pdp-browse .radio-filter li label {
  font-size: 12px;
}
.pdp-browse .header-search-container .inner {
  position: relative;
  overflow: hidden;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.pdp-browse .header-search-container form {
  float: left;
  margin: 0 36px 0 0;
  padding: 0;
}
.pdp-browse .header-search-container .search-icon,
.pdp-browse .header-search-container .clear-search {
  float: left;
  display: block;
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin: 0 12px;
}
.pdp-browse .header-search-container .search-icon {
  margin-top: 6px;
}
.pdp-browse .header-search-container .search-icon:before {
  color: #4b4f54;
  vertical-align: middle;
  content: "\f13f";
}
.pdp-browse .header-search-container .clear-search {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  border-radius: 50%;
  background: #4b4f54;
  text-align: center;
}
.pdp-browse .header-search-container .clear-search:before {
  color: #fff;
  content: "\f114";
  vertical-align: super;
}
.pdp-browse .header-search-container .clear-search:after {
  content: '';
  padding: 5px 5px 10px 15px;
  background: #ffffff;
  position: absolute;
  right: 20px;
}
.pdp-browse .header-search-container input {
  float: left;
  display: block;
  width: 150px;
  margin: 0;
  padding: 8px 0 8px 0;
  border: none;
  background: none;
}
.pdp-browse .top-pager-container,
.pdp-browse .bottom-pager-container {
  height: 21px;
  margin-top: 4px;
}
.pdp-browse .top-pager-container {
  margin-bottom: 20px;
  margin-top: -41px;
}
.pdp-browse .page-summary {
  float: left;
}
.pdp-browse .page-summary .show-all,
.pdp-browse .page-summary .show-pages {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #ccc;
}
.pdp-browse .page-switcher {
  float: right;
}
.pdp-browse .page-switcher .prev-page,
.pdp-browse .page-switcher .ellipsis,
.pdp-browse .page-switcher a,
.pdp-browse .page-switcher .selected,
.pdp-browse .page-switcher .next-page {
  margin: 0;
  padding: 1px 12px;
}
.pdp-browse .page-switcher .next-page .icon,
.pdp-browse .page-switcher .prev-page .icon {
  display: inline-block;
  width: 6px;
  height: 10px;
}
.pdp-browse .page-switcher a.next-page:hover,
.pdp-browse .page-switcher a.prev-page:hover,
.pdp-browse .page-switcher a.next-page:focus,
.pdp-browse .page-switcher a.prev-page:focus,
.pdp-browse .page-switcher a.next-pageactive,
.pdp-browse .page-switcher a.prev-pageactive,
.pdp-browse .page-switcher a.next-page.pdp-browse .view-type-switcher .icon:focus,
.pdp-browse .page-switcher a.prev-page.pdp-browse .view-type-switcher .icon:focus {
  text-decoration: none;
}
.pdp-browse .page-switcher a.next-page:hover .text,
.pdp-browse .page-switcher a.prev-page:hover .text,
.pdp-browse .page-switcher a.next-page:focus .text,
.pdp-browse .page-switcher a.prev-page:focus .text,
.pdp-browse .page-switcher a.next-pageactive .text,
.pdp-browse .page-switcher a.prev-pageactive .text,
.pdp-browse .page-switcher a.next-page.pdp-browse .view-type-switcher .icon:focus .text,
.pdp-browse .page-switcher a.prev-page.pdp-browse .view-type-switcher .icon:focus .text {
  text-decoration: underline;
}
.pdp-browse .page-switcher .prev-page {
  padding-left: 12px;
  border-right: 1px solid #ccc;
}
.pdp-browse .page-switcher .prev-page .icon {
  margin-right: 1px;
}
.pdp-browse .page-switcher .prev-page .icon:before {
  content: "\f10a";
  left: 0;
}
.pdp-browse .page-switcher .prev-page.disabled {
  color: #ccc;
}
.pdp-browse .page-switcher .next-page {
  padding-right: 12px;
  border-left: 1px solid #ccc;
}
.pdp-browse .page-switcher .next-page .icon {
  margin-left: 1px;
}
.pdp-browse .page-switcher .next-page .icon:before {
  content: "\f10d";
  right: 0;
}
.pdp-browse .page-switcher .next-page.disabled {
  color: #ccc;
}
.pdp-browse .results-container {
  position: relative;
  min-height: 299px;
}
.pdp-browse .results-container .no-results {
  width: 420px;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 15px;
  margin-bottom: 18px;
  border-width: 1px;
  background-color: #f1eb9c;
  border-color: #ffc600;
  color: #333639;
}
.pdp-browse .results-container .no-results h4 {
  margin-top: 0;
  color: inherit;
}
.pdp-browse .results-container .no-results .alert-link {
  font-weight: bold;
}
.pdp-browse .results-container .no-results > p,
.pdp-browse .results-container .no-results > ul {
  margin-bottom: 0;
}
.pdp-browse .results-container .no-results > p + p {
  margin-top: 5px;
}
.pdp-browse .results-container .no-results hr {
  border-top-color: #e6b200;
}
.pdp-browse .results-container .no-results .alert-link {
  color: #1b1c1e;
}
.pdp-browse .grid-view {
  clear: both;
}
.pdp-browse .grid-view .pdp-grid-box {
  position: relative;
  margin-bottom: 20px;
}
.pdp-browse .grid-view .pdp-grid-box .trigger-overlay {
  cursor: pointer;
}
.pdp-browse .grid-view .pdp-grid-box .header {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 9px;
  z-index: 20;
  cursor: pointer;
}
.pdp-browse .grid-view .pdp-grid-box .header h3 {
  line-height: 1.38888889;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Bryant MOO Pro", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
  font-size: 18px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin: 0;
  padding: 0;
  line-height: 45px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.pdp-browse .grid-view .pdp-grid-box .header h3 small,
.pdp-browse .grid-view .pdp-grid-box .header h3 .small {
  font-weight: normal;
  line-height: 1;
  color: inherit;
}
.pdp-browse .grid-view .pdp-grid-box .header h3 small,
.pdp-browse .grid-view .pdp-grid-box .header h3 .small {
  font-size: 75%;
}
.pdp-browse .grid-view .pdp-grid-box img {
  display: block;
}
.pdp-browse .grid-view .pdp-grid-box .alt-image {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pdp-browse .grid-view .pdp-grid-box .trigger-overlay:hover .alt-image,
.pdp-browse .grid-view .pdp-grid-box .trigger-overlay.pdp-browse .view-type-switcher .icon:focus .alt-image {
  display: block;
}
.pdp-browse .grid-view .toggle-favourite {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 21;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box {
  width: 218px;
  height: 267px;
  border: 1px solid #e6e6e6;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box .header {
  top: 0;
  height: 45px;
  background: #FFF;
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box .header h3 {
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box img {
  width: 218px;
  height: 267px;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.quadplex {
  border: 1px solid #e6e6e6;
  width: 220px;
  height: 269px;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.quadplex .header {
  background: #FFF;
  height: 46px;
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.quadplex .header h3 {
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.quadplex img {
  width: 220px;
  height: 269px;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.letterpress {
  border: 1px solid #e6e6e6;
  width: 220px;
  height: 269px;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.letterpress .header {
  background: #FFF;
  height: 46px;
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.letterpress .header h3 {
  color: #4b4f54;
}
.pdp-browse .grid-view.curvy-borders .pdp-grid-box.letterpress img {
  width: 220px;
  height: 269px;
}
.pdp-browse .grid-view.large-format .pdp-grid-box {
  width: 300px;
  padding-bottom: 40px;
}
.pdp-browse .grid-view.large-format .pdp-grid-box .header {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  padding-right: 40px;
  background: #707070;
}
.pdp-browse .grid-view.large-format .pdp-grid-box .header,
.pdp-browse .grid-view.large-format .pdp-grid-box .header h3 {
  color: white;
  line-height: 40px;
}
.pdp-browse .grid-view.large-format .pdp-grid-box .image-container,
.pdp-browse .grid-view.large-format .pdp-grid-box img {
  width: 300px;
  height: 340px;
}
.pdp-browse .grid-view.large-format .toggle-favourite {
  left: auto;
  right: 4px;
  bottom: 7px;
}
.pdp-browse .grid-view.large-format .toggle-favourite .icon:before {
  color: #fff;
}
.pdp-browse .grid-view.large-format .sidebar.inside .filter-view .filter label {
  max-width: 235px;
}
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box {
  width: 300px;
  padding-bottom: 40px;
}
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box .header {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  padding-right: 40px;
  background: #707070;
}
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box .header,
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box .header h3 {
  color: white;
  line-height: 40px;
}
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box .image-container,
.pdp-browse .grid-view.large-thumbnails .pdp-grid-box img {
  width: 300px;
  height: 340px;
}
.pdp-browse .grid-view.large-thumbnails .toggle-favourite {
  left: auto;
  right: 0;
  bottom: 0;
}
.pdp-browse .grid-view.large-thumbnails .sidebar.inside .filter-view .filter label {
  max-width: 235px;
}
.pdp-browse .list-view {
  /**
        If we have any portrait side regardless of type, the preview area has to
         have maximum height (351px). If all image sides are landscape, but details
         is portrait, we need to adapt the image heights on the right to the
         landscape height. If both image and details is landscape then also make
         the preview area smaller. Finally, if all image sides are portrait, cut
         the width down to the portrait width. We don't care about the details
         orientation in that case.
        **/
}
.pdp-browse .list-view .list-box {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
.pdp-browse .list-view .list-box .preview-area {
  padding: 15px 0 0;
}
.pdp-browse .list-view .list-box .preview-area:before,
.pdp-browse .list-view .list-box .preview-area:after {
  content: " ";
  display: table;
}
.pdp-browse .list-view .list-box .preview-area:after {
  clear: both;
}
.pdp-browse .list-view .list-box .preview-area h3 {
  font-size: 13px;
  margin-bottom: 5px;
}
.pdp-browse .list-view .list-box .preview-area .details-side .sprite-container,
.pdp-browse .list-view .list-box .preview-area .image-side .sprite-container {
  padding: 10px;
  background-color: #ebebeb;
}
.pdp-browse .list-view .list-box .preview-area .details-side {
  width: 371px;
  margin-right: 10px;
  float: left;
}
.pdp-browse .list-view .list-box .preview-area .details-side .sprite-container {
  overflow: hidden;
}
.pdp-browse .list-view .list-box .preview-area .details-side .sprite {
  height: 351px;
}
.pdp-browse .list-view .list-box .preview-area .image-side {
  width: 277px;
  float: left;
}
.pdp-browse .list-view .list-box .preview-area .image-side .sprite-container {
  overflow-y: auto;
}
.pdp-browse .list-view .list-box .preview-area .image-side .sprite {
  margin: 0 10px 10px 0;
  float: left;
}
.pdp-browse .list-view .list-box .actions {
  margin-top: 20px;
  line-height: 38px;
}
.pdp-browse .list-view .list-box .actions .toggle-favourite {
  float: left;
  margin: 0px 6px 0 0;
}
.pdp-browse .list-view .list-box .actions a.more-info {
  border-left: 1px solid #BBBCBC;
  padding-left: 10px;
}
.pdp-browse .list-view .list-box .actions a.medium-button {
  float: right;
}
.pdp-browse .list-view .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view .preview-area .details-side .sprite-container,
.pdp-browse .list-view .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view .preview-area .image-side .sprite {
  height: 109px;
  width: 109px;
}
.pdp-browse .list-view.businesscard .list-box.details-landscape.image-landscape .preview-area {
  min-height: 273px;
}
.pdp-browse .list-view.businesscard .list-box.details-landscape.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.businesscard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite-container {
  height: 230px;
}
.pdp-browse .list-view.businesscard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite {
  height: 72px;
  width: 109px;
}
.pdp-browse .list-view.businesscard .list-box.details-portrait.image-landscape .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.businesscard .list-box.details-portrait.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.businesscard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.businesscard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite {
  height: 72px;
  width: 109px;
}
.pdp-browse .list-view.businesscard .list-box.image-portrait .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.businesscard .list-box.image-portrait .preview-area .details-side .sprite-container,
.pdp-browse .list-view.businesscard .list-box.image-portrait .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.businesscard .list-box.image-portrait .preview-area .image-side .sprite {
  height: 109px;
  width: 72px;
}
.pdp-browse .list-view.minicard .list-box.details-landscape.image-landscape .preview-area {
  min-height: 183px;
}
.pdp-browse .list-view.minicard .list-box.details-landscape.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.minicard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite-container {
  height: 140px;
}
.pdp-browse .list-view.minicard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite {
  height: 44px;
  width: 109px;
}
.pdp-browse .list-view.minicard .list-box.details-portrait.image-landscape .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.minicard .list-box.details-portrait.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.minicard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.minicard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite {
  height: 44px;
  width: 109px;
}
.pdp-browse .list-view.minicard .list-box.image-portrait .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.minicard .list-box.image-portrait .preview-area .details-side .sprite-container,
.pdp-browse .list-view.minicard .list-box.image-portrait .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.minicard .list-box.image-portrait .preview-area .image-side .sprite {
  height: 109px;
  width: 44px;
}
.pdp-browse .list-view.postcard .list-box.details-landscape.image-landscape .preview-area {
  min-height: 292px;
}
.pdp-browse .list-view.postcard .list-box.details-landscape.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.postcard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite-container {
  height: 249px;
}
.pdp-browse .list-view.postcard .list-box.details-landscape.image-landscape .preview-area .image-side .sprite {
  height: 78px;
  width: 109px;
}
.pdp-browse .list-view.postcard .list-box.details-portrait.image-landscape .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.postcard .list-box.details-portrait.image-landscape .preview-area .details-side .sprite-container,
.pdp-browse .list-view.postcard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.postcard .list-box.details-portrait.image-landscape .preview-area .image-side .sprite {
  height: 78px;
  width: 109px;
}
.pdp-browse .list-view.postcard .list-box.image-portrait .preview-area {
  min-height: 394px;
}
.pdp-browse .list-view.postcard .list-box.image-portrait .preview-area .details-side .sprite-container,
.pdp-browse .list-view.postcard .list-box.image-portrait .preview-area .image-side .sprite-container {
  height: 351px;
}
.pdp-browse .list-view.postcard .list-box.image-portrait .preview-area .image-side .sprite {
  height: 109px;
  width: 78px;
}
/************************************************
 * 7. Favourites
 ************************************************/
.pdp-browse .toggle-favourite,
.pdp-grid-overlay .toggle-favourite,
.pdp-large-format-grid-overlay .toggle-favourite {
  cursor: pointer;
}
.pdp-browse .toggle-favourite .icon,
.pdp-grid-overlay .toggle-favourite .icon,
.pdp-large-format-grid-overlay .toggle-favourite .icon {
  vertical-align: middle;
  width: 28px;
  height: 28px;
  text-align: center;
}
.pdp-browse .toggle-favourite .icon:before,
.pdp-grid-overlay .toggle-favourite .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite .icon:before {
  line-height: 28px;
  color: #4b4f54;
  content: "\f124";
}
.pdp-browse .toggle-favourite:hover .icon:before,
.pdp-grid-overlay .toggle-favourite:hover .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite:hover .icon:before,
.pdp-browse .toggle-favourite:focus .icon:before,
.pdp-grid-overlay .toggle-favourite:focus .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite:focus .icon:before,
.pdp-browse .toggle-favourite.selected .icon:before,
.pdp-grid-overlay .toggle-favourite.selected .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite.selected .icon:before,
.pdp-browse .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before,
.pdp-grid-overlay .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before,
.pdp-large-format-grid-overlay .toggle-favourite.pdp-browse .view-type-switcher .icon:focus .icon:before {
  line-height: 28px;
  content: "\f123";
}
.pdp-browse,
.pdp-grid-overlay,
.pdp-large-format-grid-overlay {
  /************************************************
     * 8. Misc
     ************************************************/
}
.pdp-browse .remove-favourite,
.pdp-grid-overlay .remove-favourite,
.pdp-large-format-grid-overlay .remove-favourite {
  position: absolute;
  z-index: 21;
  top: -10px;
  right: -10px;
  height: 26px;
  width: 26px;
  cursor: pointer;
  border-radius: 50%;
  background: #00965e;
  text-align: center;
}
.pdp-browse .remove-favourite:before,
.pdp-grid-overlay .remove-favourite:before,
.pdp-large-format-grid-overlay .remove-favourite:before {
  content: "\f114";
  color: #fff;
  font-size: 15px;
  line-height: 26px;
}
.pdp-browse .large-format .remove-favourite,
.pdp-grid-overlay .large-format .remove-favourite,
.pdp-large-format-grid-overlay .large-format .remove-favourite {
  height: 25px;
  width: 25px;
  right: -11px;
}
.pdp-browse .large-format .remove-favourite:before,
.pdp-grid-overlay .large-format .remove-favourite:before,
.pdp-large-format-grid-overlay .large-format .remove-favourite:before {
  line-height: 25px;
}
.pdp-browse .start-making,
.pdp-grid-overlay .start-making,
.pdp-large-format-grid-overlay .start-making {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  z-index: 22;
}
.pdp-browse .no-favourites,
.pdp-grid-overlay .no-favourites,
.pdp-large-format-grid-overlay .no-favourites {
  padding: 20px 50px;
}
.pdp-browse .textomatic-container .medium-button,
.pdp-grid-overlay .textomatic-container .medium-button,
.pdp-large-format-grid-overlay .textomatic-container .medium-button {
  float: right;
}
.pdp-browse .pill-label,
.pdp-grid-overlay .pill-label,
.pdp-large-format-grid-overlay .pill-label {
  color: #FFFFFF;
  background-color: #4B654F;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 9px;
  float: right;
}
/************************************************
 * 9. Overlays
 ************************************************/
.pdp-browse-overlay {
  box-sizing: content-box;
}
.pdp-browse-overlay.curvy-borders .modal-dialog .modal-content {
  padding: 15px;
}
.pdp-browse-overlay.large-format .modal-dialog {
  margin: 100px auto 20px;
  border: 2px solid #bbbcbc;
  border-radius: 2px;
}
.pdp-browse-overlay.large-format .modal-dialog .close-cross {
  position: absolute;
  right: 20px;
  top: -44px;
  height: 24px;
  width: 24px;
  z-index: 1041;
}
.pdp-browse-overlay.large-format .modal-dialog .close-cross:before {
  line-height: 31px;
  font-size: 20px;
  color: #4b4f54;
  content: "\f115";
}
.pdp-browse-overlay.large-format .modal-dialog .modal-content {
  padding: 10px;
  background: white;
}
.pdp-browse-overlay.large-thumbnails .loading-placeholder {
  width: 100%;
  background: white url(img/80px_spinner.gif) 50% 50% no-repeat;
}
.pdp-browse-overlay.large-thumbnails .details-side,
.pdp-browse-overlay.large-thumbnails .image-sides {
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 10px;
  background: #f1f1f1;
}
.pdp-browse-overlay.large-thumbnails .details-side {
  margin-right: 22px;
}
.pdp-browse-overlay.large-thumbnails .side-render {
  width: 290px;
}
.pdp-browse-overlay.large-thumbnails .side-render img {
  display: block;
}
.pdp-browse-overlay.large-thumbnails .side-render.loading {
  background: white url(img/80px_spinner.gif) 50% 50% no-repeat;
}
.pdp-browse-overlay.large-thumbnails .side-render.loading.rounded {
  border-radius: 16px;
}
.pdp-browse-overlay.large-thumbnails .thumb-row {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 10px 0 5px 10px;
  background: #F1F1F1;
}
.pdp-browse-overlay.large-thumbnails .thumb-row .thumb {
  float: left;
  padding: 3px;
  margin: 0 8px 8px 0;
  border: 1px solid #EBEBEB;
  border-radius: 2px;
  cursor: pointer;
}
.pdp-browse-overlay.large-thumbnails .thumb-row .thumb img {
  display: block;
}
.pdp-browse-overlay.large-thumbnails .thumb-row .thumb.selected {
  border-color: #999;
  background: white;
}
.pdp-browse-overlay.large-thumbnails .thumb-row .thumb.loading {
  margin: 3px 8px 8px 3px;
  padding: 0;
  border-radius: 0px;
  border-color: #BBBCBC;
  background: white url(img/35px_spinner.gif) 50% 50% no-repeat;
}
.pdp-browse-overlay.large-thumbnails .thumb-row .thumb.loading.rounded {
  border-radius: 6px;
}
.pdp-browse-overlay.large-thumbnails .modal-dialog {
  margin: 80px auto 20px;
}
.pdp-browse-overlay.large-thumbnails .modal-dialog .modal-content {
  border: 2px solid #BBBCBC;
  border-radius: 2px;
  padding: 15px;
}
.pdp-browse-overlay.large-thumbnails .modal-dialog .close-cross {
  position: absolute;
  right: -12px;
  top: -12px;
  cursor: pointer;
  height: 37px;
  width: 39px;
  z-index: 1041;
  background: transparent url('ui/modal/close_cross_green.png') no-repeat top left;
}
.pdp-grid-overlay {
  box-sizing: content-box;
}
.pdp-grid-overlay .modal-dialog {
  width: 676px;
}
.pdp-grid-overlay .loading-placeholder {
  width: 100%;
  background: white url(img/80px_spinner.gif) 50% 50% no-repeat;
}
.pdp-grid-overlay h2 {
  margin-bottom: 10px;
}
.pdp-grid-overlay .details-side,
.pdp-grid-overlay .image-sides {
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 10px;
  background: #f1f1f1;
}
.pdp-grid-overlay .details-side {
  margin-right: 22px;
}
.pdp-grid-overlay .side-render {
  width: 290px;
}
.pdp-grid-overlay .side-render img {
  display: block;
}
.pdp-grid-overlay .side-render.loading {
  background: white url(img/80px_spinner.gif) 50% 50% no-repeat;
}
.pdp-grid-overlay .side-render.loading.rounded {
  border-radius: 16px;
}
.pdp-grid-overlay .thumb-row {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 10px 0 5px 10px;
  background: #F1F1F1;
}
.pdp-grid-overlay .thumb-row .thumb {
  float: left;
  padding: 3px;
  margin: 0 5px 5px 0;
  border: 1px solid #BBBCBC;
  border-radius: 2px;
  cursor: pointer;
}
.pdp-grid-overlay .thumb-row .thumb img {
  display: block;
}
.pdp-grid-overlay .thumb-row .thumb.selected {
  border-color: #999;
  background: white;
}
.pdp-grid-overlay .thumb-row .thumb.loading {
  margin: 3px 8px 8px 3px;
  padding: 0;
  border-radius: 0px;
  border-color: #BBBCBC;
  background: white url(img/35px_spinner.gif) 50% 50% no-repeat;
}
.pdp-grid-overlay .thumb-row .thumb.loading.rounded {
  border-radius: 6px;
}
.pdp-grid-overlay .businesscard {
  min-height: 388px;
}
.pdp-grid-overlay .businesscard .loading-placeholder {
  height: 388px;
}
.pdp-grid-overlay .businesscard.has-portrait {
  min-height: 526px;
}
.pdp-grid-overlay .businesscard .side-render {
  height: 190px;
}
.pdp-grid-overlay .businesscard .side-render.portrait {
  width: 190px;
  margin: 0 50px 0 50px;
  height: 290px;
}
.pdp-grid-overlay .businesscard .thumb {
  width: 110px;
  height: 72px;
}
.pdp-grid-overlay .businesscard .thumb.portrait {
  width: 72px;
  height: 110px;
}
.pdp-grid-overlay .businesscard.has-portrait .side-render.landscape {
  margin: 50px 0 50px 0;
}
.pdp-grid-overlay .businesscard.has-portrait .thumb.landscape {
  margin-bottom: 43px;
}
.pdp-grid-overlay .businesscard.has-portrait .thumb.landscape.loading {
  margin-bottom: 46px;
}
.pdp-grid-overlay .businesscard_square {
  min-height: 526px;
}
.pdp-grid-overlay .businesscard_square .loading-placeholder {
  height: 526px;
}
.pdp-grid-overlay .businesscard_square.has-portrait {
  min-height: 526px;
}
.pdp-grid-overlay .businesscard_square .side-render {
  height: 290px;
}
.pdp-grid-overlay .businesscard_square .side-render.portrait {
  width: 290px;
  margin: 0 50px 0 -50px;
  height: 290px;
}
.pdp-grid-overlay .businesscard_square .thumb {
  width: 110px;
  height: 110px;
}
.pdp-grid-overlay .businesscard_square .thumb.portrait {
  width: 110px;
  height: 110px;
}
.pdp-grid-overlay .businesscard_square.has-portrait .side-render.landscape {
  margin: 50px 0 -50px 0;
}
.pdp-grid-overlay .businesscard_square.has-portrait .thumb.landscape {
  margin-bottom: 5px;
}
.pdp-grid-overlay .businesscard_square.has-portrait .thumb.landscape.loading {
  margin-bottom: 8px;
}
.pdp-grid-overlay .minicard {
  min-height: 286px;
}
.pdp-grid-overlay .minicard .loading-placeholder {
  height: 286px;
}
.pdp-grid-overlay .minicard.has-portrait {
  min-height: 526px;
}
.pdp-grid-overlay .minicard .side-render {
  height: 116px;
}
.pdp-grid-overlay .minicard .side-render.portrait {
  width: 116px;
  margin: 0 87px 0 87px;
  height: 290px;
}
.pdp-grid-overlay .minicard .thumb {
  width: 110px;
  height: 44px;
}
.pdp-grid-overlay .minicard .thumb.portrait {
  width: 44px;
  height: 110px;
}
.pdp-grid-overlay .minicard.has-portrait .side-render.landscape {
  margin: 87px 0 87px 0;
}
.pdp-grid-overlay .minicard.has-portrait .thumb.landscape {
  margin-bottom: 71px;
}
.pdp-grid-overlay .minicard.has-portrait .thumb.landscape.loading {
  margin-bottom: 74px;
}
.pdp-grid-overlay .postcard .notecard {
  min-height: 409px;
}
.pdp-grid-overlay .postcard .notecard .loading-placeholder {
  height: 409px;
}
.pdp-grid-overlay .postcard .notecard.has-portrait {
  min-height: 526px;
}
.pdp-grid-overlay .postcard .notecard .side-render {
  height: 205px;
}
.pdp-grid-overlay .postcard .notecard .side-render.portrait {
  width: 205px;
  margin: 0 42px 0 43px;
  height: 290px;
}
.pdp-grid-overlay .postcard .notecard .thumb {
  width: 110px;
  height: 78px;
}
.pdp-grid-overlay .postcard .notecard .thumb.portrait {
  width: 78px;
  height: 110px;
}
.pdp-grid-overlay .postcard .notecard.has-portrait .side-render.landscape {
  margin: 42px 0 43px 0;
}
.pdp-grid-overlay .postcard .notecard.has-portrait .thumb.landscape {
  margin-bottom: 37px;
}
.pdp-grid-overlay .postcard .notecard.has-portrait .thumb.landscape.loading {
  margin-bottom: 40px;
}
.pdp-grid-overlay .postcard .notecard .details-side {
  float: right;
  margin-right: 0;
}
.pdp-grid-overlay .sticker {
  min-height: 526px;
}
.pdp-grid-overlay .sticker .loading-placeholder {
  height: 526px;
}
.pdp-grid-overlay .sticker.has-portrait {
  min-height: 526px;
}
.pdp-grid-overlay .sticker .side-render {
  height: 290px;
}
.pdp-grid-overlay .sticker .side-render.portrait {
  width: 290px;
  margin: 0 0px 0 0px;
  height: 290px;
}
.pdp-grid-overlay .sticker .thumb {
  width: 110px;
  height: 110px;
}
.pdp-grid-overlay .sticker .thumb.portrait {
  width: 110px;
  height: 110px;
}
.pdp-grid-overlay .sticker.has-portrait .side-render.landscape {
  margin: 0px 0 0px 0;
}
.pdp-grid-overlay .sticker.has-portrait .thumb.landscape {
  margin-bottom: 5px;
}
.pdp-grid-overlay .sticker.has-portrait .thumb.landscape.loading {
  margin-bottom: 8px;
}
.pdp-grid-overlay .actions {
  overflow: hidden;
  clear: both;
  padding: 20px 0;
  height: 38px;
}
.pdp-grid-overlay .actions .toggle-favourite {
  float: left;
  margin-top: 5px;
}
.pdp-grid-overlay .actions .more-info {
  float: left;
  display: block;
  margin-top: 8px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #EEF;
  font-size: 13px;
}
.pdp-grid-overlay .actions .medium-button {
  float: right;
  margin: 0;
}
.pdp-filter-overlay {
  box-sizing: content-box;
}
.pdp-filter-overlay .modal-dialog {
  width: 960px;
}
.pdp-filter-overlay .modal-content {
  overflow: hidden;
  padding: 10px 10px 12px 10px;
  background: white;
}
.pdp-filter-overlay .column-container {
  overflow: hidden;
  width: 900px;
  padding: 20px;
  background: #e6e6e6;
  color: #444;
  font-size: 13px;
}
.pdp-filter-overlay .column-container .column {
  float: left;
  width: 280px;
  margin-left: 30px;
}
.pdp-filter-overlay .column-container .column:first-child {
  margin-left: 0;
}
.pdp-filter-overlay label {
  color: #444;
  vertical-align: middle;
}
.pdp-filter-overlay label.disabled {
  color: #BBB;
}
.pdp-filter-overlay li {
  margin-bottom: 6px;
}
.pdp-filter-overlay .actions {
  float: right;
  margin-top: 14px;
}
.pdp-filter-overlay .actions a,
.pdp-filter-overlay .actions button {
  float: left;
}
.pdp-filter-overlay .actions a {
  display: block;
  margin: 6px 0 0 0;
  padding-right: 10px;
  height: 24px;
  line-height: 24px;
  border-right: 1px solid #e6e6e6;
}
.pdp-filter-overlay .actions button {
  display: block;
  margin-left: 10px;
}
.pdp-filter-overlay .fancy-control {
  margin-right: 8px;
}
.pdp-filter-overlay.curvy-borders .column-container {
  width: 874px;
  padding: 25px;
}
.pdp-filter-overlay.curvy-borders .column {
  width: 270px;
}
.pdp-large-format-grid-overlay {
  box-sizing: content-box;
}
.pdp-large-format-grid-overlay .modal-dialog {
  width: 960px;
}
.pdp-large-format-grid-overlay {
  box-sizing: content-box;
}
.pdp-large-format-grid-overlay .navigate-controls {
  position: absolute;
  left: 24px;
  top: -50px;
  z-index: 1041;
}
.pdp-large-format-grid-overlay .navigate-controls a {
  float: left;
  display: block;
  width: 15px;
  height: 24px;
  padding: 6px;
}
.pdp-large-format-grid-overlay .navigate-controls .navigate-left:before {
  line-height: 31px;
  font-size: 20px;
  color: #4b4f54;
  content: "\f10c";
}
.pdp-large-format-grid-overlay .navigate-controls .navigate-right {
  margin-left: 16px;
}
.pdp-large-format-grid-overlay .navigate-controls .navigate-right:before {
  line-height: 31px;
  font-size: 20px;
  color: #4b4f54;
  content: "\f10e";
}
.pdp-large-format-grid-overlay .preview-area {
  position: relative;
  background: #dadada;
  min-height: 385px;
}
.pdp-large-format-grid-overlay .preview-area img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 940px;
  height: 385px;
}
.pdp-large-format-grid-overlay .pdp-info {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 20px;
}
.pdp-large-format-grid-overlay .pdp-info h2 {
  width: 280px;
  font: 24px "Bryant MOO", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
  font-weight: bold;
}
.pdp-large-format-grid-overlay .pdp-info p {
  width: 280px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 20px;
}
.pdp-large-format-grid-overlay .quadplex .preview-area {
  background: #606060;
}
.pdp-large-format-grid-overlay .quadplex .pdp-info h2,
.pdp-large-format-grid-overlay .quadplex .pdp-info p {
  color: white;
}
.pdp-large-format-grid-overlay .letterpress .preview-area {
  background: #606060;
}
.pdp-large-format-grid-overlay .letterpress .pdp-info h2,
.pdp-large-format-grid-overlay .letterpress .pdp-info p {
  color: white;
}
.pdp-large-format-grid-overlay .actions {
  overflow: hidden;
  margin: 20px 0 10px 0;
  line-height: 24px;
}
.pdp-large-format-grid-overlay .actions .toggle-favourite {
  float: left;
  margin: 0 6px;
}
.pdp-large-format-grid-overlay .actions a.more-info {
  float: left;
  border-left: 1px solid #BBBCBC;
  padding-left: 10px;
}
.pdp-large-format-grid-overlay .actions .slider-controls {
  float: right;
}
.pdp-large-format-grid-overlay .actions .slider-controls a {
  display: block;
  float: left;
  padding: 0 10px;
  border-left: 1px solid #BBBCBC;
}
.pdp-large-format-grid-overlay .actions .slider-controls a:first-child {
  border: none;
}
.pdp-large-format-grid-overlay .actions .slider-controls a.active {
  cursor: default;
  color: #333;
}
.pdp-large-format-grid-overlay .actions .slider-controls a.active:hover,
.pdp-large-format-grid-overlay .actions .slider-controls a.active.pdp-browse .view-type-switcher .icon:focus {
  text-decoration: none;
}
/************************************************
 * 10. Static PDP browse
 ************************************************/
.static-pdp-browse {
  box-sizing: content-box;
}
.static-pdp-browse .pager {
  margin: 0 20px 30px 0;
}
.static-pdp-browse .grid-view {
  clear: right;
}
/************************************************
 * 11. Uploader PDP browse
 ************************************************/
.uploader-pdp-browse .h3PageHeader {
  clear: both;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}
.uploader-pdp-browse #divPagination {
  text-align: center;
}
.uploader-pdp-browse #divPagination .show-more {
  display: inline-block;
  margin: 15px 0 0 0;
}
.uploader-pdp-browse #divPagination .button {
  margin: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .pdp-browse .icon-filter .icon,
  .pdp-browse .remove-favourite {
    background-image: url('img/pdp_browse_green_sprite_2x.png');
    background-size: 374px 344px;
  }
  .pdp-browse-overlay.large-format .modal-dialog .navigate-controls a,
  .pdp-browse-overlay.large-format .modal-dialog .close-cross {
    background-image: url('img/pdp_browse_green_sprite_2x.png');
    background-size: 374px 344px;
  }
}