/* Variables */
/* Namespace Transition*/
.uk-legacy {
  /* Namespace Transition */
}
.uk-legacy html {
  font-size: 62.5%;
}
.uk-legacy body {
  margin: 0px;
  height: 100%;
  padding: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #333;
}
.uk-legacy body p,
.uk-legacy body table {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: normal;
}
.uk-legacy h1,
.uk-legacy h2,
.uk-legacy h3,
.uk-legacy h4 {
  color: #000;
  font-family: "Times New Roman", Times, serif;
  padding: 0px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: normal;
}
.uk-legacy h1 {
  font-size: 19px;
  font-size: 1.9rem;
  margin: 36px 0;
}
.uk-legacy h2,
.uk-legacy h3,
.uk-legacy h4 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 24px 0 12px;
}
.uk-legacy h2 {
  margin: 36px 0 12px;
}
.uk-legacy h3,
.uk-legacy h4 {
  text-transform: capitalize;
  font-family: Arial, Verdana, sans-serif;
}
.uk-legacy h4 {
  font-style: italic;
}
.uk-legacy .sub-title {
  font-size: 1.7em;
  padding: 3px;
  font-weight: normal;
}
.uk-legacy .clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.uk-legacy .clearfix {
  zoom: 1;
}
.uk-legacy fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.uk-legacy nav,
.uk-legacy ul,
.uk-legacy li {
  margin: 0px;
  padding: 0px;
}
.uk-legacy #site_container {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.uk-legacy .column {
  float: left;
  padding: 0px;
  margin-left: 12px;
}
.uk-legacy section:after,
.uk-legacy div.column:after {
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0px;
}
.uk-legacy section > .column:first-child,
.uk-legacy div > .column:first-child {
  margin-left: 0px;
}
.uk-legacy .width-auto {
  width: auto;
}
.uk-legacy .width-fit {
  width: 100%;
}
.uk-legacy .width-half {
  width: 50%;
}
.uk-legacy .eighth {
  width: 112px;
}
.uk-legacy .eighth.border {
  width: 110px;
}
.uk-legacy .eighth.pad-6px {
  width: 100px;
  padding: 6px;
}
.uk-legacy .eighth.border.pad-6px {
  width: 98px;
}
.uk-legacy .eighth.pad-12px {
  width: 88px;
  padding: 12px;
}
.uk-legacy .eighth.border.pad-12px {
  width: 86px;
}
.uk-legacy .eighth.pad-24px {
  width: 64px;
  padding: 24px;
}
.uk-legacy .eighth.border.pad-24px {
  width: 62px;
}
.uk-legacy .three-sixteenths {
  width: 174px;
}
.uk-legacy .three-sixteenths.border {
  width: 172px;
}
.uk-legacy .three-sixteenths.pad-6px {
  width: 162px;
  padding: 6px;
}
.uk-legacy .three-sixteenths.border.pad-6px {
  width: 160px;
}
.uk-legacy .three-sixteenths.pad-12px {
  width: 150px;
  padding: 12px;
}
.uk-legacy .three-sixteenths.border.pad-12px {
  width: 148px;
}
.uk-legacy .three-sixteenths.pad-24px {
  width: 126px;
  padding: 24px;
}
.uk-legacy .three-sixteenths.border.pad-24px {
  width: 124px;
}
.uk-legacy .quarter {
  width: 236px;
}
.uk-legacy .quarter.border {
  width: 234px;
}
.uk-legacy .quarter.pad-6px {
  width: 224px;
  padding: 6px;
}
.uk-legacy .quarter.border.pad-6px {
  width: 222px;
}
.uk-legacy .quarter.pad-12px {
  width: 212px;
  padding: 12px;
}
.uk-legacy .quarter.border.pad-12px {
  width: 210px;
}
.uk-legacy .quarter.pad-24px {
  width: 188px;
  padding: 24px;
}
.uk-legacy .quarter.border.pad-24px {
  width: 186px;
}
.uk-legacy .five-sixteenths {
  width: 298px;
}
.uk-legacy .five-sixteenths.border {
  width: 296px;
}
.uk-legacy .five-sixteenths.pad-6px {
  width: 286px;
  padding: 6px;
}
.uk-legacy .five-sixteenths.border.pad-6px {
  width: 284px;
}
.uk-legacy .five-sixteenths.pad-12px {
  width: 274px;
  padding: 12px;
}
.uk-legacy .five-sixteenths.border.pad-12px {
  width: 272px;
}
.uk-legacy .five-sixteenths.pad-24px {
  width: 250px;
  padding: 24px;
}
.uk-legacy .five-sixteenths.border.pad-24px {
  width: 248px;
}
.uk-legacy .third {
  width: 316px;
}
.uk-legacy .column.third {
  margin-left: 16px;
}
.uk-legacy .third:first-child {
  margin-left: 0px;
}
.uk-legacy .third.border {
  width: 314px;
}
.uk-legacy .third.pad-6px {
  width: 304px;
  padding: 6px;
}
.uk-legacy .third.border.pad-6px {
  width: 302px;
}
.uk-legacy .third.pad-12px {
  width: 292px;
  padding: 12px;
}
.uk-legacy .third.border.pad-12px {
  width: 290px;
}
.uk-legacy .third.pad-24px {
  width: 268px;
  padding: 24px;
}
.uk-legacy .third.border.pad-24px {
  width: 266px;
}
.uk-legacy .two-thirds {
  width: 648px;
}
.uk-legacy .two-thirds.border {
  width: 646px;
}
.uk-legacy .two-thirds.pad-6px {
  width: 636px;
  padding: 6px;
}
.uk-legacy .two-thirds.border.pad-6px {
  width: 634px;
}
.uk-legacy .two-thirds.pad-12px {
  width: 624px;
  padding: 12px;
}
.uk-legacy .two-thirds.border.pad-12px {
  width: 622px;
}
.uk-legacy .two-thirds.pad-24px {
  width: 600px;
  padding: 24px;
}
.uk-legacy .two-thirds.border.pad-24px {
  width: 598px;
}
.uk-legacy .three-eighths {
  width: 360px;
}
.uk-legacy .three-eighths.border {
  width: 358px;
}
.uk-legacy .three-eighths.pad-6px {
  width: 348px;
  padding: 6px;
}
.uk-legacy .three-eighths.border.pad-6px {
  width: 346px;
}
.uk-legacy .three-eighths.pad-12px {
  width: 336px;
  padding: 12px;
}
.uk-legacy .three-eighths.border.pad-12px {
  width: 334px;
}
.uk-legacy .three-eighths.pad-24px {
  width: 312px;
  padding: 24px;
}
.uk-legacy .three-eighths.border.pad-24px {
  width: 310px;
}
.uk-legacy .seven-sixteenths {
  width: 422px;
}
.uk-legacy .seven-sixteenths.border {
  width: 420px;
}
.uk-legacy .seven-sixteenths.pad-6px {
  width: 410px;
  padding: 6px;
}
.uk-legacy .seven-sixteenths.border.pad-6px {
  width: 408px;
}
.uk-legacy .seven-sixteenths.pad-12px {
  width: 398px;
  padding: 12px;
}
.uk-legacy .seven-sixteenths.border.pad-12px {
  width: 396px;
}
.uk-legacy .seven-sixteenths.pad-24px {
  width: 374px;
  padding: 24px;
}
.uk-legacy .seven-sixteenths.border.pad-24px {
  width: 372px;
}
.uk-legacy .half {
  width: 484px;
}
.uk-legacy .half.border {
  width: 482px;
}
.uk-legacy .half.pad-6px {
  width: 472px;
  padding: 6px;
}
.uk-legacy .half.border.pad-6px {
  width: 470px;
}
.uk-legacy .half.pad-12px {
  width: 460px;
  padding: 12px;
}
.uk-legacy .half.border.pad-12px {
  width: 460px;
}
.uk-legacy .half.pad-24px {
  width: 436px;
  padding: 24px;
}
.uk-legacy .half.border.pad-24px {
  width: 434px;
}
.uk-legacy .five-eighths {
  width: 608px;
}
.uk-legacy .five-eighths.border {
  width: 606px;
}
.uk-legacy .five-eighths.pad-6px {
  width: 596px;
  padding: 6px;
}
.uk-legacy .five-eighths.border.pad-6px {
  width: 594px;
}
.uk-legacy .five-eighths.pad-12px {
  width: 584px;
  padding: 12px;
}
.uk-legacy .five-eighths.border.pad-12px {
  width: 582px;
}
.uk-legacy .five-eighths.pad-24px {
  width: 560px;
  padding: 24px;
}
.uk-legacy .five-eighths.border.pad-24px {
  width: 558px;
}
.uk-legacy .three-quarters {
  width: 732px;
}
.uk-legacy .three-quarters.border {
  width: 730p;
}
.uk-legacy .three-quarters.pad-6px {
  width: 720px;
  padding: 6px;
}
.uk-legacy .three-quarters.border.pad-6px {
  width: 718px;
}
.uk-legacy .three-quarters.pad-12px {
  width: 708px;
  padding: 12px;
}
.uk-legacy .three-quarters.border.pad-12px {
  width: 706px;
}
.uk-legacy .three-quarters.pad-24px {
  width: 684px;
  padding: 24px;
}
.uk-legacy .three-quarters.border.pad-24px {
  width: 682px;
}
.uk-legacy .eleven-sixteenths {
  width: 670px;
}
.uk-legacy .eleven-sixteenths.border {
  width: 668px;
}
.uk-legacy .eleven-sixteenths.pad-6px {
  width: 658px;
  padding: 6px;
}
.uk-legacy .eleven-sixteenths.border.pad-6px {
  width: 656px;
}
.uk-legacy .eleven-sixteenths.pad-12px {
  width: 646px;
  padding: 12px;
}
.uk-legacy .eleven-sixteenths.border.pad-12px {
  width: 644px;
}
.uk-legacy .eleven-sixteenths.pad-24px {
  width: 622px;
  padding: 24px;
}
.uk-legacy .eleven-sixteenths.border.pad-24px {
  width: 620px;
}
.uk-legacy .thirteen-sixteenths {
  width: 794px;
}
.uk-legacy .thirteen-sixteenths.border {
  width: 792px;
}
.uk-legacy .thirteen-sixteenths.pad-6px {
  width: 782px;
  padding: 6px;
}
.uk-legacy .thirteen-sixteenths.border.pad-6px {
  width: 780px;
}
.uk-legacy .thirteen-sixteenths.pad-12px {
  width: 842px;
  padding: 12px;
}
.uk-legacy .thirteen-sixteenths.border.pad-12px {
  width: 840px;
}
.uk-legacy .thirteen-sixteenths.pad-24px {
  width: 746px;
  padding: 24px;
}
.uk-legacy .thirteen-sixteenths.border.pad-24px {
  width: 744px;
}
.uk-legacy .seven-eighths {
  width: 856px;
}
.uk-legacy .seven-eighths.border {
  width: 854px;
}
.uk-legacy .seven-eighths.pad-6px {
  width: 844px;
  padding: 6px;
}
.uk-legacy .seven-eighths.border.pad-6px {
  width: 842px;
}
.uk-legacy .seven-eighths.pad-12px {
  width: 832px;
  padding: 12px;
}
.uk-legacy .seven-eighths.border.pad-12px {
  width: 830px;
}
.uk-legacy .seven-eighths.pad-24px {
  width: 808px;
  padding: 24px;
}
.uk-legacy .seven-eighths.border.pad-24px {
  width: 806px;
}
.uk-legacy .full-width {
  width: 980px;
  margin-left: 0px;
}
.uk-legacy .full-width.border {
  width: 978px;
}
.uk-legacy .full-width.pad-6px {
  width: 968px;
  padding: 6px;
}
.uk-legacy .full-width.border.pad-6px {
  width: 966px;
}
.uk-legacy .full-width.pad-12px {
  width: 956px;
  padding: 12px;
}
.uk-legacy .full-width.border.pad-12px {
  width: 954px;
}
.uk-legacy .full-width.pad-18px {
  width: 944px;
  padding: 18px;
}
.uk-legacy .full-width.border.pad-18px {
  width: 942px;
}
.uk-legacy .full-width.pad-24px {
  width: 932px;
  padding: 24px;
}
.uk-legacy .full-width.border.pad-24px {
  width: 930px;
}
.uk-legacy .width-236px {
  width: 236px;
}
.uk-legacy .width-236px.border {
  width: 234px;
}
.uk-legacy .width-254px {
  width: 254px;
}
.uk-legacy .column.width-254px {
  margin-left: 15px;
}
.uk-legacy .width-256px {
  width: 256px;
}
.uk-legacy .width-256px.border {
  width: 254px;
}
.uk-legacy .width-276px {
  width: 276px;
}
.uk-legacy .width-276px.border {
  width: 274px;
}
.uk-legacy .width-388px {
  width: 388px;
}
.uk-legacy .width-388px.border {
  width: 386px;
}
.uk-legacy .width-460px {
  width: 460px;
}
.uk-legacy .width-460px.border {
  width: 458px;
}
.uk-legacy .no-margin-right {
  margin-right: 0;
}
.uk-legacy .helvetica {
  font-family: Helvetica, Arial, sans-serif;
}
.uk-legacy .timesnewroman {
  font-family: "Times New Roman", Times, serif;
}
.uk-legacy .arial {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
.uk-legacy .small-txt {
  font-size: 9px;
  font-size: 0.9rem;
}
.uk-legacy .medium-txt {
  font-size: 12px;
  font-size: 1.2rem;
}
.uk-legacy .big_txt {
  font-size: 1.4em;
}
.uk-legacy .big-txt {
  font-size: 14px;
  font-size: 1.4rem;
}
.uk-legacy .xl-txt {
  font-size: 47px;
  font-size: 4.7rem;
}
.uk-legacy .smaller-txt {
  font-size: 0.5em;
}
.uk-legacy .larger-txt {
  font-size: 1.5em;
}
.uk-legacy .x2-txt {
  font-size: 2em;
}
.uk-legacy .font-11px {
  font-size: 11px;
  font-size: 1.1rem;
}
.uk-legacy .bold-txt {
  font-weight: bold;
}
.uk-legacy .lighter-txt {
  font-weight: lighter;
}
.uk-legacy .normal-txt {
  font-style: normal;
}
.uk-legacy .uppercase {
  text-transform: uppercase;
}
.uk-legacy .capitalise {
  text-transform: capitalize;
}
.uk-legacy .lowercase {
  text-transform: lowercase;
}
.uk-legacy .normalcase {
  text-transform: none;
}
.uk-legacy .letter-spacing-norm {
  letter-spacing: normal;
}
.uk-legacy .letter-spacing-default {
  letter-spacing: 0.1em;
}
.uk-legacy .letter-spacing-more {
  letter-spacing: 0.2em;
}
.uk-legacy .letter-spacing-1px {
  letter-spacing: 1px;
}
.uk-legacy .letter-spacing-2px {
  letter-spacing: 2px;
}
.uk-legacy .line-height-2 {
  line-height: 2;
}
.uk-legacy .line-height-2-point-1 {
  line-height: 2.1;
}
.uk-legacy .line-height-1-point-5 {
  line-height: 1.5;
}
.uk-legacy .text-left {
  text-align: left;
}
.uk-legacy .text-right {
  text-align: right;
}
.uk-legacy .text-center {
  text-align: center;
}
.uk-legacy a {
  color: #000000;
}
.uk-legacy a img {
  border-style: none;
  border-width: 0px;
}
.uk-legacy .dotted-underline-link {
  text-decoration: none !important;
  border-bottom: dotted 1px;
}
.uk-legacy .no-link-underline {
  text-decoration: none;
  cursor: pointer;
}
.uk-legacy .disp-inline-block,
.uk-legacy .inline-block {
  display: inline-block;
  vertical-align: middle;
}
.uk-legacy .disp-inline,
.uk-legacy .inline {
  display: inline;
}
.uk-legacy .disp-block,
.uk-legacy .block {
  display: block;
}
.uk-legacy .block-right {
  display: block;
  margin-left: auto;
}
.uk-legacy .block-left {
  display: block;
  margin-right: auto;
}
.uk-legacy .block-center {
  display: block;
  margin: auto;
}
.uk-legacy .inline,
.uk-legacy .inline > li {
  display: inline;
}
.uk-legacy .hide {
  display: none !important;
}
.uk-legacy .valign-mid {
  vertical-align: middle;
}
.uk-legacy .valign-top {
  vertical-align: top;
}
.uk-legacy .valign-bottom {
  vertical-align: bottom;
}
.uk-legacy .pos-rel {
  position: relative;
}
.uk-legacy .pos-abs {
  position: absolute;
}
.uk-legacy .pos-static {
  position: static;
}
.uk-legacy .f-Left,
.uk-legacy .f-left {
  float: left;
}
.uk-legacy .f-Right,
.uk-legacy .f-right {
  float: right;
}
.uk-legacy .f-None,
.uk-legacy .f-none {
  float: none;
}
.uk-legacy .c-Both,
.uk-legacy .c-both {
  clear: both;
}
.uk-legacy .oflow-hide {
  overflow: hidden;
}
.uk-legacy ul {
  list-style-type: none;
}
.uk-legacy ul.bullet-list {
  list-style-type: disc;
  margin-left: 30px;
}
.uk-legacy .bg-white {
  background-color: #ffffff;
}
.uk-legacy .bg-black {
  background-color: #000000;
}
.uk-legacy .bg-twcgrey {
  background-color: #edebec;
}
.uk-legacy .bg-offblack {
  background-color: #141414;
}
.uk-legacy .bg-charcoalgrey {
  background-color: #484848;
}
.uk-legacy .bg-darkgrey {
  background-color: #777777;
}
.uk-legacy .bg-grey {
  background-color: #b7b7b7;
}
.uk-legacy .bg-midgrey {
  background-color: #dadada;
}
.uk-legacy .bg-lightgrey {
  background-color: #ececec;
}
.uk-legacy .bg-bleachedgrey {
  background-color: #f6f6f6;
}
.uk-legacy .bg-red {
  background-color: #9f1b33;
}
.uk-legacy .bg-accentred {
  background-color: #70425d;
}
.uk-legacy .bg-promoboxgrey {
  background-color: #e9e8e8;
}
.uk-legacy .bg-herocopygrey {
  background-color: #d5d2d2;
}
.uk-legacy .bg-othercopygrey {
  background-color: #797979;
}
.uk-legacy .bg-lwccopygrey {
  background-color: #626262;
}
.uk-legacy .bg-bodycopygrey {
  background-color: #484848;
}
.uk-legacy .bg-headingcopygrey {
  background-color: #363636;
}
.uk-legacy .bg-hoverovergrey {
  background-color: #a8a4a4;
}
.uk-legacy .pad-0px {
  padding: 0px;
}
.uk-legacy .pad-top-0px {
  padding-top: 0px;
}
.uk-legacy .pad-right-0px {
  padding-right: 0px;
}
.uk-legacy .pad-left-0px {
  padding-left: 0px;
}
.uk-legacy .pad-bottom-0px {
  padding-bottom: 0px;
}
.uk-legacy .pad-6px {
  padding: 6px;
}
.uk-legacy .pad-top-6px {
  padding-top: 6px;
}
.uk-legacy .pad-right-6px {
  padding-right: 6px;
}
.uk-legacy .pad-bottom-6px {
  padding-bottom: 6px;
}
.uk-legacy .pad-left-6px {
  padding-left: 6px;
}
.uk-legacy .pad-8px {
  padding: 8px;
}
.uk-legacy .pad-top-8px {
  padding-top: 8px;
}
.uk-legacy .pad-right-8px {
  padding-right: 8px;
}
.uk-legacy .pad-bottom-8px {
  padding-bottom: 8px;
}
.uk-legacy .pad-left-8px {
  padding-left: 8px;
}
.uk-legacy .pad-10px {
  padding: 10px;
}
.uk-legacy .pad-top-10px {
  padding-top: 10px;
}
.uk-legacy .pad-right-10px {
  padding-right: 10px;
}
.uk-legacy .pad-bottom-10px {
  padding-bottom: 10px;
}
.uk-legacy .pad-left-10px {
  padding-left: 10px;
}
.uk-legacy .pad-12px {
  padding: 12px;
}
.uk-legacy .pad-top-12px {
  padding-top: 12px;
}
.uk-legacy .pad-right-12px {
  padding-right: 12px;
}
.uk-legacy .pad-bottom-12px {
  padding-bottom: 12px;
}
.uk-legacy .pad-left-12px {
  padding-left: 12px;
}
.uk-legacy .pad-14px {
  padding: 14px;
}
.uk-legacy .pad-top-14px {
  padding-top: 14px;
}
.uk-legacy .pad-right-14px {
  padding-right: 14px;
}
.uk-legacy .pad-bottom-14px {
  padding-bottom: 14px;
}
.uk-legacy .pad-left-14px {
  padding-left: 14px;
}
.uk-legacy .pad-16px {
  padding: 16px;
}
.uk-legacy .pad-top-16px {
  padding-top: 16px;
}
.uk-legacy .pad-right-16px {
  padding-right: 16px;
}
.uk-legacy .pad-bottom-16px {
  padding-bottom: 16px;
}
.uk-legacy .pad-left-16px {
  padding-left: 16px;
}
.uk-legacy .pad-18px {
  padding: 18px;
}
.uk-legacy .pad-top-18px {
  padding-top: 18px;
}
.uk-legacy .pad-right-18px {
  padding-right: 18px;
}
.uk-legacy .pad-bottom-18px {
  padding-bottom: 18px;
}
.uk-legacy .pad-left-18px {
  padding-left: 18px;
}
.uk-legacy .pad-20px {
  padding: 20px;
}
.uk-legacy .pad-top-20px {
  padding-top: 20px;
}
.uk-legacy .pad-right-20px {
  padding-right: 20px;
}
.uk-legacy .pad-bottom-20px {
  padding-bottom: 20px;
}
.uk-legacy .pad-left-20px {
  padding-left: 20px;
}
.uk-legacy .pad-24px {
  padding: 24px;
}
.uk-legacy .pad-top-24px {
  padding-top: 24px;
}
.uk-legacy .pad-right-24px {
  padding-right: 24px;
}
.uk-legacy .pad-bottom-24px {
  padding-bottom: 24px;
}
.uk-legacy .pad-left-24px {
  padding-left: 24px;
}
.uk-legacy .pad-30px {
  padding: 30px;
}
.uk-legacy .pad-top-30px {
  padding-top: 30px;
}
.uk-legacy .pad-right-30px {
  padding-right: 30px;
}
.uk-legacy .pad-bottom-30px {
  padding-bottom: 30px;
}
.uk-legacy .pad-left-30px {
  padding-left: 30px;
}
.uk-legacy .pad-40px {
  padding: 40px;
}
.uk-legacy .pad-top-40px {
  padding-top: 40px;
}
.uk-legacy .pad-right-40px {
  padding-right: 40px;
}
.uk-legacy .pad-bottom-40px {
  padding-bottom: 40px;
}
.uk-legacy .pad-left-40px {
  padding-left: 40px;
}
.uk-legacy .pad-36px {
  padding: 36px;
}
.uk-legacy .pad-top-36px {
  padding-top: 36px;
}
.uk-legacy .pad-right-36px {
  padding-right: 36px;
}
.uk-legacy .pad-bottom-36px {
  padding-bottom: 36px;
}
.uk-legacy .pad-left-36px {
  padding-left: 36px;
}
.uk-legacy .pad-48px {
  padding: 48px;
}
.uk-legacy .pad-top-48px {
  padding-top: 48px;
}
.uk-legacy .pad-right-48px {
  padding-right: 48px;
}
.uk-legacy .pad-bottom-48px {
  padding-bottom: 48px;
}
.uk-legacy .pad-left-48px {
  padding-left: 48px;
}
.uk-legacy .pad-50px {
  padding: 50px;
}
.uk-legacy .pad-top-50px {
  padding-top: 50px;
}
.uk-legacy .pad-right-50px {
  padding-right: 50px;
}
.uk-legacy .pad-bottom-50px {
  padding-bottom: 50px;
}
.uk-legacy .pad-left-50px {
  padding-left: 50px;
}
.uk-legacy .pad-100px {
  padding: 100px;
}
.uk-legacy .pad-top-100px {
  padding-top: 100px;
}
.uk-legacy .pad-right-100px {
  padding-right: 100px;
}
.uk-legacy .pad-bottom-100px {
  padding-bottom: 100px;
}
.uk-legacy .pad-left-100px {
  padding-left: 100px;
}
.uk-legacy .mar-0px {
  margin: 0px;
}
.uk-legacy .mar-top-0px {
  margin-top: 0px;
}
.uk-legacy .mar-right-0px {
  margin-right: 0px;
}
.uk-legacy .mar-bottom-0px {
  margin-bottom: 0px;
}
.uk-legacy .mar-left-0px {
  margin-left: 0px !important;
}
.uk-legacy .mar-6px {
  margin: 6px;
}
.uk-legacy .mar-top-6px {
  margin-top: 6px;
}
.uk-legacy .mar-right-6px {
  margin-right: 6px;
}
.uk-legacy .mar-bottom-6px {
  margin-bottom: 6px;
}
.uk-legacy .mar-left-6px {
  margin-left: 6px;
}
.uk-legacy .mar-8px {
  margin: 8px;
}
.uk-legacy .mar-top-8px {
  margin-top: 8px;
}
.uk-legacy .mar-right-8px {
  margin-right: 8px;
}
.uk-legacy .mar-bottom-8px {
  margin-bottom: 8px;
}
.uk-legacy .mar-left-8px {
  margin-left: 8px;
}
.uk-legacy .mar-10px {
  margin: 10px;
}
.uk-legacy .mar-top-10px {
  margin-top: 10px;
}
.uk-legacy .mar-right-10px {
  margin-right: 10px;
}
.uk-legacy .mar-bottom-10px {
  margin-bottom: 10px;
}
.uk-legacy .mar-left-10px {
  margin-left: 10px;
}
.uk-legacy .mar-12px {
  margin: 12px;
}
.uk-legacy .mar-top-12px {
  margin-top: 12px;
}
.uk-legacy .mar-right-12px {
  margin-right: 12px;
}
.uk-legacy .mar-bottom-12px {
  margin-bottom: 12px;
}
.uk-legacy .mar-left-12px {
  margin-left: 12px;
}
.uk-legacy .mar-14px {
  margin: 14px;
}
.uk-legacy .mar-top-14px {
  margin-top: 14px;
}
.uk-legacy .mar-right-14px {
  margin-right: 14px;
}
.uk-legacy .mar-bottom-14px {
  margin-bottom: 14px;
}
.uk-legacy .mar-left-14px {
  margin-left: 14px;
}
.uk-legacy .mar-16px {
  margin: 16px;
}
.uk-legacy .mar-top-16px {
  margin-top: 16px;
}
.uk-legacy .mar-right-16px {
  margin-right: 16px;
}
.uk-legacy .mar-bottom-16px {
  margin-bottom: 16px;
}
.uk-legacy .mar-left-16px {
  margin-left: 16px;
}
.uk-legacy .mar-20px {
  margin: 20px;
}
.uk-legacy .mar-top-20px {
  margin-top: 20px;
}
.uk-legacy .mar-right-20px {
  margin-right: 20px;
}
.uk-legacy .mar-bottom-20px {
  margin-bottom: 20px;
}
.uk-legacy .mar-left-20px {
  margin-left: 20px;
}
.uk-legacy .mar-24px {
  margin: 24px;
}
.uk-legacy .mar-top-24px {
  margin-top: 24px;
}
.uk-legacy .mar-right-24px {
  margin-right: 24px;
}
.uk-legacy .mar-bottom-24px {
  margin-bottom: 24px;
}
.uk-legacy .mar-left-24px {
  margin-left: 24px;
}
.uk-legacy .mar-36px {
  margin: 36px;
}
.uk-legacy .mar-top-36px {
  margin-top: 36px;
}
.uk-legacy .mar-right-36px {
  margin-right: 36px;
}
.uk-legacy .mar-bottom-36px {
  margin-bottom: 36px;
}
.uk-legacy .mar-left-36px {
  margin-left: 36px;
}
.uk-legacy .mar-40px {
  margin: 40px;
}
.uk-legacy .mar-top-40px {
  margin-top: 40px;
}
.uk-legacy .mar-right-40px {
  margin-right: 40px;
}
.uk-legacy .mar-bottom-40px {
  margin-bottom: 40px;
}
.uk-legacy .mar-left-40px {
  margin-left: 40px;
}
.uk-legacy .mar-50px {
  margin: 50px;
}
.uk-legacy .mar-top-50px {
  margin-top: 50px;
}
.uk-legacy .mar-right-50px {
  margin-right: 50px;
}
.uk-legacy .mar-bottom-50px {
  margin-bottom: 50px;
}
.uk-legacy .mar-left-50px {
  margin-left: 50px;
}
.uk-legacy .mar-100px {
  margin: 100px;
}
.uk-legacy .mar-top-100px {
  margin-top: 100px;
}
.uk-legacy .mar-right-100px {
  margin-right: 100px;
}
.uk-legacy .mar-bottom-100px {
  margin-bottom: 100px;
}
.uk-legacy .mar-left-100px {
  margin-left: 100px;
}
.uk-legacy .mar-48px {
  margin: 48px;
}
.uk-legacy .mar-top-48px {
  margin-top: 48px;
}
.uk-legacy .mar-right-48px {
  margin-right: 48px;
}
.uk-legacy .mar-bottom-48px {
  margin-bottom: 48px;
}
.uk-legacy .mar-left-48px {
  margin-left: 48px;
}
.uk-legacy .mar-vert10 {
  margin: 10px 0px;
}
.uk-legacy .black {
  color: #000000;
}
.uk-legacy .offblack {
  color: #141414;
}
.uk-legacy .white {
  color: #ffffff;
}
.uk-legacy .lightgrey {
  color: #ececec;
}
.uk-legacy .midgrey {
  color: #dadada;
}
.uk-legacy .grey {
  color: #b7b7b7;
}
.uk-legacy .charcoalgrey {
  color: #484848;
}
.uk-legacy .darkgrey {
  color: #777777;
}
.uk-legacy .accentred {
  color: #70425d;
}
.uk-legacy .red {
  color: #9f1b33;
}
.uk-legacy .errMessage,
.uk-legacy .error-msg {
  color: #ff0000;
}
.uk-legacy .lwccopygrey {
  color: #626262;
}
.uk-legacy .promoboxgrey {
  color: #e9e8e8;
}
.uk-legacy .herocopygrey {
  color: #d5d2d2;
}
.uk-legacy .othercopygrey {
  color: #797979;
}
.uk-legacy .lwccopygrey {
  color: #626262;
}
.uk-legacy .bodycopygrey {
  color: #484848;
}
.uk-legacy .headingcopygrey {
  color: #363636;
}
.uk-legacy .hoverovergrey {
  color: #a8a4a4;
}
.uk-legacy .border {
  border: 1px solid #b7b7b7;
}
.uk-legacy .border-top {
  border-top: 1px solid #b7b7b7;
}
.uk-legacy .border-right {
  border-right: 1px solid #b7b7b7;
}
.uk-legacy .border-bottom {
  border-bottom: 1px solid #b7b7b7;
}
.uk-legacy .border-left {
  border-left: 1px solid #b7b7b7;
}
.uk-legacy .border-white {
  border: 1px solid #ffffff;
}
.uk-legacy .border-top-white {
  border-top: 1px solid #ffffff;
}
.uk-legacy .border-right-white {
  border-right: 1px solid #ffffff;
}
.uk-legacy .border-bottom-white {
  border-bottom: 1px solid #ffffff;
}
.uk-legacy .border-left-white {
  border-left: 1px solid #ffffff;
}
.uk-legacy .border-midgrey {
  border: 1px solid #ececec;
}
.uk-legacy .border-top-midgrey,
.uk-legacy .border-top-1px-midgrey {
  border-top: #ececec 1px solid;
}
.uk-legacy .border-right-midgrey {
  border-right: 1px solid #ececec;
}
.uk-legacy .border-bottom-midgrey,
.uk-legacy .border-bottom-1px-midgrey {
  border-bottom: 1px solid #ececec;
}
.uk-legacy .border-left-midgrey {
  border-left: 1px solid #ececec;
}
.uk-legacy .border-lightgrey {
  border: 1px solid #dadada;
}
.uk-legacy .border-top-lightgrey {
  border-top: 1px solid #dadada;
}
.uk-legacy .border-right-lightgrey {
  border-right: 1px solid #dadada;
}
.uk-legacy .border-bottom-lightgrey {
  border-bottom: 1px solid #dadada;
}
.uk-legacy .border-left-lightgrey {
  border-left: 1px solid #dadada;
}
.uk-legacy .border-black {
  border: 1px solid #000000;
}
.uk-legacy .border-top-black {
  border-top: 1px solid #000000;
}
.uk-legacy .border-right-black {
  border-right: 1px solid #000000;
}
.uk-legacy .border-bottom-black {
  border-bottom: 1px solid #000000;
}
.uk-legacy .border-left-black {
  border-left: 1px solid #000000;
}
.uk-legacy .border-accentred {
  border: 1px solid #70425d;
}
.uk-legacy .border-top-accentred {
  border-top: 1px solid #70425d;
}
.uk-legacy .border-right-accentred {
  border-right: 1px solid #70425d;
}
.uk-legacy .border-bottom-accentred {
  border-bottom: 1px solid #70425d;
}
.uk-legacy .border-left-accentred {
  border-left: 1px solid #70425d;
}
.uk-legacy .dotted-border {
  border-style: dotted !important;
}
.uk-legacy .box-shadow {
  box-shadow: 2px 2px 2px #EEE;
  -webkit-box-shadow: 2px 2px 2px #EEE;
  -moz-box-shadow: 2px 2px 2px #EEE;
  -o-box-shadow: 2px 2px 2px #EEE;
}
.uk-legacy .minheight {
  min-height: 300px;
}
.uk-legacy #sp_status {
  font-size: 1.2em;
}
.uk-legacy .warning {
  color: #F00;
}
.uk-legacy #site-header {
  display: block;
  width: 980px;
  padding-top: 28px;
  padding-top: 2.8rem;
  padding-bottom: 12px;
  padding-bottom: 1.2rem;
  margin: 0 auto;
}
.uk-legacy .header-wrapper {
  position: relative;
  padding-top: 30px;
  padding-top: 3rem;
}
.uk-legacy #blog-link {
  position: absolute;
  top: 43px;
  left: 15px;
  width: 94px;
  height: 40px;
  text-indent: -999em;
  overflow: hidden;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc%2Dsprite%2Dicons?scl=1&fmt=png-alpha") no-repeat scroll 0px -66px transparent;
  z-index: 1;
}
.uk-legacy #div_topLinks {
  font: 10px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #000;
  width: 100%;
  color: #fff;
  height: 28px;
}
.uk-legacy #ls_preHeader_1 {
  position: relative;
}
.uk-legacy .subNav,
.uk-legacy .accountlist {
  display: inline-block;
  padding: 11px 15px 0 15px;
}
.uk-legacy .subNav {
  width: 133px;
  border: 1px solid #000;
  border-bottom: none;
  margin-left: 0;
}
.uk-legacy .subNav:hover {
  color: #000;
  background-color: #FFF;
  border: 1px solid #cccdd3;
  border-bottom: none;
}
.uk-legacy .subNav:hover > ul,
.uk-legacy .countryflag-container:hover > ul,
.uk-legacy .usflag {
  display: block;
}
.uk-legacy .list-divide {
  border-top: 1px solid #ececec;
  margin-top: 6px;
  padding-top: 10px;
}
.uk-legacy .subNav > ul > li > a {
  display: block;
  color: #484848;
  text-decoration: inherit;
}
.uk-legacy #pre-header-customer-services,
.uk-legacy .ukflag {
  color: inherit;
  text-decoration: none;
}
.uk-legacy .subNav > ul,
.uk-legacy .countryflag-container > ul {
  display: none;
  z-index: 100;
  width: 133px;
  padding: 13px 15px 10px 15px;
  background-color: #FFF;
  border: 1px solid #cccdd3;
  border-top: none;
  left: 0;
  line-height: 2;
}
.uk-legacy .accountlist {
  margin: 0px 34px 0px;
  float: right;
}
.uk-legacy .accountlist > a,
.uk-legacy .accountlist > a:hover {
  color: #FFF;
  text-decoration: none;
}
.uk-legacy .accountlist > a {
  padding: 0px 6px 0px 8px;
  border-right: 1px dotted #fff;
}
.uk-legacy #pre-header-customer-services,
.uk-legacy .accountlist > a {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.uk-legacy #pre-header-customer-services:hover {
  color: #000000 !important;
}
.uk-legacy .countryflag-container {
  position: absolute;
  right: 0px;
  top: 0;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/sprite?fmt=gif-alpha&scl=1") no-repeat scroll 50px -501px transparent;
  width: 19px;
  height: 14px;
  padding: 10px 20px;
  margin-left: 214px;
}
.uk-legacy .countryflag-container > ul {
  width: 20px;
  padding: 12px 20px;
  background-color: #000;
  border: none;
}
.uk-legacy .usflag {
  background: url("//whitecompany.scene7.com/is/image/whitecompany/sprite?fmt=gif-alpha&scl=1") no-repeat scroll 0px -716px transparent;
  height: 14px;
}
.uk-legacy .ukflag {
  width: 19px;
  height: 14px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/sprite?fmt=gif-alpha&scl=1") no-repeat scroll 0px -672px transparent;
  display: block;
}
.uk-legacy #cl-user-session {
  margin-left: 0px !important;
  float: right !important;
}
.uk-legacy #cl-user-session a {
  background-color: #FFF;
  color: #000 !important;
  padding: 3px 6px;
}
.uk-legacy #img_logo {
  width: 280px;
  display: block;
  margin: auto;
}

.uk-legacy #img_logo > img {
  height: 100%;
}

.uk-legacy #div_site_search {
  position: absolute;
  right: 0px;
  top: 64px;
}
.uk-legacy #in_site_search {
  width: 237px;
  height: 24px;
  vertical-align: middle;
  border-right: none;
  padding: 3px 8px;
  /*
		NOTE temporary fix as the Hybris changes.css has input elements set as
		box-sizing: border-box;
		line:139
	*/
  box-sizing: content-box;
  margin: 0px;
}
.uk-legacy #in_site_search_button {
  vertical-align: middle;
  width: 36px;
  height: 32px;
  padding: 11px;
  cursor: pointer;
  border-left: none;
  background-color: #000;
}
.uk-legacy #search-button {
  position: absolute;
  display: block;
  top: 5px;
  right: 7px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc%2Dsprite%2Dicons?scl=1&fmt=png-alpha") no-repeat scroll -151px -101px #000000;
}
.uk-legacy #searchError {
  display: none;
}
.uk-legacy #div_shopping_bag_top {
  position: absolute;
  top: 13px;
  right: 0px;
}
.uk-legacy .div_basket_summary {
  text-align: left;
}
.uk-legacy .div_basket_summary a {
  display: block;
  text-decoration: none;
  height: 100%;
}
.uk-legacy .div_basket_summary p {
  color: #aeaeae;
  margin: 0px;
  padding: 0px;
  display: inline;
  font-size: 1.4em;
  letter-spacing: normal;
}
.uk-legacy .div_basket_summary p.link-text {
  display: block;
  text-align: right;
  margin-top: 0.36em;
}
.uk-legacy .div_basket_summary p.link-text:after {
  content: " > ";
}
.uk-legacy #sp_shopping_bag {
  position: absolute;
  width: 17px;
  height: 17px;
  top: -2px;
  left: -20px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc%2Dsprite%2Dicons?scl=1&fmt=png-alpha") no-repeat scroll -102px -102px transparent;
}
.uk-legacy .div_basket_summary > a > form {
  display: inline;
}
.uk-legacy .link-text {
  border: none;
  font-size: 1.4em !important;
  color: #000 !important;
  display: inline;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.uk-legacy #div_screen {
  display: none;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.15;
  filter: alpha(opacity=15);
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.no-flexboxlegacy .uk-legacy #nv-mainnav, .no-flexbox .uk-legacy #nv-mainnav {
  display: table;
}

.uk-legacy #nv-mainnav {
  /*display: table; __old code*/
  display: block;
  margin: 20px 0 0px 0;
  /*	TODO - have this re-enabled, it should calculate to the top values
	margin: 2rem 0 1.2rem 0;
	*/
  width: 980px;
  position: relative;
  z-index: 100;
}

.no-flexboxlegacy .uk-legacy #umbrellas, .no-flexbox .uk-legacy #umbrellas {
  display: table-row;
}


.uk-legacy #umbrellas {
  /*display: table-row;*/
  display: flex;
  border: none;
  margin: auto;
  list-style: none;
  padding: 1px 0;
  position: relative;
  width: 980px;
  height: 30px;
  background: transparent;
  text-align: left;
}
.uk-legacy #umbrellas a {
  color: #484848;
}
.uk-legacy #umbrellas .red {
  color: #9f1b33;
}
.uk-legacy #umbrellas .bold-txt {
  font-weight: bold;
}
.uk-legacy #umbrellas a:hover {
  color: #b7b7b7 !important;
}
.uk-legacy #umbrellas img,
.uk-legacy .nav_imgtitle,
.uk-legacy .nav_imgtext {
  display: block;
  max-width: 266px;
}
.uk-legacy .nav_imgtitle {
  margin: 12px 0 8px 0;
}
.uk-legacy .nav_imgtext {
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
  line-height: 1.5;
}

.no-flexboxlegacy .uk-legacy #umbrellas > li, .no-flexbox .uk-legacy #umbrellas > li {
  display: table-cell;
  flex: none;
}


.uk-legacy #umbrellas > li {
  font-family: Helvetica, sans-serif;
  letter-spacing: 1px;
  /*display: table-cell;*/
  flex: auto;
  text-align: center;
  vertical-align: middle;
  padding: 8px 6px;
  margin-left: -0.3em;
  border: solid transparent;
  border-width: 1px 1px 0;
  height: 16px;
}
.uk-legacy #umbrellas > li:first-child {
  margin-left: 0 !important;
}
.uk-legacy #umbrellas > li > span,
.uk-legacy #umbrellas > li > a {
  color: #000;
  display: inline;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  transition: color 250ms ease;
  -webkit-transition: color 250ms ease;
  -ms-transition: color 250ms ease;
  -moz-transition: color 250ms ease;
  -o-transition: color 250ms ease;
}
.uk-legacy #umbrellas > li > ul {
  text-align: left;
  border: solid #DADADA;
  border-width: 0 1px 1px 1px;
  list-style: none;
  padding: 20px 0px;
  position: absolute;
  left: 0;
  top: 32px;
  background: #FFF;
  width: 978px;
  display: none;
}
.uk-legacy #umbrellas > li > ul > li {
  padding-left: 0;
}
.uk-legacy #umbrellas > li > ul > li {
  padding-left: 14px;
  margin-left: -0.3em;
}
.uk-legacy #umbrellas > li > ul > li:first-child {
  margin-left: 0;
}
.uk-legacy #umbrellas > li > ul > li,
.uk-legacy #div_navcontent,
.uk-legacy #div_navstatics {
  display: inline-block;
  vertical-align: top;
  width: 201px;
  min-height: 332px;
}
.uk-legacy #umbrellas > li > ul > li a {
  text-decoration: none;
}
.uk-legacy #umbrellas > li > ul > li > ul {
  margin-right: 42px;
  width: 160px;
}
.uk-legacy #umbrellas > li > ul > li > ul,
.uk-legacy #umbrellas > li > ul > li > ul > li,
.uk-legacy #umbrellas > li > ul > li > ul > li > ul {
  list-style: none;
  padding: 0;
}
.uk-legacy #umbrellas > li > ul > li > ul > li {
  margin-bottom: 16px;
}
.uk-legacy #umbrellas > li > ul > li > ul > li > a,
.uk-legacy #umbrellas > li > ul > li > ul > li > span {
  text-transform: uppercase;
  font-size: 12px;
}
.uk-legacy #umbrellas > li > ul > li > ul > li > a {
  font-weight: bold;
}
.uk-legacy #umbrellas > li > ul > li > ul > li > ul {
  border-top: solid 1px #A1A1A1;
  line-height: 21px;
  margin-top: 4px;
}
.uk-legacy #umbrellas > li > ul > li > ul > li > ul > li > a {
  font-size: 11px;
}
.uk-legacy #umbrellas > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
}
.uk-legacy #umbrellas > li.selected {
  transition: background 100ms ease, border-color 100ms ease;
  -ms-transition: background 100ms ease, border-color 100ms ease;
  -webkit-transition: background 100ms ease, border-color 100ms ease;
  -moz-transition: background 100ms ease, border-color 100ms ease;
  -o-transition: background 100ms ease, border-color 100ms ease;
  background-color: #B7B7B7;
}
.uk-legacy #umbrellas.nav-active > li:hover,
.uk-legacy #umbrellas.no-js > li:hover {
  background: #FFF !important;
  border-color: #DADADA;
  box-shadow: 0 -4px 7px -5px #999999;
  -webkit-box-shadow: 0 -4px 7px -5px #999999;
  -ms-box-shadow: 0 -4px 7px -5px #999999;
  -moz-box-shadow: 0 -4px 7px -5px #999999;
  -o-box-shadow: 0 -4px 7px -5px #999999;
}
.uk-legacy #umbrellas.nav-active > li:hover > span,
.uk-legacy #umbrellas.nav-active > li:hover > a,
.uk-legacy #umbrellas.nav-active > li.selected:hover > span,
.uk-legacy #umbrellas.nav-active > li.selected:hover > a,
.uk-legacy #umbrellas.no-js > li:hover > span,
.uk-legacy #umbrellas.no-js > li:hover > a {
  color: #777777;
}
.uk-legacy #umbrellas.nav-active > li > span:hover,
.uk-legacy #umbrellas.nav-active > li > a:hover {
  color: #b7b7b7 !important;
}
.uk-legacy #umbrellas.nav-active > li.selected > span,
.uk-legacy #umbrellas.nav-active > li.selected > a {
  transition: color 100ms ease;
  -ms-transition: color 100ms ease;
  -webkit-transition: color 100ms ease;
  -moz-transition: color 100ms ease;
  -o-transition: color 100ms ease;
}
.uk-legacy #umbrellas > li.selected > span,
.uk-legacy #umbrellas > li.selected > a {
  color: #ffffff;
}
.uk-legacy #umbrellas.nav-active > li:hover > ul,
.uk-legacy #umbrellas.no-js > li:hover > ul {
  display: block;
  box-shadow: 0 7px 18px -8px #999999;
  -webkit-box-shadow: 0 7px 18px -8px #999999;
  -ms-box-shadow: 0 7px 18px -8px #999999;
  -moz-box-shadow: 0 7px 18px -8px #999999;
  -o-box-shadow: 0 7px 18px -8px #999999;
}
.uk-legacy .navseparator {
  border-right: solid 1px #DADADA;
  padding-right: 15px;
  margin-right: 9px;
}
.uk-legacy #umbrellas > li > ul > .nav-imgcolumn,
.uk-legacy #umbrellas > li > ul > .nav-imgcolumn > ul {
  width: 266px;
}
.uk-legacy #div_navstatics {
  padding-right: 15px;
}
.uk-legacy #umbrellas > #nav-inspireme,
.uk-legacy #umbrellas > #nav-whiteideas {
  padding-top: 8px;
}
.uk-legacy #umbrellas > #nav-inspireme > span,
.uk-legacy #umbrellas > #nav-inspireme > a,
.uk-legacy #umbrellas > #nav-whiteideas > span,
.uk-legacy #umbrellas > #nav-whiteideas > a,
.uk-legacy #umbrellas > #nav-whiteideas > a {
  font: italic 13px "Times New Roman", Times, serif;
  letter-spacing: 2px;
  text-transform: capitalize !important;
}
.uk-legacy #nav-inspireme.nav-active:hover,
.uk-legacy #nav-whiteideas.nav-active:hover {
  border-right: solid 1px #DADADA !important;
}
.uk-legacy #umbrellas > #nav-sale > span,
.uk-legacy #umbrellas > #nav-sale > a,
.uk-legacy #umbrellas.nav-active > #nav-sale.selected:hover > span,
.uk-legacy #umbrellas.nav-active > #nav-sale.selected:hover > a,
.uk-legacy #umbrellas.no-js > #nav-sale.selected:hover > span,
.uk-legacy #umbrellas.no-js > #nav-sale.selected:hover > a,
.uk-legacy #umbrellas > #nav-offers > span,
.uk-legacy #umbrellas > #nav-offers > a,
.uk-legacy #umbrellas.nav-active > #nav-offers.selected:hover > span,
.uk-legacy #umbrellas.nav-active > #nav-offers.selected:hover > a,
.uk-legacy #umbrellas.no-js > #nav-offers.selected:hover > span,
.uk-legacy #umbrellas.no-js > #nav-offers.selected:hover > a {
  color: #9F1B33;
}
.uk-legacy #umbrellas.nav-active > #nav-sale > span:hover,
.uk-legacy #umbrellas.nav-active > #nav-sale > a:hover,
.uk-legacy #umbrellas.nav-active > #nav-offers > span:hover,
.uk-legacy #umbrellas.nav-active > #nav-offers > a:hover {
  color: #9f1b33 !important;
}
.uk-legacy #umbrellas > #nav-sale.selected,
.uk-legacy #umbrellas > #nav-offers.selected {
  background-color: #9F1B33;
}
.uk-legacy #umbrellas > #nav-sale.selected > span,
.uk-legacy #umbrellas > #nav-sale.selected > a,
.uk-legacy #umbrellas > #nav-offers.selected > span,
.uk-legacy #umbrellas > #nav-offers.selected > a {
  color: #ffffff;
}
.uk-legacy #div_collectionContent {
  width: 980px;
  margin: auto;
}
.uk-legacy .post-header-link {
  background: #e9e8e8;
  font-size: 11px;
  letter-spacing: 1px;
  padding-bottom: 5px;
  padding-top: 7px;
}
.uk-legacy #div_globalheaderbanner > div {
  position: relative;
}
.uk-legacy #div_termstext {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  top: 105%;
  left: 0;
  margin-left: 0;
  padding-bottom: 10px;
}
.uk-legacy #div_termstext > h3,
.uk-legacy #div_termstext > p {
  font-size: 10px;
  padding: 0px 14px;
}
.uk-legacy #div_termstext > h3 {
  font-weight: bold;
}
.uk-legacy #div_dismisspopup {
  display: block;
  margin-left: auto;
  margin-right: 8px;
  margin-top: 8px;
  cursor: pointer;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/utilityicons?scl=1&fmt=png-alpha") no-repeat scroll 0px -123px transparent;
  width: 14px;
  height: 14px;
}
.uk-legacy #ls-breadcrumblist > li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
.uk-legacy #ls-breadcrumblist > li:before {
  content: ">";
  margin: 0 6px;
}
.uk-legacy #ls-breadcrumblist > li:first-child:before {
  display: none;
}
.uk-legacy #ls-breadcrumblist > li > a {
  border-bottom: 1px dotted #000;
  text-decoration: none;
}
.uk-legacy .breadcrumblink {
  text-decoration: underline;
}
.uk-legacy #site_body {
  display: block;
  margin: auto;
  position: relative;
  width: 980px;
}
.uk-legacy .pre-footer-list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 18px auto 20px auto;
  font-family: "Times New Roman", Times, serif;
}
.uk-legacy .pre-footer-list-ul {
  text-align: center;
  /*width: 97%;*/
  margin: 0 auto 16px;
  vertical-align: middle;
}
.uk-legacy .pre-footer-list-ul > li {
  display: inline-block;
  vertical-align: middle;
}
.uk-legacy .pre-footer-list > ul > li > a {
  display: block;
  font-size: 13px;
  margin: 0 34px 0 0;
  text-decoration: none;
}
.uk-legacy #footer-container,
.uk-legacy #footer-container-stop {
  position: static;
  font-size: 11px;
  letter-spacing: 1px;
}
.uk-legacy .footer-top-container {
  height: 59px;
  width: 980px;
    margin: auto;
}
.uk-legacy .footer-list {
  z-index: 1;
}
@media only screen and (max-device-height: 967px) and (max-device-width: 967px) and (min-device-width: 320px) {
  .uk-legacy .footer-top-container {
    height: 0px;
  }
}
.uk-legacy .footer-list > li {
  width: 150px;
}
.uk-legacy .footer-list > li.brochure {
  width: auto;
}
.uk-legacy .footer-list-title {
  line-height: 12px;
  margin: 0 0 43px;
  font-weight: bold;
}
.uk-legacy .footer-list-inner-list {
  margin: 18px 0 0;
}
.uk-legacy .footer-list-inner-list > li {
  margin: 0 0 8px;
}
.uk-legacy .footer-list-inner-list > li > a {
  text-decoration: none;
}
.uk-legacy .footer-cc-awards {
  text-align: right;
  margin-bottom: 14px;
}
.uk-legacy #ls_sociallinks {
  min-width: 165px;
}
.uk-legacy #ls_sociallinks > ul {
  margin-top: 16px;
}
.uk-legacy #ls_sociallinks > ul > li {
  display: inline-block;
}
.uk-legacy #ls_sociallinks > ul > li > a {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 0;
  overflow: hidden;
  text-indent: -999em;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/Social-icons-sprite?scl=1&fmt=png-alpha") no-repeat;
}
.uk-legacy #ls_sociallinks > ul > li:nth-child(7) {
  display: block;
}
.uk-legacy #ls_sociallinks > ul > li:nth-child(7) a{
  height: 30px;
}
.uk-legacy .a_fb {
  background-position: -3px 0 !important;
  width: 17px !important;
}
.uk-legacy .a_fb:hover {
  background-position: -3px -21px !important;
  width: 17px !important;
}
.uk-legacy .a_twitter {
  background-position: -24px 0 !important;
}
.uk-legacy .a_twitter:hover {
  background-position: -24px -22px !important;
}
.uk-legacy .a_pinterest {
  background-position: -48px 0 !important;
}
.uk-legacy .a_pinterest:hover {
  background-position: -48px -21px !important;
}
.uk-legacy .a_instagram {
  background-position: -72px 0 !important;
}
.uk-legacy .a_instagram:hover {
  background-position: -72px -21px !important;
}
.uk-legacy .a_gplus {
  background-position: -96px 0 !important;
  width: 30px !important;
}
.uk-legacy .a_gplus:hover {
  background-position: -96px -21px !important;
  width: 30px !important;
}
.uk-legacy .a_youtube {
  background-position: -130px -0!important;
  width: 30px !important;
}
.uk-legacy .a_youtube:hover {
  background-position: -130px -21px !important;
  width: 30px !important;
}
.uk-legacy .a_blog {
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc-sprite-icons?scl=1&fmt=png-alpha") no-repeat scroll -101px -67px transparent !important;
  width: 100% !important;
  margin-top: 10px;
}
.uk-legacy .footer-bottom {
  height: 139px;
  width: 980px;
  margin: auto;
}
.uk-legacy .footer-bottom-list {
  bottom: 0;
  right: 0;
}
.uk-legacy #fm_email_Subscription > fieldset {
  margin: 0;
}
.uk-legacy #in_EmailToSubscribe,
.uk-legacy #img_sign_up {
  display: inline-block;
  vertical-align: middle;
}
.uk-legacy #in_EmailToSubscribe {
  border: 1px solid #777;
  height: 15px;
  padding: 3px 11px;
  width: 200px;
  font: italic 12px "Times New Roman", Times, serif;
  letter-spacing: 1px;
}
.uk-legacy #img_sign_up {
  background: none repeat scroll 0 0 #6F6A6A;
  border: 0 none;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
  padding: 0;
  height: 23px;
  width: 63px;
  cursor: pointer;
  margin-left: -0.3em;
}

.uk-legacy [class|=button] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
  overflow: visible;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 4px 10px;
  min-width: 56px;
  display: inline-block;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}
.uk-legacy .button-halo {
  background-color: #FFF;
  border: 1px solid #000;
}
.uk-legacy .button-full,
.uk-legacy .button-content {
  background-color: #000;
  border: 1px solid #000;
  color: #FFF;
}
.uk-legacy .button-content {
  letter-spacing: 0.06em;
  padding: 8px 17px;
}
.uk-legacy .button-halo::-moz-focus-inner,
.uk-legacy .button-full::-moz-focus-inner,
.uk-legacy .button-content::-moz-focus-inner {
  margin: -1px;
  padding: 0;
  border: 0;
}
.uk-legacy div.button-halo,
.uk-legacy div.button-full,
.uk-legacy div.button-content {
  position: relative;
}
.uk-legacy div.button-halo > span,
.uk-legacy div.button-full > span,
.uk-legacy div.button-content > span {
  display: inherit;
}
.uk-legacy div.button-halo > input[type=image],
.uk-legacy div.button-full > input[type=image],
.uk-legacy div.button-content > input[type=image] {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.uk-legacy .large {
  padding: 10px 36px;
}
.uk-legacy .button-full.primary-black,
.uk-legacy .button-halo.secondary,
.uk-legacy .button-full.standard,
.uk-legacy .button-full.standard-grey,
.uk-legacy .button-full.standard.error {
  font-size: 11px;
  padding: 11px 39px;
  letter-spacing: 2px;
}
.uk-legacy .button-full.primary-black,
.uk-legacy .button-full.standard {
  border-color: #777;
  background-color: #777;
}
.uk-legacy .button-full.standard-grey {
  border-color: #c8c8c8;
  background-color: #c8c8c8;
}
.uk-legacy .button-full.standard.error {
  background-color: #990202;
  border-color: #990202;
}
.uk-legacy .button-full.primary-black {
  background-color: #000;
  border-color: #000;
}
.uk-legacy .button-full.standard,
.uk-legacy .button-full.standard-grey,
.uk-legacy .button-full.standard.error {
  padding: 4px 7px;
}
.uk-legacy #product-purchase-window-container {
  height: 639px;
  left: 0;
  position: fixed;
  top: 0;
  width: 1903px;
  z-index: 5000;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/ampliance-pop-up_background?scl=1&fmt=png-alpha") repeat scroll 0 0;
}
.uk-legacy #product-purchase-window {
  display: block;
  background-color: #FFF;
  padding: 24px;
  margin: auto;
  width: 800px;
  position: relative;
  top: 5%;
  border: solid 10px #ECECEC;
  z-index: 5;
}
.uk-legacy #window-purchase-close {
  position: absolute;
  top: 10px;
  right: 12px;
  padding-right: 17px;
  color: #A6A6A6;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat 46px 2px;
}

.uk-legacy #currency-country-window-container {
  height: 639px;
  left: 0;
  position: fixed;
  top: 0;
  width: 1903px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}
.uk-legacy #currency-country-window {
  display: block;
  background-color: #FFF;
  padding: 24px;
  margin: auto;
  max-width: 400px;
  width: 100%;
  position: relative;
  top: 5%;
  border: solid 10px #ECECEC;
  z-index: 5;
}
.uk-legacy #window-currency-country-close {
  position: absolute;
  top: 10px;
  right: 12px;
  padding-right: 17px;
  color: #A6A6A6;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat 46px 2px;
}
.uk-legacy .currencyLink #window-currency-country-close {
  height: 16px;
  width: 16px;
  padding: 4px;
  /*background-position: 8px 8px;*/
  background-position: 8px -264px;
  right: 6px;
  top: 6px;
  z-index: 1;
}
.uk-legacy #currency-country-window-container {
  display: none;
  width: 100%;
  height: 100%;
}
.uk-legacy #currency-country-window.currencyLink {
  position: relative;
  width: 850px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  top: 4%;
  min-height: 479px;
  padding: 16px;
}


.uk-legacy #window-purchase-imagecontainer {
  display: inline-block;
  width: 326px;
  height: 100%;
  vertical-align: top;
}
.uk-legacy #main-img {
  display: block;
}
.uk-legacy #first-alt-img {
  display: block;
}
.uk-legacy #first-alt-image-container,
.uk-legacy #second-alt-image-container {
  width: 163px;
  height: 163px;
  display: inline-block;
}
.uk-legacy #product-purchase-window-container {
  display: none;
  width: 100%;
  height: 100%;
}
.uk-legacy #product-purchase-window.quick_view {
  position: relative;
  width: 850px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  top: 4%;
  min-height: 479px;
  padding: 16px;
}
.uk-legacy .quick_view #window-purchase-imagecontainer {
  width: 397px;
}
.uk-legacy .quick_view #window-puchase-productinfo {
  float: right;
  width: 48%;
  margin: 0;
  min-height: 0;
}
.uk-legacy .quick_view #window-purchase-imagecontainer {
  position: relative;
  float: left;
}
.uk-legacy .quick_view #window-purchase-mainimg {
  display: none;
}
.uk-legacy .quick_view #product-title,
.uk-legacy .quick_view #pricetxt {
  font-family: arial, helvetica, "sans-serif";
  letter-spacing: initial;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.uk-legacy .quick_view #pricetxt,
.uk-legacy .quick_view #wasPrice {
  font-size: 20px;
  margin-bottom: 16px;
}
.uk-legacy .quick_view .sizeprice {
  font-family: arial, helvetica, "sans-serif";
  letter-spacing: initial;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.uk-legacy .quick_view .sizeprice {
  font-size: 20px;
  margin-bottom: 16px;
}
.uk-legacy .quick_view .product-title,
.uk-legacy .quick_view .pricetxt {
  font-family: arial, helvetica, "sans-serif";
  letter-spacing: initial;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.uk-legacy .quick_view .pricetxt,
.uk-legacy .quick_view .wasPrice {
  font-size: 20px;
  margin-bottom: 16px;
}
.uk-legacy .quick_view #dpw-reviews {
  margin-bottom: 18px;
}
.uk-legacy .quick_view .color_swatches {
  float: left;
}
.uk-legacy .quick_view .color_swatches > img {
  border: 1px solid #cccdd3;
}
.uk-legacy .quick_view .color_swatches.selected_colour > img {
  border: 1px solid #666;
}
.uk-legacy .quick_view #quick_view_pui > li > ul {
  display: none;
}
.uk-legacy .quick_view #quick_view_pui > li.selected_colour > ul {
  display: block;
}
.uk-legacy .quick_view #quick_view_pui > li.selected_colour > ul.hide_groups {
  min-width: 185px;
}
.uk-legacy .quick_view #quick_view_pui > li.selected_colour > ul.hide_groups ul {
  display: none;
}
.uk-legacy .colour_swatch {
  margin-bottom: 16px;
}
.uk-legacy .quick_view .prd_group {
  margin: 0 0 1.6em;
}
.uk-legacy .quick_view .prod-type {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 6px;
}
.uk-legacy .quick_view .prd_sizes {
  float: left;
  border: 1px solid #999;
  padding: 0;
  margin: 0 0.7em 0.7em 0em;
  height: 33px;
  width: 85px;
  text-align: center;
  cursor: pointer;
  display: table;
}
.uk-legacy .quick_view .prd_sizes span {
  display: table-cell;
  vertical-align: middle;
}
.uk-legacy .quick_view .prd_sizes:last-child {
  margin-right: 0;
}
.uk-legacy .quick_view .selected_size,
.uk-legacy .quick_view .prd_sizes.selected {
  border: 1px solid #000;
  color: #000;
}
.uk-legacy .quick_view #quick_view_pui > li > ul {
  position: absolute;
  left: 0;
}
.uk-legacy .quick_view #quick_view_pui > li.selected_colour > ul.show_groups {
  display: block;
}
.uk-legacy .quick_view .hide_group .prd_group > ul {
  display: none;
  left: 110%;
  top: 0;
  position: absolute;
}
.uk-legacy .color_swatches {
  margin-left: 7px;
}
.uk-legacy .color_swatches:first-child {
  margin-left: 0;
}
.uk-legacy .color_swathes > img {
  cursor: pointer;
}
.uk-legacy .quick_view .bed_linen {
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 10px;
}
.uk-legacy .quick_view .grp-bedlinen {
  border: solid 1px #DADADA;
  border-width: 1px 0 0;
  border-color: #DADADA;
  padding: 10px 5px 5px 0;
}
.uk-legacy .grp-bedlinen:last-child {
  border-bottom: 1px solid #DADADA;
}
.uk-legacy .quick_view .grp-bedlinen > span {
  content: "";
  width: 10px;
  height: 10px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat center center;
  background-position: 0 -223px;
  display: block;
  float: right;
}
.uk-legacy .quick_view .grp-bedlinen.selected_title {
  border: 1px solid #70425D;
  border-width: 1px 0;
}
.uk-legacy .quick_view .grp-bedlinen h2 {
  margin: 0;
}
.uk-legacy .prd_group.grp-bedlinen {
  margin: 0;
  cursor: pointer;
}
.uk-legacy .grp-bedlinen .prod-type {
  font-size: 12px;
}
.uk-legacy .instruction {
  display: block;
  margin: 7px 0;
  font: 12px arial, helvetica, "sans-serif";
  font-weight: bold;
}
.uk-legacy .select_color_swatch:before {
  content: "Colour:";
  font-weight: normal;
}
.uk-legacy .select_size_swatch:before {
  content: "Select size:";
  font-weight: normal;
}
.uk-legacy #sp-quantity:before {
  content: "Quantity";
  font-weight: normal;
}
.uk-legacy .quick_view #sp-stock {
  text-transform: capitalize;
  font-size: 12px;
  width: auto;
  display: block;
  letter-spacing: normal;
  margin-bottom: 16px;
  color: #000;
}
.uk-legacy #quick-was:before {
  content: "was ";
}
.uk-legacy #quick-now {
  color: #9F1B33;
}
.uk-legacy #quick-now:before {
  content: "now ";
}
.uk-legacy .quick_view #bttn-pop-up-add-to-bag {
  margin: 18px 0 20px;
  width: 166px;
  font-size: 12px;
}
.uk-legacy .quick_view #sl-pop-up-qty {
  display: block;
}
.uk-legacy .quick_view #div-feedback {
  display: none;
  color: #377817;
  margin-top: 0;
  text-align: left;
}
.uk-legacy .quick_view #sp-stock.error-msg {
  color: #9F1B33;
}
.uk-legacy .quick_view #more-details-link {
  text-align: left;
  margin: 0;
}
.uk-legacy .quick_view [id|=slide-nos] > li {
  border: none;
  background-color: #dfdfdf;
}
.uk-legacy .quick_view [id|=slide-nos] > li.current-slide {
  background-color: #000 !important;
}
.uk-legacy .quick_view .arrow {
  position: absolute;
  top: 43%;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/carousel-arrows?scl=1&fmt=png-alpha");
  z-index: 10;
  cursor: pointer;
  width: 25px;
  height: 25px;
  text-indent: -9999em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uk-legacy .quick_view #altimgprev {
  left: 10px;
}
.uk-legacy .quick_view #altimgnext {
  right: 10px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/carousel-arrows?scl=1&fmt=png-alpha") no-repeat 0 -30px;
}
.uk-legacy .quick_view #window-purchase-close {
  height: 16px;
  width: 16px;
  padding: 4px;
  /*background-position: 8px 8px;*/
  background-position: 8px -264px;
  right: 6px;
  top: 6px;
  z-index: 1;
}
.uk-legacy #bttn-pop-up-add-to-bag[disabled=disabled] {
  background-color: #c8c8c8;
  border: 1px solid #c8c8c8;
  cursor: auto;
}
.uk-legacy #quick-spinner {
  position: absolute;
  top: 48%;
  left: 48%;
}
.uk-legacy .quick_view #div-markdownbanner {
  width: 384px;
  padding: 0px 16px 12px 0px;
}
.uk-legacy .quick_view #div-markdownbanner > span {
  display: block;
  color: white;
  text-align: center;
  width: 168px;
  padding: 3px 0px;
  font-size: 1.3em;
  font-weight: bold;
  background-color: #9F1B33;
}
.uk-legacy .quick_view .pdp-spinner {
  margin: 23px 0;
}
.uk-legacy .feedbackDate {
  float: right;
  left: -50px;
  position: relative;
}
.uk-legacy .r_heading {
  font-weight: bold;
  padding: 12px 0 8px;
}
.uk-legacy .r_heading:first-child {
  padding: 8px 0;
}
.uk-legacy .productComment {
  padding-bottom: 20px;
  padding-top: 4px;
}
.uk-legacy #window-puchase-productinfo {
  position: relative;
  display: inline-block;
  margin-left: 2.4%;
  width: 54.1%;
  vertical-align: top;
  min-height: 487px;
}
.uk-legacy #star-rating {
  display: block;
  width: 70px;
  height: 10px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat 0 -124px;
}
.uk-legacy #dpw-reviews #noofreviews {
  display: none;
}
.uk-legacy #product-title {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 2px;
  margin-bottom: 17px;
  color: #3A3A3A;
}
.uk-legacy #product-price {
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 6.6%;
  font-style: italic;
  text-transform: lowercase;
}
.uk-legacy #product-price > span {
  font-size: 12px;
  font-style: italic;
}
.uk-legacy #collapse2-sizecare,
.uk-legacy #collapse2-details,
.uk-legacy #collapse2-delivery,
.uk-legacy #collapse2-reviews {
  border-bottom: 1px solid #DEDEDE;
  padding: 2.2% 0 0 2.2%;
}
.uk-legacy #collapse2-details {
  border-top: 1px solid #DEDEDE;
}
.uk-legacy #collapse2-sizecare > span,
.uk-legacy #collapse2-details > span,
.uk-legacy #collapse2-delivery > span,
.uk-legacy #collapse2-reviews > span {
  text-transform: uppercase;
  padding-bottom: 2.4%;
  display: block;
  position: relative;
  color: #393939;
}
.uk-legacy #collapse2-sizecare > div > p,
.uk-legacy #collapse2-details > div > p,
.uk-legacy #collapse2-delivery > div > p,
.uk-legacy #collapse2-reviews > div > p {
  color: #707070;
  margin: 0%;
}
.uk-legacy #details-oflow-content,
.uk-legacy #sizecare-oflow-content,
.uk-legacy #delivery-oflow-content,
.uk-legacy #reviews-oflow-content {
  height: 140px;
  margin: 0 0 12px;
  overflow: auto;
  font-size: 12px;
  color: #707070;
}
.uk-legacy #details-oflow-content > p {
  font-size: 12px;
}
.uk-legacy #delivery-oflow-content > table > tbody {
  font-size: 12px;
}
.uk-legacy .widget {
  display: block;
  position: absolute;
  top: -5px;
  right: 0;
  width: 100%;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat 418px -50px;
}
.uk-legacy #collapse2-sizecare.collapse2-open > span > .widget,
.uk-legacy #collapse2-details.collapse2-open > span > .widget,
.uk-legacy #collapse2-delivery.collapse2-open > span > .widget,
.uk-legacy #collapse2-reviews.collapse2-open > span > .widget {
  display: none;
}
.uk-legacy #pop-up-purchase-ui {
  height: 96px;
}
.uk-legacy #pop-up-purchase-ui > div {
  height: inherit;
  position: relative;
}
.uk-legacy #pop-up-purchase-ui > div > ul {
  height: inherit;
}
.uk-legacy #pop-up-purchase-ui > div > ul > li {
  display: inline-block;
  /*
	border: solid 1px #DADADA;
	padding: 8px;
	background-color: #FFF;
	text-transform: uppercase;
	margin: 6px 3px;
	min-width: 26px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 5px 0 #DADADA;
	-webkit-box-shadow: 0 0 5px 0 #DADADA;
	-moz-box-shadow: 0 0 5px 0 #DADADA;
	-o-box-shadow: 0 0 5px 0 #DADADA;
	 */
}
.uk-legacy #pop-up-purchase-ui > div > ul > li.selected {
  /*
	border: solid 1px #70425D;
	box-shadow: inset 2px 2px 5px 1px #CDCDCD;
	-webkit-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
	-moz-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
	-o-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
	 */
}
.uk-legacy #pop-up-purchase-ui > div > ul > li > ul {
  display: none;
  position: absolute;
  /*  left: 0;
    top: 28%;
    min-width: 300px;
    width: 100%;*/
  background-color: #FFF;
  text-align: left;
  cursor: auto;
}
.uk-legacy #pop-up-purchase-ui > div > ul > li.selected > ul,
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li.selected > ul > li.selected > ul {
  display: block;
}
.uk-legacy #pop-up-purchase-ui > div > ul[data-grouped="true"] > li.selected > ul > li.selected > ul {
  /*  left: 100%;
    width: 134%;
    padding-left: 8px;*/
  top: 0;
}
.uk-legacy #pop-up-purchase-ui > div > ul > li > ul > li,
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > ul > li {
  padding: 0px;
  background-color: #FFF;
  text-transform: uppercase;
  /*border: solid 1px #DADADA;
  height: 33px;
  width: 85px;
  margin: 6px 4px;
  min-width: 16px;
  text-align: center;
  cursor: pointer;
  /*
	box-shadow: 0 0 5px 0 #DADADA;
	-webkit-box-shadow: 0 0 5px 0 #DADADA;
	-moz-box-shadow: 0 0 5px 0 #DADADA;
	-o-box-shadow: 0 0 5px 0 #DADADA;
*/
}/*
.uk-legacy #pop-up-purchase-ui > div > ul > li > ul > li {
  display: inline-block;
  padding: 8px;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > ul > li {
  display: table;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > ul > .prd_sizes {
  width: 80px;
}
.uk-legacy #more-details-link,
.uk-legacy #more-details-link-amplience {
  text-align: right;
  margin-bottom: 0;
}
.uk-legacy #pop-up-purchase-ui.grouped {
  line-height: 1.1em;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > ul > li {
  margin: 0 4px 8px;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul {
  width: 40.51%;
  top: 0;
  min-width: 167px;
}*/
/*
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li {
text-align: left;
display: block;
margin: 0;
padding-right: 0;
border-width: 1px 0 0;
border-color: #DADADA;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
   */
/*.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > span {
  float: right;
  display: block;
  width: 10px;
  height: 10px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/amplience-icons?scl=1&qlt=100") no-repeat center center;
  background-position: 0 -223px;
}*/
/*.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li.selected > span {
  background-position: 0 -243px;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li:first-child {
  border-top-width: 1px;
  border-top-color: #DADADA;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li:last-child {
  border-bottom-width: 1px !important;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li.selected {
  border-width: 1px 0 0;
  border-color: #70425D;*/
/*
  box-shadow: inset 0 11px 10px -10px #CDCDCD;
  -webkit-box-shadow: inset 0 11px 10px -10px #CDCDCD;
  -moz-box-shadow: inset 0 11px 10px -10px #CDCDCD;
  -o-box-shadow: inset 0 11px 10px -10px #CDCDCD;

}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li.selected + li {
border-top-color: #70425D;
}
.uk-legacy #pop-up-purchase-ui > div.grouped > ul > li > ul > li > ul {
position: absolute;
text-align: left;
display: none;
}
.uk-legacy #pop-up-purchase-ui > div > ul > li > ul > li.selected,
.uk-legacy #pop-up-purchase-ui > div > ul > li > ul > li > ul > li.selected {
border: solid 1px #70425D;
/*
  box-shadow: inset 2px 2px 5px 1px #CDCDCD;
  -webkit-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
  -moz-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
  -o-box-shadow: inset 2px 2px 5px 1px #CDCDCD;
}
   */
.uk-legacy li[data-stock="Limited Stock"] {
  background-color: #DADADA !important;
}
.uk-legacy li[data-stock="outOfStock"],
.uk-legacy li[data-stock="Sold Out"] {
  background-color: #ECECEC !important;
  color: #CCCDD3;
  cursor: auto !important;
  box-shadow: 0 0 0 0 !important;
  -webkit-box-shadow: 0 0 0 0 !important;
  -moz-box-shadow: 0 0 0 0 !important;
  -o-box-shadow: 0 0 0 0 !important;
}
.uk-legacy #ls-price,
.uk-legacy #sp-stock,
.uk-legacy #sl-pop-up-qty {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.uk-legacy #ls-price {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-style: italic;
}
.uk-legacy #dpw-now-column {
  font-size: 22px;
}
.uk-legacy #dpw-was-column {
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: line-through;
  color: #999;
}
.uk-legacy #sp-stock {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  text-align: left;
}
.uk-legacy #sl-pop-up-qty {
  -webkit-appearance: initial;
  border-radius: 0;
  height: 40px;
  width: 78px;
  font-size: 12px;
  padding: 11px 11px 11px 15px;
  border-color: #DADADA;
  background: url("/Images/ENG/icons/qty-drop-down.gif") no-repeat 68% center;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  -ms-appearance: none;
}
.uk-legacy #div-shoppingbuttons {
  margin: 24px 0;
  height: 6em;
}
.uk-legacy #bttn-pop-up-add-to-bag {
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  vertical-align: middle;
  margin-left: 22px;
  letter-spacing: 1px;
}
.uk-legacy #div-feedback {
  height: 20px;
  margin: 12px 0;
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
  color: #105F32;
  position: relative;
}
.uk-legacy #img-spinner {
  position: absolute;
  right: 44px;
  padding-top: 3px;
  display: none;
}
.uk-legacy #main-img_img_viewport {
  width: 500px;
  height: 500px;
}
.uk-legacy #alt-imgs-container {
  overflow: auto;
}
.uk-legacy #alt-imgs-list > li {
  display: inline-block;
  cursor: pointer;
}
.uk-legacy #alt-imgs-container::-webkit-scrollbar,
.uk-legacy #details-oflow-content::-webkit-scrollbar,
.uk-legacy #sizecare-oflow-content::-webkit-scrollbar,
.uk-legacy #delivery-oflow-content::-webkit-scrollbar,
.uk-legacy #reviews-oflow-content::-webkit-scrollbar {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.uk-legacy #alt-imgs-container::-webkit-scrollbar {
  height: 10px;
}
.uk-legacy #details-oflow-content::-webkit-scrollbar,
.uk-legacy #sizecare-oflow-content::-webkit-scrollbar,
.uk-legacy #delivery-oflow-content::-webkit-scrollbar,
.uk-legacy #reviews-oflow-content::-webkit-scrollbar {
  width: 10px;
}
.uk-legacy #alt-imgs-container::-webkit-scrollbar-track,
.uk-legacy #details-oflow-content::-webkit-scrollbar-track,
.uk-legacy #sizecare-oflow-content::-webkit-scrollbar-track,
.uk-legacy #delivery-oflow-content::-webkit-scrollbar-track,
.uk-legacy #reviews-oflow-content::-webkit-scrollbar-track {
  border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #D2D2D2;
  border: solid 4px #FFF;
}
.uk-legacy #alt-imgs-container::-webkit-scrollbar-thumb,
.uk-legacy #details-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #sizecare-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #delivery-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #reviews-oflow-content::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #B9B9B9;
  border-style: solid;
  border-color: #FFF;
}
.uk-legacy #alt-imgs-container::-webkit-scrollbar-thumb {
  border-width: 2px 0;
}
.uk-legacy #details-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #sizecare-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #delivery-oflow-content::-webkit-scrollbar-thumb,
.uk-legacy #reviews-oflow-content::-webkit-scrollbar-thumb {
  border-width: 0 2px;
}
.uk-legacy .promo-copy {
  display: block;
  border: solid 1px #dadada;
  background-color: #FFF;
  text-decoration: none;
}
.uk-legacy .promo-copy > img {
  display: block;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-copy > div {
  text-align: center;
  min-height: 100px;
}
.uk-legacy .promo-copy > div > h2 {
  color: #363636;
  font: normal 18px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 11px;
  margin: 0;
}
.uk-legacy .promo-copy > div > h2:after {
  content: ".";
  font-size: 0;
  display: block;
  width: 71.2%;
  max-width: 225px;
  height: 1px;
  background-color: #A1A1A1;
  margin: 6px auto 8px auto;
}
.uk-legacy .promo-copy > div > p {
  color: #484848;
  font: 11px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0 10px 0 10px;
  margin: 3px 0px 0px 0px;
  line-height: 16px;
}
.uk-legacy .promo-banner > ul {
  display: none;
}
.uk-legacy .promo-copy,
.uk-legacy .promo-copy > div > hr,
.uk-legacy .promo-copy > div > h2:after {
  transition: background-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms;
}
.uk-legacy .promo-copy > div > h2,
.uk-legacy .promo-copy > div > p {
  transition: color 500ms ease 300ms;
  -webkit-transition: color 500ms ease 300ms;
  -moz-transition: color 500ms ease 300ms;
  -o-transition: color 500ms ease 300ms;
}
.uk-legacy .promo-copy:hover {
  background-color: #a8a4a4;
}
.uk-legacy .no-hover .promo-copy {
  background-color: #ffffff !important;
}
.uk-legacy .promo-copy:hover > div > hr,
.uk-legacy .promo-copy:hover > div > h2:after {
  background-color: #ffffff;
}
.uk-legacy .no-hover .promo-copy:hover > div > hr,
.uk-legacy .no-hover .promo-copy > div > h2:after {
  background-color: #a1a1a1 !important;
}
.uk-legacy .promo-copy:hover > div > h2,
.uk-legacy .promo-copy:hover > div > p {
  color: #FFF;
}
.uk-legacy .no-hover .promo-copy:hover > div > h2,
.uk-legacy .no-hover .promo-copy:hover > div > p {
  color: #484848 !important;
}
.uk-legacy .promo-banner {
  display: block;
  position: relative;
  text-decoration: none;
}
.uk-legacy .promo-banner > img {
  display: block;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-banner > div > h2 {
  color: #484848;
  font: italic normal normal 22px "Times New Roman", Times, serif;
  text-align: center;
  text-transform: lowercase;
  position: absolute;
  background-color: #F1F1F1;
  background-color: rgba(241, 241, 241, 0.8);
  width: 100%;
  padding: 7px 0 10px;
  margin: 0;
  top: 42%;
  letter-spacing: 4px;
}
.uk-legacy .promo-banner:hover > div > h2 {
  background-color: #A8A4A4;
  background-color: #a8a4a4;
}
.uk-legacy .promo-banner > div > hr,
.uk-legacy .promo-banner > div > p,
.uk-legacy .promo-banner > ul {
  display: none;
}
.uk-legacy .promo-banner > div > h2 {
  transition: background-color 500ms ease 300ms, color 500ms ease 300ms, opacity 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms, color 500ms ease 300ms, opacity 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms, color 500ms ease 300ms, opacity 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms, color 500ms ease 300ms, opacity 500ms ease 300ms;
}
.uk-legacy .promo-title,
.uk-legacy .promo-title-light {
  color: #484848;
  display: block;
  margin-top: 0px;
  text-decoration: none;
}
.uk-legacy .promo-title-light {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.uk-legacy .promo-title > img,
.uk-legacy .promo-title-light > img {
  display: block;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-title-light > div {
  border: 1px solid #DADADA;
  border-top: none;
}
.uk-legacy .promo-title > div > h2,
.uk-legacy .promo-title-light > div > h2 {
  text-align: center;
  font: normal normal normal 16px "Times New Roman", Times, serif;
  text-transform: uppercase;
  padding: 12px 0px;
  margin: 0;
  letter-spacing: 3px;
}
.uk-legacy .promo-title > div > h2 > span,
.uk-legacy .promo-title-light > div > h2 > span {
  text-transform: lowercase;
  font-style: italic;
  display: block;
}
.uk-legacy .promo-title > div > h2 > span > b,
.uk-legacy .promo-title-light > div > h2 > span {
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
.uk-legacy .promo-title > div > hr,
.uk-legacy .promo-title-light > div > hr,
.uk-legacy .promo-title > div > p,
.uk-legacy .promo-title-light > div > p,
.uk-legacy .promo-title > ul,
.uk-legacy .promo-title-light > ul {
  display: none;
}
.uk-legacy .promo-title,
.uk-legacy .promo-title-light {
  transition: background-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms;
}
.uk-legacy .promo-title > div > h2,
.uk-legacy .promo-title-light > div > h2 {
  transition: color 500ms ease 300ms;
  -webkit-transition: color 500ms ease 300ms;
  -moz-transition: color 500ms ease 300ms;
  -o-transition: color 500ms ease 300ms;
}
.uk-legacy .promo-copy:hover,
.uk-legacy .promo-title:hover,
.uk-legacy .promo-light:hover,
.uk-legacy .promo-title-light:hover {
  background-color: #a8a4a4;
}
.uk-legacy .no-hover .promo-title,
.uk-legacy .no-hover .promo-title-light {
  background-color: #ffffff !important;
}
.uk-legacy .promo-title:hover > div > h2,
.uk-legacy .promo-title-light:hover > div > h2 {
  color: #FFF;
}
.uk-legacy .no-hover .promo-title:hover > div > h2,
.uk-legacy .no-hover .promo-title-light:hover > div > h2 {
  color: #484848 !important;
}
.uk-legacy .promo-photo {
  display: block;
  background-color: #F2F2F2;
  text-decoration: none;
  padding: 4% 0;
}
.uk-legacy .promo-photo-white {
  display: block;
  background-color: #FFF;
  text-decoration: none;
  padding: 4% 0;
}
.uk-legacy .promo-photo > img,
.uk-legacy .promo-photo-white > img {
  display: block;
  padding: 0;
  width: 92.5%;
  height: auto;
  margin: auto;
}
.uk-legacy .promo-photo > div,
.uk-legacy .promo-photo-white > div,
.uk-legacy .promo-photo-light > div {
  text-align: center;
}
.uk-legacy .promo-photo > div > h2,
.uk-legacy .promo-photo-white > div > h2 {
  text-transform: lowercase;
  font: italic normal normal 22px "Times New Roman", Times, serif;
  padding: 1px 9px 1px 9px;
  margin: 0;
  letter-spacing: 1px;
}
.uk-legacy .promo-photo > div > span,
.uk-legacy .promo-photo-white > span,
.uk-legacy .promo-photo-light > span {
  font: 12px "Times New Roman", Times, serif;
  line-height: 14px;
  letter-spacing: 1px;
}
.uk-legacy .promo-photo > div > p,
.uk-legacy .promo-photo-white > div > p {
  font: 10px/14px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/lwc_line?scl=1&fmt=png-alpha") no-repeat scroll 50% 0 transparent;
  margin: 10px 0 14px;
  padding: 12px 9px 0;
}
.uk-legacy .promo-photo > div > hr,
.uk-legacy .promo-photo > ul,
.uk-legacy .promo-photo-white > div > hr,
.uk-legacy .promo-photo-white > ul,
.uk-legacy .promo-photo-light > div > hr {
  display: none;
}
.uk-legacy .promo-photo:hover,
.uk-legacy .promo-photo-white:hover {
  color: #626262;
}
.uk-legacy .promo-photo,
.uk-legacy .promo-photo-white {
  transition: background-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms;
}
.uk-legacy .promo-photo:hover {
  background-color: #ffffff;
}
.uk-legacy .no-hover .promo-photo:hover {
  background-color: #f2f2f2;
}
.uk-legacy .promo-photo-white:hover {
  background-color: #a8a4a4;
}
.uk-legacy .no-hover .promo-photo-white:hover {
  background-color: #ffffff;
}
.uk-legacy .promo-photo-light {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  background-color: #FFF;
  border: 2px solid #E3E3E3;
  padding: 4% 0 22px;
  text-align: center;
  text-decoration: none;
  transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
}
.uk-legacy .promo-photo-light:hover {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
}
.uk-legacy .promo-photo-light > img {
  display: block;
  padding: 0;
  width: 92.5%;
  height: auto;
  margin: auto;
}
.uk-legacy .promo-photo-light > div > h2 {
  font-family: "Times New Roman", Times, serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #484848;
  padding: 10px 0 5px;
  margin: 0;
}
.uk-legacy .promo-photo-light > div > p {
  color: #666;
  display: inline;
  font: 11px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding-right: 11px;
  margin-bottom: 22px;
  background: url("//whitecompany.scene7.com/is/image/whitecompany/arrow_lwc?scl=1&fmt=png-alpha") center right no-repeat;
}
.uk-legacy .promo-photo-light > ul {
  display: none;
}
.uk-legacy .promo-card,
.uk-legacy .promo-card-twc {
  display: block;
  position: relative;
  text-decoration: none;
}
.uk-legacy .promo-card > img,
.uk-legacy .promo-card-twc > img {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
  filter: alpha(opacity=100);
}
.uk-legacy .promo-card > div,
.uk-legacy .promo-card-twc > div {
  text-align: center;
  position: absolute;
  bottom: 31%;
  width: 100%;
}
.uk-legacy .promo-card > div > h2,
.uk-legacy .promo-card-twc > div > h2 {
  color: #313131;
  text-transform: lowercase;
  font: italic normal normal 22px "Times New Roman", Times, serif;
  padding: 0 2.9% 0;
  letter-spacing: 0.1em;
}
.uk-legacy .promo-card-twc > div > h2 {
  text-transform: uppercase;
  font-style: normal;
  margin: 0;
}
.uk-legacy .promo-card-twc > div > h2:after {
  content: ".";
  font-size: 0;
  display: block;
  width: 71.2%;
  max-width: 225px;
  height: 1px;
  background-color: #A1A1A1;
  margin: 6px auto 8px auto;
}
.uk-legacy .promo-card > div > h2.lwccopygrey,
.uk-legacy .promo-card-twc > div > h2.lwccopygrey {
  color: #626262;
}
.uk-legacy .promo-card > div > p,
.uk-legacy .promo-card-twc > div > p {
  color: #626262;
  font: 10px Helvetica, Arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 14px;
}
.uk-legacy .promo-card > div > p {
  margin: 3.4% 0 4.5%;
  padding: 3.8% 15.2% 0;
}
.uk-legacy .promo-card > div > p {
  background: url("//whitecompany.scene7.com/is/image/whitecompany/lwc_line?scl=1&fmt=png-alpha") no-repeat scroll 50% 0 transparent;
}
.uk-legacy .promo-card-twc > div > p {
  background: none;
  padding-top: 0;
  margin-top: 0;
}
.uk-legacy .promo-card > ul,
.uk-legacy .promo-card-twc > ul {
  width: 100%;
  display: block;
  text-align: center;
  padding: 20px 0;
}
.uk-legacy .promo-card > ul > li,
.uk-legacy .promo-card-twc > ul > li {
  display: inline;
  margin: 0 10px;
  text-transform: uppercase;
}
.uk-legacy .promo-card > ul > li > a,
.uk-legacy .promo-card-twc > ul > li > a {
  font-size: 12px;
  color: #626262;
}
.uk-legacy .promo-card > div > hr,
.uk-legacy .promo-card-twc > div > hr {
  display: none;
}
.uk-legacy .promo-card:hover {
  color: #626262;
}
.uk-legacy .promo-card:hover > div > h2 {
  color: #313131;
}
.uk-legacy .promo-card > ul > li > a:hover,
.uk-legacy .promo-card-twc > ul > li > a:hover {
  color: #777777 !important;
}
.uk-legacy .promo-card > img {
  transition: opacity 500ms ease 300ms;
  -webkit-transition: opacity 500ms ease 300ms;
  -moz-transition: opacity 500ms ease 300ms;
  -o-transition: opacity 500ms ease 300ms;
}
.uk-legacy .promo-card:hover > img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.uk-legacy .no-hover .promo-card:hover > img {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.uk-legacy .promo-letter {
  display: block;
  position: relative;
  text-decoration: none;
  border: 1px solid #DADADA;
}
.uk-legacy .promo-letter:hover > img {
  opacity: 0;
}
.uk-legacy .promo-letter > img {
  transition: opacity 500ms ease 300ms;
  -webkit-transition: opacity 500ms ease 300ms;
  -moz-transition: opacity 500ms ease 300ms;
  -o-transition: opacity 500ms ease 300ms;
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-letter > div {
  bottom: 23%;
  position: absolute;
  text-align: center;
}
.uk-legacy .promo-letter > div > h3 {
  color: #a8a4a4;
  font-size: 37px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 3px;
  text-transform: lowercase;
  margin: -6% 0 0;
  padding-left: 18%;
  padding-bottom: 10px;
}
.uk-legacy .promo-letter > div > h2 {
  width: 100%;
  color: #363636;
  font-family: "Times New Roman", Times, serif;
  font-size: 43px;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 3px;
  padding: 0 2.9% 0;
  margin: 0;
  text-transform: lowercase;
}
.uk-legacy .promo-letter > div > p {
  color: #626262;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 14px;
  margin: 0 0 4.5%;
  padding: 12px 13% 0;
}
.uk-legacy .promo-letter > div > h2:after {
  content: ".";
  display: block;
  background-color: #777;
  height: 1px;
  width: 69.64%;
  max-width: 206px;
  font-size: 0;
  margin: 2.02% auto 2.69%;
}
.uk-legacy .promo-copy-sale {
  display: block;
  border: solid 1px #B7B7B7;
  background-color: #000;
  text-decoration: none;
  height: 414px;
}
.uk-legacy .promo-copy-sale > img {
  display: none;
}
.uk-legacy .promo-copy-sale > div {
  text-align: center;
  margin: 3px;
  border: 1px solid #FFF;
  height: 406px;
}
.uk-legacy .promo-copy-sale > div > h2 {
  color: #FFF;
  font: normal normal normal 22px/45px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 25px;
  margin: 0;
}
.uk-legacy .promo-copy-sale > div > h2 > span {
  text-transform: uppercase;
  font-size: 65px;
}
.uk-legacy .promo-copy-sale > div > hr {
  width: 165px;
  color: #FFF;
  background: none repeat scroll 0 0 #A1A1A1;
  border: 0;
  height: 1px;
  margin: 10px auto;
}
.uk-legacy .promo-copy-sale > div > span {
  width: 165px;
  margin: 10px auto 0;
  color: #FFF;
  display: block;
}
.uk-legacy .promo-copy-sale > div > span:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.uk-legacy .promo-copy-sale > div > span > h3 {
  font: normal normal normal 98px/82px "Times New Roman", Times, serif;
  float: left;
  padding-left: 15px;
}
.uk-legacy .promo-copy-sale > div > span > span {
  font: 21px/37px "Times New Roman", Times, serif;
  float: left;
}
.uk-legacy .promo-copy-sale > div > span > span > em {
  font-size: 43px;
  font-style: normal;
}
.uk-legacy .promo-copy-sale > div > p {
  color: #FFF;
  font: 14px/18px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0 10px;
  margin: 0px;
}
.uk-legacy .promo-copy-sale > div > p.uppercase {
  font-family: 1px "Times New Roman", Times, serif;
}
.uk-legacy .promo-copy-sale > div > p.uppercase span {
  display: block;
  font-size: 11px;
}
.uk-legacy .promo-copy-sale > div > p > span {
  font-size: 11px;
}
.uk-legacy .promo-copy-sale-2 {
  display: block;
  border: solid 1px #D3D3D3;
  background-color: #FFF;
  text-decoration: none;
  height: 414px;
}
.uk-legacy .promo-copy-sale-2 > img {
  display: none;
}
.uk-legacy .promo-copy-sale-2 > div {
  text-align: center;
  margin: 3px;
  border: 1px solid #D3D3D3;
  height: 406px;
}
.uk-legacy .promo-copy-sale-2 > div > h2,
.uk-legacy .promo-copy-sale-2 > div > span {
  color: #9F1B33;
  font: normal normal normal 48px/45px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 36px;
}
.uk-legacy .promo-copy-sale-2 > div > h2 > span {
  display: block;
  text-transform: uppercase;
  font-size: 110px;
  margin: 25px 0 28px 0;
  letter-spacing: 0;
}
.uk-legacy .promo-copy-sale-2 > div > hr {
  width: 262px;
  color: #000;
  background: none repeat scroll 0 0 #000;
  border: 0;
  height: 1px;
  margin: 16px auto;
}
.uk-legacy .promo-copy-sale-2 > div > span {
  font-size: 60px;
  padding: 0;
  display: block;
  margin-bottom: 41px;
}
.uk-legacy .promo-copy-sale-2 > div > a {
  color: #FFF;
  display: block;
  width: 151px;
  margin: 0 auto 16px auto;
  padding: 2px 18px;
  background-color: #000;
  border: 1px solid #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow: visible;
  text-decoration: none;
  text-transform: uppercase;
}
.uk-legacy .promo-copy-sale-2 > div > a:hover {
  color: #FFF;
}
.uk-legacy .promo-copy-sale-2 > div > p {
  color: #000;
  font: 14px/18px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0 10px;
  margin: 0px;
}
.uk-legacy .promo-copy-sale-2 > div > p.uppercase {
  font-family: 1px "Times New Roman", Times, serif;
}
.uk-legacy .promo-copy-sale-2 > div > p.uppercase span {
  display: block;
  font-size: 11px;
}
.uk-legacy .promo-copy-sale-2 > div > p > span {
  font-size: 11px;
}
.uk-legacy .promo-copy-sale-2-inline {
  display: block;
  border: none;
  background-color: #FFF;
  text-decoration: none;
}
.uk-legacy .promo-copy-sale-2-inline > img {
  display: none;
}
.uk-legacy .promo-copy-sale-2-inline > div {
  text-align: center;
  border: solid #D3D3D3;
  border-width: 1px 0;
}
.uk-legacy .promo-copy-sale-2-inline > div > h2 {
  display: block;
  margin: auto;
  color: #9F1B33;
  font: normal normal normal 36px/45px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 8px;
  margin: 0;
  padding-bottom: 18px;
}
.uk-legacy .promo-copy-sale-2-inline > div > a {
  color: #FFF;
  display: inline-block;
  width: 151px;
  margin: 0 38px 12px;
  padding: 2px 18px;
  background-color: #000;
  border: 1px solid #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow: visible;
  text-decoration: none;
  text-transform: uppercase;
}
.uk-legacy .promo-copy-sale-2-inline > div > a:hover {
  color: #ffffff;
}
.uk-legacy .promo-light {
  display: block;
  background-color: #FFF;
  text-decoration: none;
}
.uk-legacy .promo-light > img {
  display: block;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-light > div {
  text-align: center;
  min-height: 71px;
  padding: 0 22px 19px;
  border: 1px solid #DADADA;
  border-top: none;
}
.uk-legacy .promo-light > div > h2 {
  color: #333;
  font: normal 16px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 17px 0 0 0;
  margin: 0;
}
.uk-legacy .promo-light > div > p {
  color: #666;
  font: 11px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0;
  margin: 6px 0 0;
  line-height: 14px;
}
.uk-legacy .promo-light {
  transition: background-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms;
}
.uk-legacy .promo-light > div > p,
.uk-legacy .promo-light > div > h2 {
  transition: color 500ms ease 300ms;
  -webkit-transition: color 500ms ease 300ms;
  -moz-transition: color 500ms ease 300ms;
  -o-transition: color 500ms ease 300ms;
}
.uk-legacy .promo-light:hover {
  background-color: #a8a4a4;
}
.uk-legacy .no-hover .promo-light {
  background-color: #ffffff !important;
}
.uk-legacy .promo-light:hover > div > h2,
.uk-legacy .promo-light:hover > div > p {
  color: #FFF;
}
.uk-legacy .no-hover .promo-light:hover > div > h2,
.uk-legacy .no-hover .promo-light:hover > div > p {
  color: #484848 !important;
}
.uk-legacy .bottom-banner,
.uk-legacy .promo-bottom-banner {
  position: relative;
  display: block;
}
.uk-legacy .bottom-banner > img,
.uk-legacy .promo-bottom-banner > img {
  display: block;
  width: 100%;
  height: auto;
}
.uk-legacy .promo-bottom-banner > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.uk-legacy .bottom-banner > h2,
.uk-legacy .promo-bottom-banner > div > h2 {
  color: #444;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 1px;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  padding: 16px;
  margin: 0;
  display: block;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(//whitecompany.scene7.com/is/image/whitecompany/banner%2Darrow%2D1?scl=1&fmt=png-alpha);
  background-position: 95.5% 20px;
  background-repeat: no-repeat;
  transition: color 500ms ease 10ms, background-color 500ms ease 10ms;
  -webkit-transition: color 500ms ease 10ms, background-color 500ms ease 10ms;
  -moz-transition: color 500ms ease 10ms, background-color 500ms ease 10ms;
  -o-transition-duration: color 500ms ease 10ms, background-color 500ms ease 10ms;
}
.uk-legacy .bottom-banner:hover > h2,
.uk-legacy .promo-bottom-banner:hover > div > h2 {
  color: #fff;
  background-color: #a8a4a4;
  background-color: rgba(168, 164, 164, 0.8);
  background-image: url(//whitecompany.scene7.com/is/image/whitecompany/banner%2Darrow%2Dhover%2D1?scl=1&fmt=png-alpha);
}
.uk-legacy .promo-bottom-banner > div > p {
  display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .uk-legacy .bottom-banner > h2,
  .uk-legacy .promo-bottom-banner > h2 {
    width: 90%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .uk-legacy .bottom-banner > h2,
  .uk-legacy .promo-bottom-banner > h2 {
    width: 95%;
  }
}
.uk-legacy .lwc-light,
.uk-legacy .promo-lwc-light {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 2px solid #E3E3E3;
  display: block;
  background-color: #FFF;
  text-decoration: none;
  transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms, border-color 500ms ease 300ms;
}
.uk-legacy .lwc-light > img,
.uk-legacy .promo-lwc-light > img {
  display: block;
  padding: 0;
  width: 92.5%;
  height: auto;
  margin: 4% auto 0;
}
.uk-legacy .lwc-light > div,
.uk-legacy .promo-lwc-light > div {
  padding: 0 22px 23px;
  text-align: center;
  border: none;
}
.uk-legacy .lwc-light > div > h2,
.uk-legacy .promo-lwc-light > div > h2 {
  color: #333;
  font: normal 16px "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 14px 0 5px;
  margin: 0;
}
.uk-legacy .lwc-light > div > p,
.uk-legacy .promo-lwc-light > div > p {
  color: #666;
  font: 11px Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.uk-legacy .lwc-light:hover,
.uk-legacy .promo-lwc-light:hover {
  background-color: #F2F2F2;
  border-color: #F2F2F2;
}
.uk-legacy .promolist-four,
.uk-legacy .promolist-three {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 1px solid #D5D5D5;
  margin: 30px 0;
  padding: 13px 16px 18px;
  text-align: center;
}
.uk-legacy .promolist-four > h2,
.uk-legacy .promolist-three > h2 {
  background-color: #FFF;
  color: #999;
  display: inline;
  font: italic 21px "Times New Roman", Times, serif;
  letter-spacing: 2px;
  padding: 0 20px;
  margin: 0;
  position: relative;
  text-transform: lowercase;
  top: -23px;
}
.uk-legacy .promolist-four > ul:after,
.uk-legacy .promolist-three > ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.uk-legacy .promolist-four > ul > li,
.uk-legacy .promolist-three > ul > li {
  text-align: center;
  float: left;
}
.uk-legacy .promolist-four > ul > li {
  width: 25%;
}
.uk-legacy .promolist-three > ul > li {
  width: 33.3%;
}
.uk-legacy .promolist-four > ul > li > a > img,
.uk-legacy .promolist-three > ul > li > a > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 0.5rem;
}
.uk-legacy .promolist-four > ul > li > a,
.uk-legacy .promolist-three > ul > li > a {
  display: block;
  font: Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #626262;
  font-size: 12px;
  padding: 0 11px;
}
.uk-legacy .promolist-four > ul > li > a > span,
.uk-legacy .promolist-three > ul > li > a > span {
  display: block;
  font-weight: bold;
  color: #000;
  line-height: 2;
}
@media only screen and (max-width: 320px) {
  .uk-legacy .promolist-four > ul > li,
  .uk-legacy .promolist-three > ul > li {
    width: 100%;
    float: none;
  }
}
.uk-legacy .lwc-flag {
  background: transparent url("/SupplyImages/spring13/lwc-banner.jpg") repeat-x 18% 0;
  height: 82px;
}
.uk-legacy .separator {
  border-top: 1px solid #A6A6A6;
  text-align: center;
  margin-top: 37px;
  height: 22px;
}
.uk-legacy .separator > span {
  top: -16px;
  font: italic normal normal 21px "Times New Roman", Times, serif;
  color: #626262;
  background-color: #FFF;
  padding: 0 24px;
  position: relative;
  letter-spacing: 2px;
}
.uk-legacy [id|="tabs"] {
  padding: 0px 2px 2px 0px;
}
.uk-legacy [id|="tabs"] > ul {
  position: relative;
  display: block;
  width: auto;
  height: 160px;
  list-style: none;
  padding: 0px;
  margin: 0em 0em 3em 0em;
  z-index: 1;
}
.uk-legacy [id|="tabs"] > ul > li {
  display: block;
  float: left;
  line-height: 1;
  padding: 0.8em 0.8em 0.9em 0.8em;
  margin-right: 0.4em;
  font-size: 1.1em;
  border: solid 1px #ECECEC;
  border-bottom-width: 0px;
  background-color: #F6F6F6;
  color: #484848;
  cursor: pointer;
  min-width: 72px;
}
.uk-legacy [id|="tabs"] > ul > li > h2 {
  font-size: 1em;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.uk-legacy [id|="tabs"] > ul > li > div {
  display: none;
  list-style: none;
  margin-top: 0.9em;
  padding: 0px;
  position: absolute;
  left: 0px;
  width: 100% !important;
  height: 100% !important;
  border: solid 1px #DADADA;
  background-color: #FFF;
  overflow: auto;
  z-index: -1;
  color: 484848;
  cursor: default;
}
.uk-legacy [id|="tabs"] > ul > li > div > span {
  display: block;
  padding: 12px;
  font-size: 1.1em;
}
.uk-legacy .selected-tab {
  border: solid #DADADA !important;
  border-bottom: solid #FFF !important;
  border-width: 1px !important;
  background-color: #FFF !important;
  color: #777 !important;
}
.uk-legacy .selected-tab > div {
  display: block !important;
}
.uk-legacy [id|=collapse] {
  transition-property: height;
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  overflow: hidden;
  height: 34px;
}
.uk-legacy .expand-button {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 17px;
  background-color: #777777;
  border: solid 1px #ECECEC;
  color: #FFFFFF;
  cursor: pointer;
}
.uk-legacy div[id|="spinbox"] {
  display: inline-block;
  position: relative;
  width: 34px;
}
.uk-legacy .twc-spinbox {
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uk-legacy .twc-spinbox-quantity:focus,
.uk-legacy .twc-spinbox-quantity-control:focus {
  outline: none;
}
.uk-legacy .twc-spinbox-quantity {
  width: 41px;
  height: 21px;
  text-align: center;
  border: 1px solid #d5d5d5;
  font-size: 16px;
  padding: 3px 0;
  line-height: 1.2;
  vertical-align: middle;
  /* 	The following styles are to reset Hybris defaults
	TODO take these out once Hybris default styles are no longer needed */
  line-height: normal;
  margin-bottom: 0;
  height: 29px;
}
.uk-legacy .twc-spinbox-quantity-control {
  padding: 2px 0;
  width: 28px;
  background-color: #000;
  color: #fff;
  border: 1px solid #cccdd3;
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  /* 	The following styles are to reset Hybris defaults
	TODO take these out once Hybris default styles are no longer needed */
  line-height: normal;
}
.uk-legacy .twc-spinbox-quantity-control.twc-spinbox-inactive,
.uk-legacy .twc-spinbox.disabled .twc-spinbox-quantity-control {
  background-color: #ebebeb;
  border-color: #ebebeb;
  cursor: default;
}
.uk-legacy [id|="carouselx"] {
  overflow: hidden;
}
.uk-legacy [id|="carouselx"] > div {
  height: inherit;
  position: relative;
  margin: 0 !important;
  overflow: hidden;
}
.uk-legacy [id|="carouselx"] > div > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  left: 0;
}
.uk-legacy [id|="carouselx"] > div > ul > li {
  display: inline-block;
  float: left;
  text-align: inherit;
}
.uk-legacy [id|="carouselx"] > div > ul > li img {
  display: block;
  margin: auto;
  width: 100%;
}
.uk-legacy [id|="carouselx"] > div > ul:after {
  content: ".";
  clear: both;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.uk-legacy .carouselx-disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: auto !important;
}
.uk-legacy .carouselx-dotindex {
  list-style-type: disc;
  font-size: 12px;
  padding: 0;
  margin: 0;
  text-align: center;
  height: 12px;
  margin-top: 12px;
}
.uk-legacy .carouselx-dotindex > li {
  display: inline-block;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  background-color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  color: #000;
  list-style-position: inside;
  margin: 0 3px;
}
.uk-legacy .carouselx-dotindex > li.current {
  opacity: 1;
  filter: alpha(opacity=100);
}
.uk-legacy [id|="cdclock"] {
  font-size: 10px;
  display: block;
  list-style: none;
}
.uk-legacy [id|="cdclock"].retro {
  background-color: #303030;
  padding: 1.3em 3.8em 2em;
  text-align: center;
  border: solid 0.1em #FFF;
  box-shadow: 0 0 0 0.2em #303030;
  -webkit-box-shadow: 0 0 0 0.2em #303030;
  -moz-box-shadow: 0 0 0 0.2em #303030;
  -o-box-shadow: 0 0 0 0.2em #303030;
  border-radius: 1.8em;
  -webkit-border-radius: 1.8em;
  -moz-border-radius: 1.8em;
  -o-border-radius: 1.8em;
}
.uk-legacy [id|="cdclock"].retro > li {
  position: relative;
  display: inline-block;
  background-color: #000;
  width: 6em;
  height: 4.1em;
}
.uk-legacy [id|="cdclock"].retro > li:before {
  content: "\00A0";
  display: block;
  position: absolute;
  width: inherit;
  height: 0.1em;
  background-color: #000;
  top: 48%;
}
.uk-legacy .retro .clock-label {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1.8em;
  color: #FFF;
  text-transform: uppercase;
  width: inherit;
  text-align: left;
  font-size: 0.8em;
  padding-left: 1.2em;
}
.uk-legacy .retro .clock-val {
  color: #FFF;
  font-size: 3.6em;
}
.uk-legacy .retro .clock-val:before {
  content: ":";
  color: #FFF;
  position: absolute;
  bottom: 0.1em;
  left: -0.15em;
  display: inline-block;
}
.uk-legacy .retro li:first-child > .clock-val:before,
.uk-legacy .retro.flash-separators .clock-val:before {
  display: none;
}
.uk-legacy [id|="cdclock"].flip-clock > li {
  position: relative;
  display: inline-block;
  background-color: #FFF;
  width: 6em;
  height: 7em;
  margin-left: 0.8em;
  text-align: center;
}
.uk-legacy [id|="cdclock"].flip-clock > li:first-child {
  margin-left: 0;
}
.uk-legacy .flip-clock .clock-label {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.5em;
  color: #000;
  text-transform: uppercase;
  width: inherit;
  text-align: center;
  font-size: 0.8em;
}
.uk-legacy .flip-clock .clock-val {
  color: #000;
  font-size: 3.6em;
  padding-top: 0.37em;
}
.uk-legacy .flip-clock .clock-val:before {
  content: ":";
  color: #000;
  position: absolute;
  top: 0.32em;
  left: -0.25em;
  font-size: 1.01em;
  display: inline-block;
}
.uk-legacy .flip-clock li:first-child > .clock-val:before,
.uk-legacy .flip-clock.flash-separators .clock-val:before {
  display: none;
}
.uk-legacy .default-popup > img {
  float: right;
}
.uk-legacy [id|="slider"] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.uk-legacy [id|="slider"] > li {
  position: relative;
  background-position: 50% 50%;
  text-align: center;
  overflow: hidden;
  float: left;
  width: 9.194%;
  cursor: pointer;
  transition: width 500ms ease-out 250ms;
  -webkit-transition: width 500ms ease-out 250ms;
  -moz-transition: width 500ms ease-out 250ms;
  -o-transition: width 500ms ease-out 250ms;
}
.uk-legacy [id|="slider"] > li.selected {
  width: 44.836%;
  opacity: 1;
}
.uk-legacy [id|="slider"] > li > img {
  display: block;
  opacity: 0.5;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 500ms ease-out 200ms;
  -webkit-transition: opacity 500ms ease-out 200ms;
  -moz-transition: opacity 500ms ease-out 200ms;
  -o-transition: opacity 500ms ease-out 200ms;
}
.uk-legacy [id|="slider"] > li.selected > img,
.uk-legacy [id|="slider"] > li:hover > img {
  opacity: 1;
}
.uk-legacy [id|="slider"] > li > div {
  color: #000;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2.4em 0;
}
.uk-legacy [id|="slider"] > li > div:after {
  content: "";
  background-color: #FFF;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.uk-legacy [id|="slider"] > li > div > h2 {
  font: normal 1.4em "Times New Roman", Times, serif;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.uk-legacy [id|="slider"] > li > div > p {
  font-size: 0;
  letter-spacing: 0;
  margin: 0 8.108% 0;
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: font-size 250ms ease-in 100ms, margin 250ms ease-in 250ms, letter-spacing 250ms ease-in 250ms, opacity 100ms ease-in;
  -webkit-transition: font-size 250ms ease-in 100ms, margin 250ms ease-in 250ms, letter-spacing 250ms ease-in 250ms, opacity 100ms ease-in;
  -moz-transition: font-size 250ms ease-in 100ms, margin 250ms ease-in 250ms, letter-spacing 250ms ease-in 250ms, opacity 100ms ease-in;
  -o-transition: font-size 250ms ease-in 100ms, margin 250ms ease-in 250ms, letter-spacing 250ms ease-in 250ms, opacity 100ms ease-in;
}
.uk-legacy [id|="slider"] > li.selected > div > p {
  font-size: 1.1em;
  letter-spacing: 0.1em;
  margin: 1.1em 8.108% 0;
  opacity: 1;
  transition: font-size 250ms ease-in 500ms, margin 250ms ease-in 500ms, opacity 250ms ease-in 750ms;
  -webkit-transition: font-size 250ms ease-in 500ms, margin 250ms ease-in 500ms, opacity 250ms ease-in 750ms;
  -moz-transition: font-size 250ms ease-in 500ms, margin 250ms ease-in 500ms, opacity 250ms ease-in 750ms;
  -o-transition: font-size 250ms ease-in 500ms, margin 250ms ease-in 500ms, opacity 250ms ease-in 750ms;
}
.uk-legacy #ls-fragrance-category-products > li {
  display: none;
}
.uk-legacy #ls-fragrance-category-products[data-show="fruity"] > li[data-type="Fruity"],
.uk-legacy #ls-fragrance-category-products[data-show="ozonic"] > li[data-type="Ozonic"],
.uk-legacy #ls-fragrance-category-products[data-show="floral"] > li[data-type="Floral"],
.uk-legacy #ls-fragrance-category-products[data-show="citrus"] > li[data-type="Citrus"],
.uk-legacy #ls-fragrance-category-products[data-show="herbal"] > li[data-type="Herbal"],
.uk-legacy #ls-fragrance-category-products[data-show="spicy"] > li[data-type="Spicy"],
.uk-legacy #ls-fragrance-category-products[data-show="woody"] > li[data-type="Woody"] {
  display: block;
}
.uk-legacy #m-fragrancetype {
  display: none;
}
.uk-legacy .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.uk-legacy .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.uk-legacy .swipe-wrap > li {
  float: left;
  width: 100%;
  position: relative;
}
.uk-legacy [id|=slide-nos] {
  width: 100%;
  padding-top: 16px;
  display: block;
  position: relative;
  text-align: center;
  margin: auto;
}
.uk-legacy [id|=slide-nos] > li {
  width: 10px;
  height: 10px;
  border: 1px solid #CCCDD3;
  background-color: #FFF;
  display: inline-block;
  margin-right: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
}
.uk-legacy [id|=slide-nos] > li:last-child {
  margin-right: 0px;
}
.uk-legacy .current-slide {
  background-color: #cccdd3 !important;
}
.uk-legacy .c-leftArrow.arrow_l {
  left: 1.7%;
  top: 12.1%;
}
.uk-legacy .c-leftArrow.arrow_r {
  left: 61.9%;
  top: 12.1%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .uk-legacy .c-leftArrow.arrow_l {
    left: 3.5%;
  }
}
.uk-legacy a {
  transition: color 500ms linear;
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  -o-transition: color 500ms linear;
}
.uk-legacy a:hover {
  color: #777777;
}
.uk-legacy #ls_mainnav > li > a {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.uk-legacy .dept-inspiration-links a:hover {
  color: #777777 !important;
}
.uk-legacy #in_site_search_button:hover {
  background-color: #fff;
}
.uk-legacy #in_site_search_button:hover #search-button {
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc%2Dsprite%2Dicons?scl=1&fmt=png-alpha") no-repeat scroll -126px -101px #ffffff;
}
.uk-legacy .no-hover #search-button:hover {
  background: url("//whitecompany.scene7.com/is/image/whitecompany/twc%2Dsprite%2Dicons?scl=1&fmt=png-alpha") no-repeat scroll -142px -96px transparent !important;
}
.uk-legacy #img_sign_up {
  transition: background-color 500ms ease 300ms;
  -webkit-transition: background-color 500ms ease 300ms;
  -moz-transition: background-color 500ms ease 300ms;
  -o-transition: background-color 500ms ease 300ms;
}
.uk-legacy #img_sign_up:hover {
  background: none repeat scroll 0 0 #777777;
}
/*
================================================
Transition CSS Only
------------------------------------------------
These rules are here to overwrite Hybris rules.
Should be deleted ASAP
================================================
*/
.uk-legacy {
  color: #333;
  /*
	To correspond to the 62.5 font-size set on html
	we hard set the base size as 10px here.
	Reason – http://clagnut.com/blog/348/
*/
  font-size: 10px;
}
.uk-legacy p {
  color: #000;
  margin: 12px 0;
}
.uk-legacy #site-header {
  padding: 0;
}
.uk-legacy input:focus {
  border-color: #B7B7B7;
}
.uk-legacy .div_basket_summary p {
  font-size: 14px;
}
.uk-legacy .div_basket_summary p.link-text {
  font-size: 14px!important;
}
.contact-para-hide { display: none }
.contact-para-show { display: block }
/*
================================================
Refactored Styles from changes.css
------------------------------------------------
Certain styling that will be pulled into the
fold.
================================================
*/
.security-icon {
  position: absolute;
  right: -12px;
  width: 135px;
  text-align: center;
}
input:disabled {
  background-color: #ebebeb;
}




/*
CUSTUM CSS FOR REST OF THE WORD PROJECT
*/

.modal-row * {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.modal .btn, .modal-row .form-control {
  border-radius: 0;
}

.modal-row select.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 11px 12px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 300;
  color: #000;
  background: transparent url(../images/chevron-down.svg) no-repeat right 15px top 19px;
  background-size: 15px auto;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal-row label {
  padding-bottom: 10px;
  font-weight: normal;
}

.modal input[type="radio"] {
  margin: 2px;
}

#quick-spinner {
  display: block;
  margin: 20px auto;
}

.modal-row #window-currency-country-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right:0;
  background: url(../images/modal-close.svg) no-repeat 0 0;
}
.modal-row .currency_country h2 {
  color: #000;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.285em;
  font-weight: 400;
  margin: 15px 10px 35px 0;
  padding: 0;
  text-align: center;
  text-transform: none;
}

.uk-legacy .currency_country #pui-container {
  border-top: none;
}

.modal-row #currency-country-window {
  border: none;
}

.modal-row #currency-country-window {
  max-width: 500px;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform:    translate(0, -50%);
  -ms-transform:     translate(0, -50%);
  -o-transform:      translate(0, -50%);
  transform:         translate(0, -50%);

}

.modal-row #currency-country-window {
  padding: 15px 45px;
}

.modal-row .delivery-info {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial, sans-serif;
  font-size: 14px;
}

.modal-row .button-wrapper .cancel {
  width: 100%;
  display: block;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 15px;
}

.modal-row .payment-methods {
  width: 100%;
  padding: 30px 0 30px 0;

}

.modal-row .payment-methods p {
  font-size: 12px;

}
.modal-row #currencySpanBlock {
  font-weight: 600;
  line-height: 21px;
}

.modal-row .currency-block {
  display: block;
}

.modal-row .button-wrapper {
  width: 100%;
  margin-top: 40px;
  text-align: center;
}

.modal-row .currency-country {
  max-width: 300px;
  margin: 0 auto;

}

img.feefo {
  height: 65px;
  width: 65px;
  margin-left: auto;
  margin-right: auto;
}

a.link {
  color: #000000;
  text-decoration: none;
  font: bold 7px verdana,sans-serif;
  letter-spacing: .5px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}



.clearfix::after {
  content: '';
  display: block;
  clear: both;
}


.modal-box {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}


.modal-box-content {
  position: absolute;
  width: 100%;
  max-width: 500px;

  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform:    translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  -o-transform:      translate(-50%, -50%);
  transform:         translate(-50%, -50%);
  background-color: #FDFDFB;


}


.close {
  display: block;
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 10px;

  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(../images/modal-close.svg) no-repeat 0 0;

}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.col-half {
  width: 50%;
  float: left;
  background-color: #FDFDFB;
}

.col-half img.product-img {
  display: block;
  width: 100%;
  height: auto;
}




.col-half p {
  text-align: left;
  margin: 0 0 10px 0;
  font-size: 14px;
  color: black;
  font-weight: lighter;

}


.col-half .content-inner {
  width: 100%;
  padding: 50px;
}

.full-width {
  width: 100%;
}
.modal-box-logo {
  padding-bottom: 40px;
  display: block;
  max-width: 240px;
  margin: 0 auto;
}

.modal-box-logo  img {
  width: 100%;
}

.modal-row .currency-selector{
  float: left;
  line-height: 20px;
  padding-right: 10px;
}

span.countryTitleCurrencyForm{
  display:block;
}

.radio-container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  line-height: 20px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-container input  {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left:0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 10;
}

.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #d4d4d4;
  border-radius: 50%;
}

.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.radio-container input:checked ~ .checkmark {
  background-color: #eee;
}

.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-container input:checked ~ .checkmark:after {
  display: block;
}

.radio-container .checkmark:after {
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: black;
  border: 1px solid black;
}

.col-half .button-wrapper {
  float: left;
}
.col-half .button-wrapper .currency-country {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 15px 30px;
}



.modal-row select::-ms-expand {
  display: none;
}

@media only screen and (max-width: 768px) {
  .col-half .modal-box-logo {
    padding-top: 20px;
  }
  .col-half .content-inner {
    padding:15px;
  }

}



@media only screen and (max-width: 640px) {

  .modal-box-content {
  //margin: 15% auto;
  }

  .col-half  {
    width: 100%;
  }

  .col-half .content-inner  {
    float: left;
    padding:25px;
  }

  .col-half.left {
    display: none;
  }

}


/* email signup */

.email_signup * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.email_signup {
  width: 100%;
  background-color: #ebecee;
  padding: 25px 0;
  text-align: center;
  margin-bottom: 20px;
}

.email_signup fieldset {
  display: inline-block;
  width: 100%;
}
.email_signup #in_EmailToSubscribe {
  width: 100%;
  max-width: 400px !important;
  font-size: 14px;
  height: 33px;
}

.email_signup #img_sign_up {
  height: 33px;
  margin-left: 2px;
  transition: background 0.2s ease;
}


.email_signup #img_sign_up:focus {
  outline: none;
}

.email_signup #img_sign_up:hover {
  background: black;
  transition: background 0.2s ease;

}

.pre-footer-list  ul  li:last-child a {
  margin-right: 0;
}

.hidden {
  display: none !important;
}

.twc-ui-autocomplete
{
  overflow-y:auto;
  max-height:150px;
  background-color: white;
}

.pre-footer-list.full-width,
.uk-legacy #nv-mainnav {
  width: 100%;
}

.full-width-viewport-fix {
  margin: 0 -15px;
}

.full-width-viewport-fix--desktop {
  display: block;
  border-bottom: 2px solid #000000;
  margin-bottom: 12px;
}