/*
  @import url('http://localhost:8079/dist/css/default.css');
*/

#debug {
  display: none !important;
}

html {
  padding:0;
  margin:0;
}
/* Controls the complete HTML Body */
body {
  background-attachment:scroll;
  background-color:#FFFFFF;
  color: #494949;
  display:block;
  font-size:16px;
  margin:0;
  min-width: 1000px;
}
html body {
  /* Foundation override */
  font-family: "fira-sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
}
/* Controls the customisable centre section of the HTML Body */
#bodywrapper {
  margin: 0;
  text-align:left;
  width: 100%;
}
/* TODO: find out how to remove this from the markup */
#bodywrapper > div[style*="text-align"] {
  display: none !important;
}
/* Site Master */
div.content {
  margin:0;
}
/* Header */
#ctl00_HeaderMiddle_pnlContentContainerData {
  display: none;
}

div.maincontent {
  position: relative;
  width:100%;
  max-width: 1620px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 60px;

  font-size: 14px;
}
div.maincontent .mainleft {
  display: none;
}
/* left column on category pages */
#ctl00_tdCentre > div > div > div > .contentcont, /* homepage */
#ctl00_tdCentre > div > div > .contentcont /* category and search pages */ {
  position: relative;
}
#ctl00_tdCentre > div > div > div > .contentcont > .leftcontent, /* homepage */
#ctl00_tdCentre > div > div > .contentcont > .leftcontent        /* category and search pages */ {
  display: block !important;
  position: absolute;
  top: 0;
  left: -240px;
  width: 220px !important;
  z-index: 2;
}
div.maincontent .maincentre {
  position: relative;
  margin: 0 auto;
  padding: 0 120px 0 120px;
  z-index: 1;
}
form[action='/'] div.maincontent .maincentre,
form[action*='category'] div.maincontent .maincentre,
form[action*='search'] div.maincontent .maincentre,
form[action*='stylelist/'] div.maincontent .maincentre,
form[action*='/mobi'] div.maincontent .maincentre,
form[action*='/?mobi'] div.maincontent .maincentre {
  padding-left: 260px;
}
@media (min-width: 1400px) {
  div.maincontent .maincentre {
    padding: 0 260px 0 260px;
  }
}
div.maincontent .maincentre.onecolumn {
  width: -1px;
}
div.maincontent .maincentre.twocolumns {
  width: -261px;
}
div.maincontent .maincentre.threecolumns {
  width: -371px;
}
div.maincontent .mainright {
  display: none;
}

/* Sticky Footer - some styles are foundation overrides */
html, body {
  height: auto !important;
  min-height: 100% !important;
}
html {
  position: relative !important;
}
body {
  position: static !important;
}
#bodywrapper > form > div.content {
  margin: 0 0 288px 0;
}
@media (max-width: 64.0625em) {
  #bodywrapper > form > div.content {
    /* on smaller screens, the footer is position: relative; - remove bottom margin */
    margin: 0;
  }
}


/* Page Editor Overrides (allows us to edit header and footer content) */
#ctl00_cieHeader_pnlAdminMenu ~ #ctl00_divHeader {
  height: auto;
}
#ctl00_cieHeader_pnlAdminMenu ~ #ctl00_divHeader .header-wrapper {
  position: static;
}
#ctl00_cieHeader_pnlAdminMenu ~ #ctl00_divFooter {
  position: relative;
  height: auto;
}
#ctl00_cieHeader_pnlAdminMenu ~ #ctl00_divFooter .valign-middle > .columns {
  transform: none;
}

/* basic selectors */
.space8 {
  padding:8px;
}
.space20 {
  padding:20px;
}
/* Controls the colour of the used links, when revisiting the pages during a session */
a:link, a:visited {
  color: #494949;
  text-decoration:none;
}
/* Controls the hover colour of the links */
a:active, a:hover {
  color: #000;
  text-decoration:none;
}
ul, li {
  list-style:none;
  padding:0;
  margin:0;
}
table {
  border-spacing:0;
  border-width:0;
}
table, th, tr, td {
  padding:0;
}
th, td {
  vertical-align:top;
}
/* Controls the characteristics of heading 1 in HTML pages, and also the product description in product detail page */
h1 {
  font-weight: 700;
  margin-top:10px;
  margin-bottom:10px;
}
/* Controls the characteristics of heading 2 in HTML pages */
h2 {
  font-weight: 700;
  margin-top:10px;
  margin-bottom:10px;
}
/* Controls the characteristics of heading 3 in HTML pages */
h3 {
  font-weight: 700;
  margin-top:5px;
  margin-bottom:5px;
}
/* Controls the characteristics of heading 4 in HTML pages */
h4 {
  font-weight: 700;
}
img {
  border:0;
}
/* Controls the characteristics of a lines drawn in the HTML pages */
hr {
  color:#C0C0C0;
  height:1px;
}
hr.light {
  color:#C0C0C0;
  height:1px;
  border-style:dashed;
}
form {
  margin:0;
  padding:0;
}
/* Controls the font of details keyed in. Add a color line here if you don't want to use the standard defined in the body wrapper */
input, textarea, select {
  font-family: "fira-sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 13px;
}
input[type='text'],
input[type='password'] {
  color: #5f5f5f;
  padding: 21px 22px 20px 22px;
}
textarea {
  color: #5f5f5f !important;
  padding: 21px 22px 20px 22px;
  resize: none;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
   color: #626262;
}

fieldset {
  border:1px solid #DFDFDF;
  padding:10px 10px 10px;
  margin-top:4px;
}
legend {
  font-weight:700;
}
fieldset div {
  padding-top:5px;
}
.wordwrap {
  white-space:pre-wrap; /* css-3 */
  white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
  white-space:-pre-wrap; /* Opera 4-6 */
  white-space:-o-pre-wrap; /* Opera 7 */
  word-wrap:break-word; /* Internet Explorer 5.5+ */
  vertical-align:top;
}
.hidden {
  display: none !important;
}
.validsummary {
  margin: 14px 0;
  text-align: center;
  color: #EDC8C8 !important;
}
.validsummary ul {
  margin: 10px 0;
}
.validsummary ul, .validsummary li {
  list-style: none;
}
/* top cart/login menu */
/* Controls the positioning of the Login Menu. Add color line if you want to change the colour */
.uppermenu {
  position:absolute;
  top:10px;
  right:10px;
  z-index:201;
  height:27px;
}
/* Controls display of My Account and Log Out prompts. Add a color line to change the colour of items */
ul.loginmenuwrap {
  position:relative;
}
.uppermenu li {
  display:inline;
  border-left:solid 1px #000000;
}
/* Controls display of the first item. */
.uppermenu li.first {
  border-left:none;
}
/* Controls display of Customer User Name. */
.uppermenu li span.login-username {
  padding:0 5px;
}
/* Controls how the Visited options are displayed. Add a Color line to change the Colour when the mouse is clicked */
.uppermenu li a:link, .uppermenu li a:visited {
  padding:0 5px;
  text-decoration:none;
}
/* Controls the Hover over a Prompt. Add a Color line to change the Colour when the mouse is over a prompt */
.uppermenu li a:active, .uppermenu li a:hover {
  text-decoration:underline;
}
/* header toolbar menu */
/* Controls the characteristics of the Main Menu. The file menu-bg.gif is the Menu background Bar */
div.mainMenu {
  width:100%;
  height:31px;
  background:#FFFFFF url(https://shop.rubynz.com/user/files/menu-bg.gif) top left repeat-x;
  font-size:12px;
  font-weight:700;
}
/* Controls the Size and Colours of Main Menu items and when mouse hovers over them. current-bg.gif controls the Background when the mouse is clicked on a menu item */
div.mainMenu li {
  display:block;
  float:left;
  margin:0 0 0 10px;
  height:31px;
}
div.mainMenu li a {
  height:31px;
  color:#777777;
  text-decoration:none;
  display:block;
  float:left;
  line-height:200%;
  padding:5px 15px 0 ;
}
div.mainMenu li a:hover {
  color:#B22222;
}
div.mainMenu li a.current {
  height:31px;
  color:#FFFFFF;
  background:#FFFFFF url(https://shop.rubynz.com/user/files/current-bg.gif) top left repeat-x;
  padding:3px 15px 0;
}
/* Category Top Menu Begins */
.mainMenu {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index:198;
  text-align: left;
}
.mainMenuTop h3 {
  border-bottom: 3px solid #B0AFAF;
  height: 25px;
    margin: 7px 0 14px;
  font-size: 12px;
  color: #2e2e2e;
  width: 150px;
}
.mainMenuTop .dropHeader {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E8E8E8;
  position: absolute;
  top: -7px;
  left: 25px;
}
.mainMenuTop li {
  border: medium none;
  display: block;
  float: left;
  position: relative;
  text-align: center;
}
.mainMenuTop li .subHead {
  font-size: 12px;
}
.mainMenuTop li a {
  font-size: 12px;
  display: block;
  outline: 0;
  text-decoration: none;
  color: #2e2e2e;
}
.mainMenuTop .lvl1 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align:top;
  margin-left: 5px;
  margin-right: 5px;
  width: 150px;
}
.mainMenuTop .lvl1 li a {
  height:150% !important;
  clear:both;
  float:none;
}
.mainMenuTop .lvl2 li a {
  line-height:100% !important;
  padding:5px 0;
}
.mainMenuTop .lvl2 li:hover {
  z-index:199;
}
.mainMenuTop li div a {
  padding: 2px 0;
}
.mainMenuTop li:hover div a {
  font-size: 12px;
  color: #2e2e2e;
}
.mainMenuTop li:hover div a:hover {
  text-decoration: underline;
}
.mainMenuTop li a .drop {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777777;
  position: absolute;
  right: 0;
  top: 15px;
}
.mainMenuTop li a:hover .drop {
  border-top: 5px solid #B22222;
}
.mainMenuTop li a.current .drop {
  border-top: 5px solid transparent;
}
.mainMenuTop li .expn {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #2e2e2e;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainMenuTop li ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight:300;
}
.mainMenuTop li ul li {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  background-color: transparent;
  height:100%;
  width:100%;
}
.mainMenuTop .col1, .mainMenuTop .col2, .mainMenuTop .col3, .mainMenuTop .col4, .mainMenuTop .col5,
.mainMenuTop .col6, .mainMenuTop .col7, .mainMenuTop .col8, .mainMenuTop .col9 {
  background-color: #E8E8E8;
  border-top: medium none;
  box-shadow: 5px 5px 10px 0 #2e2e2e;
  float: left;
  left: -999em;
  margin: 8px auto 4px;
  padding: 10px 5px;
  position: absolute;
  text-align: left;
  width: 655px;
  z-index:198;
}
.mainMenuTop .hasSub:hover .dropdownColumns {
  left: -1px;
  top: 22px;
}
.mainMenuTop .lvl2 li:hover .popupColumns.lvl3 , .mainMenuTop .lvl2 li:hover + li .popupColumns.lvl3 {
  left: -40px;
  top: auto;
}
.mainMenuTop .popupColumns {
  background-color: #D8D8D8;
  border-top: medium none;
  box-shadow: 5px 5px 10px 0 #2e2e2e;
  float: left;
  left: -999em;
  margin: -20px 0 0 120px;
  padding: 10px 5px;
  position: absolute;
  text-align: left;
  z-index: 199;
  width: 150px;
}
.subPic1, .subPic2, .subPic3, .subPic4, .subPic5, .subPic6, .subPic7, .subPic8, .subPic9, .subPic10 {
  display:none;
}
/* Category Top Menu Ends */
/* search bar */
/* Controls the characteristics of the Search bar. To change colour replace the mainmenu-bar image */
div.bar {
  background-color: #ededed;
  height:36px;
  vertical-align:middle;
  z-index:198;
  margin-bottom: 26px;
}
div.bar div {
  padding:7px 0 0 20px;
  vertical-align:middle;
}
/* Controls the characteristics of the text control */
.searchtextbox {
  font-size:12px;
  width:180px;
}
/* Category navigation menu */
/* Controls the display characteristics of the Category List */
.categorymenu {
  border-color:#DFDFDF;
  border-style:solid;
  border-width:1px;
  vertical-align:top;
  padding:0 0 4px 4px;
}
.categorymenu ul {
  padding:0 0 0 5px;
}
/* Controls the display characteristics of the Category List */
.categorymenulevel {
  color:#006FB1;
  font-size:12px;
  font-weight:700;
  padding-left:0 !important;
}
/* Controls the characteristics of the category List when Hovering */
.categorymenulevel a:hover {
  color:#B22222;
  font-weight:700;
  text-decoration:none;
}
.categorymenulevel li {
  padding-top:5px;
}
/* Hide certain sub categories from Clothing category */
li#cli152, /* RUBY Summer 2015 */
li#cli153, /* Best Dressed */
li#cli155,
li#cli156,
li#cli157,
li#cli158,
li#cli159,
li#cli160,
li#cli161,
li#cli162,
li#cli163,
li#cli164,
li#cli165,
li#cli166,
li#cli167,
li#cli168,
li#cli170,
li#cli171,
li#cli172,
li#cli173,
li#cli174,
li#cli185,
li#cli187,
li#cli188,
li#cli189,
li#cli190,
li#cli195,
li#cli204,
li#cli205,
li#cli206,
li#cli207,
li#cli208,
li#cli209,
li#cli210,
li#cli211,
li#cli212,
li#cli213,
li#cli214,
li#cli215,
li#cli216,
li#cli217,
li#cli218,
li#cli219,
li#cli220,
li#cli197,
li#cli221,
li#cli222,
li#cli223,
li#cli224,
li#cli225,
li#cli226 {
  display: none;
}

/* Controls the characteristics of the category List when Mouse is clicked */
.categorymenulevel li a.selected {
  color:#B22222;
  font-weight:700;
  text-decoration:none;
}
/* Controls second level */
.categorysubmenulevel2 {
  color:#006FB1;
  font-size:11px;
  font-weight:300;
  text-decoration:none;
}
/* Controls third level */
.categorysubmenulevel3 {
  color:#006FB1;
  font-size:11px;
  font-weight:300;
  text-decoration:none;
}
/* Controls fourth level */
.categorysubmenulevel4 {
  color:#006FB1;
  font-size:11px;
  font-weight:300;
  text-decoration:none;
}
.stylelistcontent .sectionheader,
.stylelistpage .sectionheader {
  margin-top:0;
  margin-bottom:10px;
}
.categorieswrap {
  margin-bottom:10px;
}
.subcategorieswrap {
  margin-left:10px;
}
h2.categorymenulevel, h3.categorymenulevel2, h4.categorymenulevel3, h5.categorymenulevel4 {
  margin:0;
}

/* Black-background themed pages */
form[action*='login']:before,
form[action*='passwordrecovery']:before,
form[action*='register']:before,
form[action*='myaccount']:before,
form[action*='shoppingcart']:before,
form[action*='guestcheckout']:before,
form[action*='checkout']:before,
form[action*='orderdetail']:before,
form[action*='wishlist']:before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: -9999;
}
form[action*='login'] .maincontent, form[action*='login'] .maincontent a,
form[action*='passwordrecovery'] .maincontent, form[action*='passwordrecovery'] .maincontent a,
form[action*='register'] .maincontent, form[action*='register'] .maincontent a,
form[action*='myaccount'] .maincontent, form[action*='myaccount'] .maincontent a,
form[action*='shoppingcart'] .maincontent, form[action*='shoppingcart'] .maincontent a,
form[action*='guestcheckout'] .maincontent, form[action*='guestcheckout'] .maincontent a,
form[action*='checkout'] .maincontent, form[action*='checkout'] .maincontent a,
form[action*='orderdetail'] .maincontent, form[action*='orderdetail'] .maincontent a,
form[action*='wishlist'] .maincontent, form[action*='wishlist'] .maincontent a {
  color: #fff;
}
form[action*='login'] .contentcont,
form[action*='passwordrecovery'] .contentcont,
form[action*='register'] .contentcont,
form[action*='myaccount'] .contentcont,
form[action*='shoppingcart'] .contentcont,
form[action*='guestcheckout'] .contentcont,
form[action*='checkout'] .contentcont,
form[action*='wishlist'] .contentcont {
  max-width: 960px;
  margin: 30px auto 0 auto;
}
form[action*='login'] .sitemappath,
form[action*='passwordrecovery'] .sitemappath,
form[action*='register'] .sitemappath,
form[action*='myaccount'] .sitemappath,
form[action*='shoppingcart'] .sitemappath,
form[action*='checkout'] .sitemappath,
form[action*='wishlist'] .sitemappath {
  display: none;
}

/* Cart steps styles, common to Cart / Login Register / Shipping Billing / Order Summary */
#divShoppingCart,
.guestcheckoutcontainer,
.stepcustomerdetails,
.stepshipping,
.wishlistbox {
  position: relative;
  padding-top: 200px;
}
.wishlistbox {
  padding-top: 40px;
}
#divShoppingCart:before,
.guestcheckoutcontainer:before,
.stepcustomerdetails:before,
.stepshipping:before,
.wishlistbox:before {
  position: relative;
  display: block;
  top: -200px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
.wishlistbox:before {
  top: -40px;
}
#divShoppingCart:before {
  content: 'Your Bag';
}
.guestcheckoutcontainer:before {
  content: 'Login/Register';
}
.stepcustomerdetails:before {
  content: 'Shipping/Billing';
}
.stepshipping:before {
  content: 'Order Summary';
}
.wishlistbox:before {
  content: 'Wishlist';
}
/* Checkout Breadcrumb */
ul.checkoutBreadcrumb {
  position: absolute;
  top: 140px;
  width: 100%;
  text-align: center;
}
ul.checkoutBreadcrumb li {
  display: inline-block;
  position: relative;
  width: 14%;
  margin: 0 2%;
}
ul.checkoutBreadcrumb li.done {
  color: #666;
}
ul.checkoutBreadcrumb li span.path {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 120%;
  height: 0;
  margin-left: 12px;
  border-top: 1px solid #fff;
  z-index: -1;
}
ul.checkoutBreadcrumb li.done span.path {
  border-top: 1px solid #666;
}
ul.checkoutBreadcrumb li:last-child span.path {
  display: none;
}
ul.checkoutBreadcrumb li:before {
  content: '';
  position: absolute;
  top: -40px;
  left: 50%;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: -12px;
  border: 1px solid #fff;
  background-color: #000;
}
ul.checkoutBreadcrumb li.done:before {
  border: 1px solid #666;
  background-color: #666;
}
ul.checkoutBreadcrumb li.current:before {
  background-color: #fff;
}

/* Loyalty Summary, Shipping / Billing step at checkout */
.loyaltysummary {
  display: none;
  margin: 0 0 40px 0;
  padding: 20px;
  border: 1px solid #666;
}
.stepcustomerdetails .loyaltysummary {
  display: block;
}
.loyaltysummary p {
  margin: 4px 0;
}
.checkoutbody .userinformationloyaltypoints {
  display: none !important;
}


.validationsummary {}
.validationsummary * {
  color: #EDC8C8 !important;
}

/* Controls the characteristics of Login Page */
.logincontainer {}
.loginmessage {}
.logintable {}
.logincellleft,
.logincellright {
  box-sizing: border-box !important;
}
.logincellleft {
  width: 50%;
  float: left;
  padding-right: 70px;
}
.logincellright {
  width: 50%;
  float: right;
  padding-left: 70px;
}
/* Controls characteristics of Login Header displayed */
.loginheader {
  font-size: 32px;
  line-height: 1.6;
  text-align:center;
}
.loginheader > div {
  position: relative;
}
.loginheader > div:before {
  position: absolute;
  top: 90px; left: 0; right: 0;
  color: #fff;
  font-size: 14px;
  text-align: left;
}
.loginheader > div.logincellleft:before {
  content: 'Shopped with RUBY before? Enter your email address and password below';
  padding-right: 70px;
}
.loginheader > div.logincellright:before {
  content: 'We haven’t seen you round here. How about creating an account to make your life easier next time?';
  padding-left: 70px;
}
/* Controls the Login Box characteristics. Add a color line to change Font colour */
.loginbody {}
.loginbody > div {
  margin-top: 40px;
  padding-top: 60px;
}
.loginbody > div.logincreatecell {
  padding-top: 97px;
}
.loginbody .logincellleft {
  border-right: 1px solid #939393;
}
.logincell {}
.logincellinner {}
.logincellinner > * {
  position: relative;
  margin: 12px 0;
}
.logincelltext {
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.loginemail, .loginpassword {
  width: 100%;
  box-sizing: border-box !important;
}
/* Create Account or Guest Checkout buttons, right column, Login / Register page */
.js-right-checkoutoptions {
  width: 50%;
  height: 100px;
  float: left;
  margin-top: 40px;
  padding-top: 60px;
  padding-left: 70px;
  box-sizing: border-box;
}
.js-right-checkoutoptions .checkoutoption {
  width: 100%;
  height: 65px;
  margin: 12px 0;
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 65px;
  cursor: pointer;
}
.js-right-checkoutoptions .checkoutoption.create {
  border: 1px solid white;
}
.js-right-checkoutoptions .checkoutoption.guest {
  background-color: #A0A0A0;
  color: #000;
}
.js-right-checkoutoptions p {
  text-align: center;
  font-size: 20px;
  margin: 16px 0;
}

/* Show / Hide various elements on Login / Register page: Guest Checkout or Create Account */
.guestcheckoutcontainer .loginbody .logincellright {
  display: none;
}
.guestcheckoutcontainer.createvisible .loginbody .logincellright,
.guestcheckoutcontainer.guestcheckoutvisible .loginbody .logincellright {
  display: block;
}
.createvisible .guestcheckoutblock[id*='divGuestCheckoutButton'] {
  display: none;
}

.guestcheckoutvisible .loginbutton[id*='divRegisterCheckout'],
.guestcheckoutvisible .guestcheckoutblock[id*='divGuestCheckoutPassword'],
.guestcheckoutvisible .userinformationnewsletter {
  display: none;
}


/* Controls the New Customer display characteristics. Add a color line to change Colour */
.logincreatecell {}
.loginrememberme {
  text-indent: 10px;
  margin: 16px 0;
}
.loginrememberme input {
  float: left;
  margin-top: 5px;
}
/* LOGIN, CREATE ACCOUNT, RECOVER PWD, CONTINUE buttons */
.loginbutton,
form[action*='login'] .logincreatecell .logincellinner,
.recoverpwdbutton,
.registerbutton,
.myaccount .ajax__tab_panel > div > div:nth-child(3), /* Update Details button */
.customerdetailsbutton,
.registercomplete .continuebutton,
.shippingbuttonbottom {
  position: relative;
  width: 100%;
  height: 60px;
  border: 1px solid #fff;
  box-sizing: border-box !important;
}
.registercomplete .continuebutton {
  width: 300px;
  margin: 20px auto 0 auto;
}
.loginbutton:before,
form[action*='login'] .logincreatecell .logincellinner:before,
.recoverpwdbutton:before,
.registerbutton:before,
.myaccount .ajax__tab_panel > div > div:nth-child(3):before, /* Update Details button */
.customerdetailsbutton:before,
.registercomplete .continuebutton:before,
.shippingbuttonbottom:before {
  display: block !important;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 60px;
  text-align: center;
}
.loginbutton:before {
  content: 'LOGIN';
}
.guestcheckoutcontainer .logincellleft .loginbutton:before {
  content: 'LOGIN & CHECKOUT';
}
.guestcheckoutcontainer div[id*='divGuestCheckoutButton'] .loginbutton:before {
  content: 'CONTINUE';
}
.guestcheckoutcontainer .loginbutton[id*='divRegisterCheckout']:before {
  content: 'CREATE ACCOUNT & CONTINUE';
}
form[action*='login'] .logincreatecell .logincellinner:before {
  content: 'CREATE ACCOUNT';
}
.recoverpwdbutton:before {
  content: 'SEND ME A NEW PASSWORD';
}
.registerbutton:before {
  content: 'CREATE ACCOUNT';
}
.myaccount .ajax__tab_panel > div > div:nth-child(3):before /* Update Details button */ {
  content: 'UPDATE';
}
.customerdetailsbutton:before,
.registercomplete .continuebutton:before {
  content: 'CONTINUE' !important;
}
.shippingbuttonbottom:before {
  content: 'CONTINUE TO PAYMENT';
}
.loginbutton input,
form[action*='login'] .logincreatecell .logincellinner input,
.recoverpwdbutton input,
.registerbutton input,
input.myaccountupdate, /* Update Details button */
.customerdetailsbutton input,
.registercomplete .continuebutton a,
.shippingbuttonbottom input {
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  margin: 0;
}

.loginforgotpwd a {
  text-decoration: underline;
}
.logintable .fieldvalidator {
  position: absolute;
  top: 50px;
  right: -14px;
  color: #EDC8C8 !important;
}
/* Controls characteristics of Password Recovery Page */
.passwordrecoverycontainer {
  text-align: center;
}
.passwordrecoverymessage {}
.passwordrecoverybody {}
.recoverpwdtable {}
/* Controls characteristics of Password Recovery Header displayed */
.recoverpwdheader{
  display: none;
}
/* Controls characteristics of Password Recovery Body displayed */
.recoverpwdbody {}
.recoverpwdcomment {
  margin: 24px 0;
}
.recoverpwdemail {
}
.recoverpwdtext {
  display: none;
}
.recoverpwdvalue {
  position: relative;
}
.recoverpwdvalue .fieldvalidator {
  position: absolute;
  top: 4px;
  right: -14px;
  color: #EDC8C8 !important;
}
.passwordrecoveryemail {
  width: 350px;
  margin: 12px 0;
}
.recoverpwdbutton {
  width: 398px;
  margin: 12px auto;
}
/* Prices Style */
/* Controls display of Selling Prices, Amount saved, and New Product text in the Product View Panel. Add a color line to change the colour of prices */
.internetprice {
  font-size:13px;
  text-decoration:line-through;
}
.currentprice {
  font-weight:700;
  font-size:13px;
  color:#b22222;
}
.saveamount {
  display: none;
}
.newstyle {
  font-weight:700;
  color:#b22222;
}
.error {
  color:#b22222;
  font-weight:700;
}
.success {
  color: #D2DCFC;
}
.negative {
  color:#b22222;
}
/* Availability Description */
#trAvailability .productdetailrow {
  margin: 0 !important;
  line-height: 1;
}
#trAvailability .leftlabel {
  display: none;
}
/* Controls characteristics of Stock Availability prompt */
.availablenow {
  display: none;
}
/* Controls the characteristics of the Stock Availability Message */
.delayeddelivery {
  color:#b22222;
}
/* Controls the characteristics of the Stock Availability Message */
.outofstock {
  font-size: 14px;
  color: #494949;
  opacity: 1;
}
/* Controls the display of Checkout Page */
.checkoutcontainer {
}
.checkoutmessage {
}
.checkoutbody {
  width:100%;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
}
/* Controls the display of Checkout Header background */
.checkoutheader {
  display: none;
  font-size:small;
  color:Gray;
  text-align:left;
}
.checkoutheader .sep {
  padding:0 5px;
}
/* Controls display of Current step */
.highlightheader {
  color:#5A5A5A;
  font-weight:700;
}
/* Controls display of Customer Details step */
.checkoutbody .personaldetails {
  /*display: none;*/
}
.checkoutbody .personaldetails .sectiondata {
  margin-top:4px;
}
.checkoutbody .sectionbar {
  height: 0;
  overflow: hidden;
}
.checkoutbody .js-right .shippingaddress .sectionbar {
  height: auto;
  font-weight: 700;
}
.checkoutbody .addresses {
  margin-top:20px;
  width:100%;
}
.checkoutbody .stepcustomerdetails .billingaddress,
.checkoutbody .stepcustomerdetails .shippingaddress {
  box-sizing: content-box;
}
.checkoutbody .billingaddressinput, .checkoutbody .shippingaddressinput {
  padding-top:4px;
}
.checkoutbody .shippingaddress .sameasbilling {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.checkoutbody .customerdetailsbutton {
  width: 46%;
  float: right;
}
.checkoutbody .imagebutton {}
/* Controls display of Shipping step */
.checkoutbody .shippingbuttontop, .checkoutbody .shippingbuttonbottom, .checkoutbody .paymentbuttonbottom {
  text-align:right;
  margin-top:22px;
}
.checkoutbody .shippingbuttontop {
  display: none;
}
/* Controls display of Shipping Method block */
.checkoutbody .stepshipping .shippingmethod .sectiondata, .checkoutbody .stepshipping .shippingaddress .sectiondata {
  width:100%;
}
.checkoutbody .shippingmethodlist {
  width:100%;
}
.checkoutbody .shippingmethodlist .shippingmethodname {
  display:inline-block;
  width:88%;
}
.checkoutbody .shippingmethodlist .shippingprice {
  display:inline-block;
  float: right;
  width:10%;
  text-align:right;
}
.checkoutbody .shippingmethodlist .orderamountwithshipping {
  text-align:right;
  padding:3px 8px 0 0;
  display: none;
}

/* COVID note at final checkout step */
.ordersummary__covidnote {
  margin: 0 0 16px 0
}

/* Giftwrap */
.giftwrap {
  position: relative;
  margin: 16px 0;
  padding: 16px 0 0 80px;
  border-top: 1px solid #b2b2b2;
  height: 60px;
}
.giftwrap:after {
  content: '';
  position: absolute;
  top: 16px;
  left: 0;
  width: 60px;
  height: 60px;
  background:url(/user/files/giftwrap_60x60.jpg) no-repeat center center;
}
.giftwrap input {
  float: left;
  margin: 4px 8px 4px 0;
}
/* Gift Tag block */
.gifttags {
  margin: 0 0 16px 0;
  padding: 16px 0 0 0;
  border-top: 1px solid #b2b2b2;
}
.gifttags_button-addtobag {
  padding: 4px 20px;
  border: 1px solid #b2b2b2;
}
/* Controls display of Payment Option block */
.checkoutbody .paymentoptionlist {
  width:100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #b2b2b2;
}
.checkoutbody .paymentoptionlist .paymentoption {
  margin: 6px 0;
}
.checkoutbody .paymentoptionlist .paymentoption input[type="radio"] {
  margin: 2px 6px 4px 0;
}
.checkoutbody .useloyaltypoints {
  display: block;
  position: relative;
  margin: 16px 0;
  padding: 0 0 16px 20px;
  border-bottom: 1px solid #b2b2b2;
}
.checkoutbody .useloyaltypoints input {
  position: absolute;
  top: 4px;
  left: 0;
}
.checkoutbody .useloyaltypoints .currentprice {
  display: none;
}
.checkoutbody .useloyaltypoints .loyalty__note {
  color: #eee;
  margin: 2px 0;
  font-size: 13px;
}

.checkoutbody .specialinstruction {
  height: 120px;
  width: 100%;
  box-sizing: border-box !important;
  margin: 16px 0;
}

.checkoutbody .specialinstruction--red::placeholder {
  color: #fa1d3b;
}

/* Use a gift card form, final checkout page */
.shippinggiftcard * {
  box-sizing: border-box;
}
.shippinggiftcard .giftcard_checkout {
  margin-bottom: 16px;
  padding-left: 0;
  padding-bottom: 16px;
  background: none;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.shippinggiftcard .giftcard_prompt.coupon_prompt {
  padding: 8px 0;
}
.shippinggiftcard .coupon_input.input_box {
  display: inline-block;
  width: calc(100% - 50px);
}
.shippinggiftcard .giftcardnumber_input,
.shippinggiftcard .giftcardpin_input {
  float: left;
  margin: 0 !important;
  padding: 0 22px;
  height: 50px;
}
.shippinggiftcard .giftcardnumber_input {
  width: 70% !important;
}
.shippinggiftcard .giftcardpin_input {
  width: 30% !important;
}
.shippinggiftcard .button_box {
  position: absolute;
  top: 0;
  right: 0;
}

/* Controls display of Delivery Address block */
.addressdisplay .addressname {
  width:100%;
  padding-top:2px;
}
.addressdisplay .fieldname {
  display:inline-block;
  width: 20%;
  display: none;
}
.addressdisplay .addressfield {
  width:100%;
  padding-top:2px;
}
.addressdisplay .addressname .fieldvalue {}
.addressdisplay .addressstreet .fieldname {
  vertical-align:top;
}
.addressdisplay .addressstreet .fieldvalue {
  display:inline-block;
}
.orderaddressdisplay .orderaddressfield {
  margin-top:3px;
}
.orderaddressdisplay .addressname span {
  font-weight:700;
}
/* Controls display of Checkout block */
.checkoutbody .checkoutblocktext {
  margin: 4px 0;
}
.checkoutbody .checkoutblocktext span,
.checkoutbody .checkoutblocktext input {
  display: inline-block;
  width: 48%;
}
.checkoutbody .checkoutblocktext input {
  color: #000;
}
.checkoutbody .checkoutblockcheckbox span {
  padding-right:5px;
}
/* Controls display of Payment and Confirmation step */
.checkoutbody .paymentsummary, .checkoutbody .orderconfirmation {
  padding-top:20px;
}
/* This controls the 'Please Make your Selections' text in the Stock Item Display text */
.hookline {
  font-size:larger;
  font-style:italic;
}
.loadingbox{
  position:absolute;
  top:40%;
  left:40%;
  border:1px solid lightsteelblue;
  height:50px;
  width:250px;
  text-align:center;
  padding-top:20px
}
/* Controls display of Checkout Section Headings */
div.sectionbar {}
/* Controls the display of the Body text within each Checkout Section */
div.sectiondata {
  font-size:100%;
  font-weight:300;
}

/* Controls the characteristics of Register Page */
.registercontainer {
  position: relative;
  padding-top: 40px;
}
.registercontainer:before,
.guestcheckoutcontainer .logincellright.logincreatecell:before {
  content: 'Create an account';
  position: relative;
  display: block;
  top: -40px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
.guestcheckoutcontainer.guestcheckoutvisible .logincellright.logincreatecell:before {
  content: 'Guest checkout';
}
.registermessage {}
.registerbody {
  box-sizing: content-box;
}
.registerbody .sectioncomment:first-child {
  display: none;
}
.registerbody div.sectionbar {
  display: none;
}
.registerbody > div.clearfix,
.myaccount .registercellleft,
.myaccount .registercellright,
.js-left,
.js-right,
.stepcustomerdetails .billingaddress,
.stepcustomerdetails .shippingaddress {
  position: relative;
  width: 46%;
  float: left;
  padding-top: 26px;
}
.js-left,
.js-right {
  box-sizing: content-box;
}
.stepshipping .js-left,
.stepshipping .js-right {
  padding-top: 80px;
}
.registerbody > div.clearfix:nth-of-type(3),
.myaccount .registercellleft,
.js-left,
.stepcustomerdetails .billingaddress {
  padding-right: 4%;
}
.registerbody > div.clearfix:nth-of-type(5),
.myaccount .registercellright,
.js-right,
.stepcustomerdetails .shippingaddress {
  padding-left: 4%;
}
.guestcheckoutcontainer .billingaddress {
  position: relative;
  padding-top: 26px;
}

.registerbody > div.clearfix:before,
.myaccount .registercellleft:before,
.myaccount .registercellright:before,
.js-left:before,
.js-right:before,
.guestcheckoutcontainer .billingaddress:before,
.stepcustomerdetails .billingaddress:before,
.stepcustomerdetails .shippingaddress:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
}
.stepshipping .js-left:before,
.stepshipping .js-right:before {
  width: 92%;
  font-family: fira-sans, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 32px;
  text-align: center;
}
.registerbody > div.clearfix:nth-of-type(3):before,
.myaccount .registercellleft:before,
.guestcheckoutcontainer .js-left:before {
  content: 'CONTACT DETAILS';
}
.registerbody > div.clearfix:nth-of-type(5):before,
.myaccount .registercellright:before,
.guestcheckoutcontainer .js-right:before,
.stepcustomerdetails .shippingaddress:before {
  content: 'SHIPPING ADDRESS';
  left: 8%;
}
.guestcheckoutcontainer .billingaddress:before,
.stepcustomerdetails .billingaddress:before {
  content: 'BILLING ADDRESS';
}
.stepshipping .js-left:before {
  content: 'Order Summary';
}
.stepshipping .js-right:before {
  content: 'Shipping Method';
  left: 8%;
}

/* Controls the display of the 'required fields comment' in Register New Customer section */
.registercomment {
  color:#003271;
  padding: 3px 0 3px 20px;
  font-size:110%;
}
/* Controls the characteristics of left section displayed */
.registercellleft,
.registercellright {
  position: relative;
  width: 100%;
}
.registercellleft > div,
.registercellright > div,
.addressrow,
.userinformationemail,
.userinformationpassword {
  position: relative;
}
.registerbody .sign,
.guestcheckoutcontainer .sign {
  display: block;
  z-index: 1;
  color: black;
  top: 30px;
}
.addressrow[id*='divCountry'] .sign {
  display: none;
}
/* Controls the characteristics of text area*/
.registercelltext {
  display: none;
}
/* Controls the characteristics of input control area */
.registercellvalue {}
.addressrow[id*='divTitle'],
.userinformationmobile {
  display: none;
}
.registercellvalue,
.logincellvalue {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.registercellvalue input,
.logincellvalue input {
  display: block;
  width: 100%;
  box-sizing: border-box !important;
}
.registercellvalue textarea,
.logincellvalue textarea {
  display: block;
  width: 100%;
  box-sizing: border-box !important;
}
.registercellvalue select,
.logincellvalue select {
  width: 100%;
}
.registercellvalue .fieldvalidator,
.logincellvalue .fieldvalidator {
  position: absolute;
  top: 30px;
  right: -14px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  color: #EDC8C8 !important
}
.addressrow[id*='divFirstName'],
.addressrow[id*='divLastName'] {
  position: relative;
  display: inline-block;
  width: 48%;
  box-sizing: border-box !important;
}
.addressrow[id*='divLastName'] {
  float: right;
}

.addressrow[id*='divCity'],
.addressrow[id*='divPostcode'] {
  width: 48%;
  display: inline-block;
  box-sizing: border-box !important;
}
.addressrow[id*='divPostcode'] {
  float: right;
}
.userinformationphone {
  position: relative;
  margin-bottom: 16px;
}

/* Controls the characteristics of newsletters and loyalty program prompts */
#trNewsLetter {
  padding-top:5px;
}
#trNewsLetter .communicationtext {
  display:block;
}
#trNewsLetter input,
#trNewsLetter label {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
#trNewsLetter input {
  margin: 4px 4px 0 0;
}
#trNewsLetter label {
  margin: 4px 40px 0 0;
}
#trJoinLoyalty {
  display: none;
}
/* Custom privacy opt in field, required, added w/ JS */
.userinformationprivacy {
  margin: 20px 0 5px 0;
}
.userinformationprivacy a {
  text-decoration: underline !important;
}

/* Controls the characteristics of register button */
.registerbutton {
  width: 46%;
  margin-top: 8px;
}
/* Controls the characteristics of complete register step */
.registercomplete {
  text-align:center;
  margin-top:20px;
}
.registercomplete .completemessage {}
.registercomplete .continuebutton {}


/* Shopping Cart */
/* Controls  the characteristics of Shopping Cart Screen */
.shoppingcartbox .sectionbar {
  display: none;
}
.shoppingcartbox .floatleft .shoppingcart_updatebutton {
  display: none;
}
.shoppingcartbox .footerstyle {
  height: 120px;
  line-height: 120px;
}
.shoppingcart_topbuttons {
  display: none !important;
}

.shoppingcart_updatebutton {
  position: relative;
  display: block;
  width: 50%;
  top: -40px;
  height: 14px;
  line-height: 14px;
  text-align:left;
}
.shoppingcart_updatebutton:before {
  content: 'Update';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  text-decoration: underline;
  z-index: -1;
}
.shoppingcart_updatebutton input {
  z-index: 1;
  width: 100%;
  height: 100%;
}



.shoppingcart_updatebutton .proceedbutton {
  text-align:left;

}
.shoppingcart_bottombuttons {
  width:100%;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: right;
}
/* Currency selector in shopping bag footer */
.shoppingcart_bottombuttons .currencyselector {
  float: left;
  width: 185px;
  margin: 0 0 0 90px;
  padding: 0;
  text-align: left;
  color: #000;
}
.shoppingcart_bottombuttons .currencyselector:before {
  left: auto;
  top: 5px;
  left: -90px;
  color: #fff;
}
.shoppingcart_bottombuttons .currencyselector ul li a {
  color: #000;
}
.shoppingcart_bottombuttons .continuebutton,
.shoppingcart_bottombuttons .proceedbutton {
  display: inline-block;
  margin-left: 10px;
}

.shoppingcartbox .availablenow {
  color: #fff;
}

/* Gift Box Block (cart page) */
.giftboxpromo {
  display: flex;
  border-top: 1px solid #777;
  padding: 20px 0;
  font-size: 12px;
}
.giftboxpromo a {
  text-decoration: underline;
}
.giftboxpromo__message {
  flex: 1 1 auto;
  text-align: right;
  padding-right: 10px;
}
.giftboxpromo__boximage {
  flex: 0 0 50px;
}
.giftboxpromo__boximage img {
  width: 100%;
}
@media (min-width: 600px) {
  .giftboxpromo {
    line-height: 25px;
  }
  .giftboxpromo__boximage {
    flex-basis: 80px;
  }
}
@media (min-width: 1023px) {
  .giftboxpromo {
    border-top: 0;
    border-bottom: 1px solid #b2b2b2;
  }
}

/* Gift Box Block (cart page) - Xmas 17 */
.xmasgiftboxes {
  position: relative;
  padding: 0 0 30px 0;
  border-top: 1px solid #777;
}
.xmasgiftboxes__heading {
  position: relative;
  z-index: 1;
  margin: 60px 0 20px 0;
  padding: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  color: #FAFAFA !important;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.xmasgiftboxes__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; 
  justify-content: space-between; 
}
.xmasgiftboxes__item {
  position: relative;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 12px 0;
  padding-left: 100px;
  font-size: 13px;
}
.xmasgiftboxes__itemimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1.0;
  transition: opacity 0.2s ease;
}
.ra6016 .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_02.png);
}
.ra6015-rb .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_03.png);
}
.ra6012 .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_04.png);
}
.ra6017-rb .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_01.png);
}
.giftwrapping .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_10.png);
}
.rp0001 .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_05.png);
}
.ra9090 .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_08.png);
}
.ra9992 .xmasgiftboxes__itemimg {
  background-image: url(/user/files/ruby_xmas-cart-images_07.png?2020-08-04);
}
.xmasgiftboxes__textlink:hover + .xmasgiftboxes__itemimg,
.xmasgiftboxes__itemimg:hover {
  opacity: 0.8;
}
.xmasgiftboxes__item a {
  text-decoration: underline;
}
@media (min-width: 600px) {
  .xmasgiftboxes__heading {
    margin: 0 0 20px 0;
    padding: 30px 0 0 0;
    font-size: 22px;
    letter-spacing: 1px;
  }
  .xmasgiftboxes__item {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 16px;
  }
}
@media (min-width: 1023px) {
  .xmasgiftboxes {
    border-top: 0;
    border-bottom: 1px solid #b2b2b2;
  }
  .xmasgiftboxes__item {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
  }
}

/* LayBuy widget, cart page */
.laybuyinfo--cart {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #b2b2b2;
  text-align: right;
}
.laybuyinfo--cart * {
  line-height: 22px;
  vertical-align: text-top;
  display: inline-block;
}
.laybuyinfo--cart__text {
  padding-right: 20px;
}
.laybuyinfo--cart__img {
  width: 20px;
  margin: 2px 4px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
a.laybuyinfo--cart__link,
a.laybuyinfo--cart__link:link,
a.laybuyinfo--cart__link:visited {
  color: #777;
}


/* My Account page */
.myaccount {
  position: relative;
  padding-top: 40px;
}
.myaccount:before {
  content: attr(data-name);
  position: relative;
  display: block;
  top: -40px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
/* Update Details button */
.myaccount .ajax__tab_panel > div > div:nth-child(3) {
  width: 46%;
  float: right;
}
.myaccount .userinformationloyaltypoints {
  margin-top: 20px;
}


/* Controls display of Section Headings in Order Detail Screen */
/* sitemapath change for black background on order detail screen */
form[action*='orderdetail'] .sitemappath {
  border-bottom: 1px solid #b2b2b2;
}
form[action*='orderdetail'] .sitemappath span:nth-child(even) {
  border-right: 1px solid #fff;
  color: #000;
}
div.sectionheader {
  background-color: #eaeaea;
  padding: 6px 0 6px 24px;
  text-align:left;
  clear:both;
  display:block;
}
.orderdetail div.sectionheader {
  background-color: #000;
  margin: 6px 0 16px 0;
  padding: 20px 0 6px 0;
  text-align:left;
  clear:both;
  display:block;
  border-bottom: 1px solid #b2b2b2;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.orderdetail div.sectionheader.itemsordered {
  margin-bottom: 6px;
  border-bottom: 0;
}
.orderdetail .orderdetailcelltext {
  display:inline-block;
  width:100px !important;
  font-weight: 700;
}
.orderdetail .orderdetailcellvalue {
  display:inline-block;
  min-width:300px;
}
.orderdetail .orderaddresses .shippingaddress, .orderdetail .orderaddresses .billingaddress {
  width:50%;
}
.orderdetail .orderaddresses .shippingaddress .sectionheader {
  width: 100%;
}
.orderdetail .shipping-branch-wrap {
  margin-left: 0;
}
.orderdetail .paymentmethoddetails .block{
  width:50%;
  float:left;
}
.orderdetail .itemsordered {
  margin-top:10px;
}
.orderdetail .itemsordereddetails {
  padding:10px 0;
}
.orderdetail .cell_item {
    width: auto;
    right: 0;
}
.orderdetail .cell_qty {
    width: auto;
    left: 0;
}
.orderdetail .cell_price {
    width: auto;
    right: 0;
}
.orderdetail .cell_amount {
    width: auto;
    padding-right: 40px;
}
.orderdetail .cell_footer_price,
.orderdetail .cell_footer_amount {
  padding: 16px 0;
  font-size: 13px;
}
.orderdetail .cell_footer_price {
    left: 0;
}
.orderdetail .cell_footer_amount {
    left: 0;
    padding-right: 40px;
}
/* Controls the characteristics of the text displayed for International Customers in the shipping section */
div.lightnotice {
  font-weight:300;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:2px;
}
/* Controls the characteristics of the International Customers Header displayed in the shipping section */
div.notice {
  font-weight:700;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:2px;
}
/* Controls display of text in the My Details screen wherever it is displayed */
.formsectiontext {
  text-align:left;
  line-height:25px;
}
/* Controls the display of input keyed in the My Details screen */
.formsectionvalue {
  text-align:left;
}
.myaccountemail {}
.myaccountpassword, .myaccountinput, .loyaltypoints {}
.contacttitle, .countryname {
  color: #000;
  padding: 21px 22px 20px 22px;
  box-sizing: border-box;
}
.postcodeinput {}
/* Contents */
/* Controls display of the inside of the containers for Promotions, Suggestions, Category List */
div.contents {
  margin-bottom: 40px;
  clear:both;
}
/* Controls display of the Header of the containers for Promotions, Suggestions, Category List */
div.contentsheader {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
}
div.contentsheader a {
  text-decoration:none;
}
/* Controls background Color and borders for Promotions, Suggestions, Category List */
div.contentsdata {
  color:#000000;
  border-color:#002E6C;
  border-width:1px;
  border-style:solid;
  padding:0;
}
/* Style list filter/page bar */
/* Controls the display characteristics of the Filter By Panel */
div.styleresultbar {
  border-top: 1px solid #d3d3d3;
  overflow:hidden;
  text-align:left;
  clear:both;
  display:block;
}
/* Controls the characteristics of left content in container */
div.styleresultbar .filterby {
  margin-left:0 !important;
  display:inline;
  float:left;
  position:relative;
  width:250px;
}
/* Controls the characteristics of centre content in container */
div.styleresultbar .sortby {
  display:inline;
  float:left;
  position:relative;
  width:220px;
}
.leftcontent .sortby {
  margin-bottom: 40px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
  line-height: 2;
}

/* Custom category banner image, set with Static Blocks */
.categorybanner {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 15px 0;
}
.categorybanner--border {
  border: 1px solid #d3d3d3;
}

/* Controls the characteristics of centre content in container */
div.styleresultbar .navpages {
  margin-top:3px;
  margin-right:0;
  display:inline;
  float:right;
  position:relative;
  text-align:right;
}
/* Category */
.productlist > li {
  float:left;
  width: 32% !important;
  margin: 0 2% 64px 0;
}
.productlist li:nth-child(3n+3) {
  *overflow:hidden;
  margin-right: 0;
}
.productlistlastrow {}
/* Controls the Style display background and borders in styles displayed in category page */
.stylesummarybox {
  margin:0;
  width:100%;
  height: auto !important;
  position:relative;
}
.stylesummaryimageholder {
  position: relative;
  height: 0 !important;
  line-height: 1 !important;
  padding-top: 166%;
  border: 1px solid #d3d3d3;
  text-align:center;
  overflow: hidden;
}
.stylesummaryimageholder .tag {
  position: absolute;
  top: 24px;
  left: 24px;
  border-bottom: 1px solid #000;
  font-size: 14px;
  line-height: 22px;
  pointer-events: none;
}
.stylesummarybox.tagged--custombold .tag {
  font-weight: 700;
}
li.onlinegiftvoucher .tag {
  display: none;
}
.stylesummaryimageholder > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.stylesummarybox.tagged--soldout .stylesummaryimageholder:hover:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 1px;
  border-top: 1px solid #d3d3d3;
  -ms-transform:rotate(121deg);
  -moz-transform:rotate(121deg);
  -webkit-transform:rotate(121deg);
  transform:rotate(121deg);
}
.stylesummaryimageholder img {
  vertical-align:middle;
  width: 80%;
  max-width: 80%;
  padding-top: 10%;
  opacity: 1.0;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}
.lazy-image { 
  background:transparent url(../files/loader.gif) no-repeat center center;  
  min-height:30px;  
}
.load-next-page {
  background:transparent url(../files/loader.gif) no-repeat center center; 
  display:block; 
  height:50px; 
  width:100%; 
  max-width:100%; 
  clear:both; 
  float:none; 
}
ul.size-options {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  pointer-events: none;
}
.tagged--soldout ul.size-options {
  display: none;
}
ul.size-options li {
  display: inline-block;
  border: 1px solid #d3d3d3;
  margin: 2px;
  padding: 6px;
  min-width: 20px;
  background-color: #fff;
  box-sizing: content-box;
}
ul.size-options li.stock-0 {
  opacity: 0.4;
}
.stylesummarybox.tagged--soldout .stylesummaryimageholder:hover img {
  opacity: 0.2;
}
.stylesummarytext {
  padding: 22px 0;
  text-align:center;
}
.stylesummarytext .textrow {
  height: auto !important;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height: 1.8;
}
.stylesummarytext .textrow .spn_SD {
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Chrome / Typekit bug fix */
.wf-loading .stylesummarytext .textrow {
  opacity: 0; /* show once typekit has loaded */
}
.wf-active .stylesummarytext .textrow {
  opacity: 1.0;
}
.stylesummarytext .textrow.div_NW {
  display: none;
}
.stylesummarytext .textrow.div_CP span {
  font-weight: 300 !important;
  color: #494949 !important;
}
.stylesummarybox .stylesummarytext .textrow.div_CP .spn_CP.onsale {
  color: #fa1d3b !important;
}
.stylesummarytext .textrow.div_CP span.spn_CP,
.stylesummarytext .textrow.div_CP span.spn_P1 {
  padding: 0 6px;
}
.stylesummarytext .textrow.div_CP span.spn_P5 {
  text-decoration: line-through;
}
span.spn_CP .defaultpriceprefix {
  font-size:90% !important;
  font-weight:300 !important;
}
.stylesummarytext .textrow.div_SH {
  display: none;
}
.stylesummarytext .textrow.div_U4 {
  display: none;
}
/* Fabric products: */
.stylesummarybox.fabric .spn_CP:after {
  content: ' per half metre';
}

/* Infinite Scroll, category page */
.productlist {
  position: relative;
}
.productlist:before,
.productlist:after {
  content: " ";
  display: table;
}
.productlist:after {
  clear: both;
}
.ias-trigger,
.ias-spinner,
.ias-noneleft {
  position: absolute;
  bottom: -41px;
  left: 50%;
  width: 260px;
  margin-left: -130px;
  height: 40px;
  line-height: 40px;
  margin-top: 41px;
  background-color: #f4f4f4;
  border: 1px solid #d3d3d3;
  border-top: 0;
}
.ias-spinner {
  background-color: #fff;
  border: none;
}

/* Promotion text */
/* Controls the display characteristics of the Promotions Panel */
.promotionbox {
  font-size:12px;
  border:1px solid #DFDFDF;
  overflow: hidden;
  clear:both;
}
.promotionbox ul li {
  border-bottom:0 none;
}
.promotionimageholder {
  padding-top: 5px;
  text-align:center;
}
.promotionimageholder img{
  vertical-align:middle;
}
.promotiontextholder {
  padding-top:4px;
  text-align:center;
}
/* Suggestion text */
/* Controls the Text characteristics in the Suggestion Panel */
.suggestionbox {
  font-size:12px;
  text-align:center;
  border:1px solid #DFDFDF;
  overflow: hidden;
  clear:both;
}
/* Minicart text */
/* Controls the Text characteristics in the Minicart Panel */
.minicartbox {
  font-size:90%;
  color:#000000;
  text-align:center;
  border:1px solid #DFDFDF;
}
.minicartbox .productdetails {
  text-align:left;
  padding-top:10px;
  width:100%;
}
.minicartbox .productdetails .minicartcellleft {
  width: 30%;
}
.minicartbox .productdetails .minicartcellright {
  width: 65%;
}
/* Controls the display of the Minicart Empty Message */
.minicartbox .cartempty {
  font-size:12px;
  color: #7F7F7F;
  padding:5px 0;
}
/* Controls the display of the Minicart Subtotals */
.minicartbox .subtotal {
  font-size:12px;
  font-weight:700;
  padding-bottom:5px;
}
/* Controls the display of the asterisk for Required Fields. Add a color line to change the colour */
.sign {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 6px;
  margin-top: -5px;
  color: #626262;
  display: none; /* only shown on some pages */
}
/* table view  */
/* Controls display of the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.gridviewtable {
  border:outset 1px #DFDFDF;
  border-collapse:collapse;
}
/* Controls display of the Header in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.headerstyle {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.headerstyle > th {
  padding-bottom: 20px;
}
/* Controls display of the Individual Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.rowstyle,
.alternatingrowstyle {
  border-top: 1px solid #B2B2B2;
}
.rowstyle td,
.alternatingrowstyle td  {
  padding: 30px 0;
}
/* Controls display of the Alternating Product lines in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.alternatingrowstyle {}
.selectedrowstyle {
  background-color:#666666;
  font-weight:700;
  color:#FFFFFF;
}
/* Controls display of the Totalling area in the Products Purchased Panel in Order Detail, Item Added to cart, Shopping Cart and Checkout Pages */
.footerstyle {
  border-top: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}
.shippingordersummary .footerstyle {
  line-height: 30px;
}
.shippingordersummary .footerstyle td {
  padding: 6px 0;
}

/* Market Bag Promo, October 2018 */
.marketbagpromo {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #b2b2b2;
}
.marketbagpromo:after {
  content: '';
  display: block;
  width: 120px;
  height: 130px;
  margin: 0 0 0 auto;
  background-image: url('/user/files/marketBag_240w.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.marketbagpromo__inner {
  padding-right: 130px;
  position: absolute;
  bottom: 16px;
  left: 0;
}
.marketbagpromo__link {
  display: inline-block;
  text-decoration: underline !important;
}

/* Complimentary Shipping promo */
.compshippingpromo {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #b2b2b2;
}
.compshippingpromo__link {
  display: inline-block;
  text-decoration: underline !important;
}
/* Complimentary Shipping banner */
.compshippingbanner a,
.compshippingbanner span {
  display: block;
  margin: 0 0 15px 0;
  padding: 8px 0;
  background-color: #fde4e7;
  font-family: 'brandon-grotesque', Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  transition: opacity 0.2s ease;
}
.compshippingbanner a:hover {
  opacity: 0.8;
}

/* Controls the display of the Page Number Footer in the My Orders Page */
.pagerstyle {
  color:#FFFFFF;
  background-color:#284775;
  font-size:x-small;
  text-align:right;
}
/* Controls the characteristics of the Page Number displayed */
.pagerstyle select{
  font-size:x-small;
}
/* Myaccount - tab container */
.ajax__tab_xp-theme .ajax__tab_header {
  margin-bottom: 40px;
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
  display: inline-block;
  margin: 0 20px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
  margin: 0;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
  border-bottom: 3px solid #fff;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {}
.ajax__tab_xp-theme .ajax__tab_body {
  box-sizing: content-box;
}

/* Controls the display of the Box exterior for Product Details that pop up when Add to Cart is clicked */
div.addToCartPopupLayer {
  visibility:hidden;
  filter:alpha(opacity=0);
  -moz-opacity:25;
  opacity:0;
  position:absolute;
  width:220px;
  height:80px;
  background:#5D7B9D;
  z-index:1000;
  vertical-align:top;
}
/* Controls the inside area of the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer {
  height:70px;
  margin:5px 0;
  background:#F0EEE8;
  color:#5D7B9D;
}
/* Controls the display of the product image inside the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupimage {
  width:60px;
  height:65px;
  float:left;
  padding-top:5px;
  text-align:center;
  vertical-align:top;
}
/* Controls the display of the text inside the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupbody {
  width:155px;
  float:right;
  height:50px;
  padding-left:5px;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Controls the display of the Checkout and Close links in the pop up when Add to Cart is clicked */
div.addToCartPopupLayer .innerlayer .popupclose {
  width:155px;
  float:left;
  font-weight:700;
  text-align:center;
  font-size:13px;
}
/* Controls the display of the Site Path */
.sitemappath {
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #d3d3d3;
  height: 15px;
  line-height: 15px;
  box-sizing: content-box;
}
.sitemappath span {
  display: inline-block;
}
.sitemappath span:nth-child(even) {
  width: 0;
  border-right: 1px solid #595959;
  margin: 0 10px;
  color: #fff;
  text-indent: 1px;
}
/* hide certain sitemappath links on Category and Product Detail pages */
form[action*='/estore/category/brand/'] .sitemappath > span:nth-child(n+2):nth-child(-n+5),
form[action*='/estore/category/category/'] .sitemappath > span:nth-child(n+2):nth-child(-n+5),
form[action*='/estore/style/'] .sitemappath > span:nth-child(n+2):nth-child(-n+5) {
  display: none;
}

/* hide sitemappath links on Stylelist pages */
form[action*='/estore/stylelist/'] .sitemappath > span:nth-child(3),
form[action*='/estore/stylelist/'] .sitemappath > span:nth-child(4) {
  display: none;
}


/* View All link */
a.viewall {
  display: block;
  position: absolute;
  top: -15px;
  right: 0;
  line-height: 15px;
  padding: 15px 20px 15px 20px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  text-transform: uppercase;
  text-align: center;
}
/* Chrome / Typekit bug fix */
.wf-loading a.viewall {
  display: none; /* show once typekit has loaded */
}
.wf-active a.viewall {
  display: block;
}
a.viewall.disabled {
  opacity: 0.8;
  cursor: default;
}
a.viewall.disabled:hover {
  color: inherit;
}

/* Controls the characteristics of the Text displayed for products found in the search */
.productsfound {
  margin: 0 0 15px 0;
  padding: 16px 8px;
  background-color: #ededed;
}
.productsfound span {
  color: #000;
}
/* Controls the characteristics of the Text displayed where no products are found in the search */
.productsnotfound {
  margin:10px 0 10px 0;
}
.productsnotfound span {
  color:#b22222;
}
.productsnotfound .productsnotfoundbody {
  margin:10px 0 0 0;
}
 /* Information Tabs Container - Product Detail */
 /* Controls Display characteristics of the Information Tabs */
.ajax__tab_pd-theme {
  padding-top:10px;
}
.ajax__tab_pd-theme .ajax__tab_header {
  color:#000000;
  font-size:11px;
  background:url(https://shop.rubynz.com/user/files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer {
  padding-right:4px;
  background:url(https://shop.rubynz.com/user/files/tab-right.gif) no-repeat right;
  height:21px;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner {
  padding-left:3px;
  background:url(https://shop.rubynz.com/user/files/tab-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab {
  height:13px;
  padding:4px;
  margin:0;
  background:url(https://shop.rubynz.com/user/files/tab.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer {
  background:url(https://shop.rubynz.com/user/files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner {
  background:url(https://shop.rubynz.com/user/files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab {
  background:url(https://shop.rubynz.com/user/files/tab-hover.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer {
  background:url(https://shop.rubynz.com/user/files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner {
  background:url(https://shop.rubynz.com/user/files/tab-active-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab {
  background:url(https://shop.rubynz.com/user/files/tab-active.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_body {
  font-size:13px;
  border:1px solid #DFDFDF;
  border-top:0;
  padding:8px;
  background-color:#FFFFFF;
  width:380px;
  overflow:auto;
}
/* Controls the Display Characteristics of the Cover Colour if the Minimum Order Pop Up is triggered */
.minimum_order_popup_background {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
  z-index: 10000; 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* Controls the display characteristics of the Minimum Order Pop Up Panel */
.minimum_order_popup_cont {
  background-color:#FFFFFF;
  color:#000000;
  border:2px solid #5D7B9D;
  text-align:left;
  padding:10px;
  width:300px;
  z-index: 10001; 
}
/* Controls the display characteristics of the Continue Shopping Button */
.minimum_order_popup_button {
  padding-top:10px;
  text-align:right;
}
/* Controls the display characteristics of Product Detail */
.productdetailbox {
  background-color:#FFFFFF;
  width:100%;
}
/* Controls the display characteristics of image in Product Detail */
.productdetailbox .productimagecont {
  float: left;
  text-align:left;
  vertical-align:top;
  position: relative;
  width:55%;
  z-index:2;
}
/* Controls the display characteristics of rollover message in Product Detail */
.productimagecont .rollovermessage {
  font-size:90%;
  padding-bottom:10px;
  text-align:center;
}
/* Product Detail: images */
.productimagecont .productimage_zoomed a,
.productimagecont .productimage_zoomed img {
  width: 100% !important;
}
.productimagecont .productimage_thumbnails,
.productimagecont .productimage_thumbnails div,
.productimagecont .productimage_thumbnails div a,
.productimagecont .productimage_thumbnails div a img {
  width: 100% !important;
}
.productimagecont .productimage_thumbnails div {
  margin: 10px 0;
}
.productimagecont .productimage_thumbnails > div:first-of-type {
  display: none;
}
.productimagecont .productimage_thumbnails div a img {
  display: block;
}
.productimagecont .StyleColourImageCaption {
  display: none;
}


/* Controls the display characteristics of text area in Product Detail */
.productdetailbox .productdetailcont {
  float: left;
  text-align: center;
  vertical-align:top;
  overflow:hidden;
  width:43%;
  margin-left: 2%;
  z-index:1;
}
.productdetailbox .productdetailcont .productdescription {
  font-weight: 300;
  line-height: 1.8;
}
.productdetailbox .productdetailcont .productdescription .div_U1 {
  font-size: 19px;
}
.productdetailbox .productdetailcont .productdescription .div_U4 {
  display: none;
}
.productdetailbox .productdetailcont .productdescription .div_SD {
  font-size: 23px;
}
.productdetailbox .productdetailcont .productdescription .div_CP {
  font-size: 18px;
}
.productdetailbox .productdetailcont .productdescription .div_CP .spn_P1 {
  margin-left: 16px;
}
.productdetailbox .productdetailcont .productdescription .div_CP .spn_CP.onsale {
  color: #fa1d3b;
}
.div_ISD {
  display: none !important;
}
/* Controls the display characteristics of price labels in Product Detail */
.productdetailbox .productdetailcont .leftlabel {
  display: inline-block;
}
/* Controls the display characteristics of common row in Product Detail */
.productdetailbox .productdetailcont .productdetailrow {
  clear:both;
  margin: 16px 0;
}
.productdetailbox .productdetailcont .productdetailrow.stockcode {
  display: none;
}
/* MS font overrides, product description */
.productdetailrow.longdescription * {
  font-family: fira-sans, Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #494949 !important;
  text-align: center !important;
}
/*.productdetailrow.longdescription strong {
  display: block;
  margin: 16px 0 4px 0;
}*/
.productdetailrow.longdescription strong,
.productdetailrow.longdescription strong * {
  font-weight: 400 !important;
  color: #494949 !important;
}
/*.productdetailrow.longdescription strong + br {
  display: none;
}*/

/* Peronalised Fields: Care Label for Liam Patterns products */
.productdetailbox #personal-fields {
  display: none;
}


.productdetailbox .productdetailcont #trCrossPrice,
.productdetailbox .productdetailcont #trCurrentPrice,
.productdetailbox .productdetailcont #trSaveAmount {
  display: none;
}
/* Controls the display characteristics of availability row in Product Detail */
.productdetailbox .productdetailcont .availailityrow {}
/* Controls the display characteristics of selection message in Product Detail */
.productdetailbox .productdetailcont .selectionmessage {
  display: none;
}
/* Controls the display characteristics of colour/size dropdownlist in Product Detail */
.productdetailbox .productdetailcont .productattribute {
  margin: 12px 0;
}
.productdetailbox .productdetailcont .productattribute .attributelabel {
  /* display: inline-block;
  width:150px; */
  display: none;
}
.productdetailbox .productdetailcont .productattribute .attributelabel.dropdownlist {
  display: none;
}
/* Colour select */
.productdetailbox .productdetailcont .productattribute.attribute1 {
  display: none;
}
/* Controls the display characteristics of colour/size thumbnails in Product Detail */
.colouroptions {
  padding-top:10px;
}
.colouroptions .item {
  cursor:pointer;
  float:left;
  height:50px;
  width:50px;
}
.colouroptions .item.active  {
  background:url(https://shop.rubynz.com/user/files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.colouroptions img {
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#CCC;
  height:40px;
  margin: 4px 0 0 4px;
  width: 40px;
}
.sizeoptions {
  padding-top:10px;
}
/* Chrome / Typekit bug fix */
.wf-loading .sizeoptions {
  visiblity: hidden; /* show once typekit has loaded */
}
.wf-active .sizeoptions {
  visibility: visible;
}
.sizeoptions .sizeset {
  display:none;
}
.sizeoptions .item {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  cursor:pointer;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #d3d3d3;
  overflow: hidden;
}
.sizeoptions .item.active  {
  color: #fff;
  background-color: #a0a0a0;
}
.sizeoptions .item.disabled {
  cursor:default;
}
.sizeoptions .item.disabled:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 1px;
  border-top: 1px solid #d3d3d3;
  -ms-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}
/* Controls the display characteristics of colour/size selection in Product Detail */
/* Pack & Collective item selection in product detail page begins */
.attr3options .items-heading {
  background: #fafafa;
  border: 1px solid #E6E6E6;
  height: 36px;
}
.attr3options .items-heading.attr-pack { 
  height: 44px; 
} 
.attr3options .item-value.attr-pack, .attr3options .item-unitprice.attr-pack { 
  width: 20%; 
  text-align: center; 
  font-weight: normal; 
  padding: 0 5px; 
} 
.attr3options .items-heading.attr-pack > div { 
  line-height: 44px; 
  height: 44px; 
}
.attr3options .items-heading .item-image {
  width: 50px;
}
.attr3options .items-heading .item-value {
  width: 50px;
  text-align: center;
}
.attr3options .items-heading .item-unitprice {
  width: 80px;
  text-align: right;
}
.attr3options .items-heading .item-price{
  width: 80px;
  text-align: right;
}
.attr3options .items-heading .item-qty {
  width: 114px;
  text-align: center;
}
.attr3options .items-heading > div {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  float: left;
  color: #666;
  line-height: 36px;
  height: 36px;
  box-sizing: border-box !important;
}
.attr3options .item.active {
  background: #DFF0D8;
}
.attr3options .item.disabled {
  background: #F0EEE8;
}
.attr3options .item {
  border-top: none;
  background: #FAFAFA;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  position: relative;
}
.attr3options .item > div {
  height: 68px;
  line-height: 68px;
  float: left;
  box-sizing: border-box !important;
}
.attr3options .item .item-image {
  width: 50px;
}
.attr3options .item .item-image-wrap {
  cursor: pointer;
  margin: 10px 0 0 1px;
  height: 48px;
  width: 48px;
}
.attr3options .item.active .item-image-wrap {
  background: url(https://shop.rubynz.com/user/files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.attr3options .item .item-image-wrap img {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #CCC;
  background-size: 100%;
  height: 40px;
  margin: 4px 0 0 4px;
  width: 40px;
}
.attr3options .item .item-value {
  width: 50px;
  font-weight: 700;
  text-align: center;
}
.attr3options .item .item-unitprice {
  width: 80px;
  text-align: right;
}
.attr3options .item .item-price {
  width: 80px;
  text-align: right;
}
.attr3options .item .item-qty {
  width: 114px;
  text-align: center;
  position: relative;
}
.attr3options .item input.inputitemqty {
  height: 20px;
  width: 32px;
  text-align: center;
  padding: 3px 4px;
}
.attr3options .item .item-qty-buttons {
  position: absolute;
  top: 19px;
  right: 7px;
  padding: 0 29px;
  width: 42px;
  line-height: normal;
}
.attr3options .item .item-qty-buttons button {
  background: transparent url(https://shop.rubynz.com/user/files/minusplus.png) no-repeat 0 0;
  height: 30px;
  width: 30px;
  border: 0;
  outline: 0;
  top: 0;
  position: absolute;
  cursor: pointer;
}
.attr3options .item .item-qty-buttons .item-qty-minus {
  left: 1px;
  background-position: 0 -30px;
}
.attr3options .item .item-qty-buttons .item-qty-plus {
  right: 1px;
  background-position: -30px -30px;
}
.attr3options .item .item-qty-minus:hover {
  background-position: 0 0;
}
.attr3options .item .item-qty-plus:hover {
  background-position: -30px 0;
}
.attr3options .item .item-qty-status {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: normal;
  color:#B22222;
  font-size:90%;
}
.attr3options .items-totals {
  margin: 10px 0;
}
.attr3options .items-totals > div {
  float: left;
  height: 30px;
  line-height: 30px;
  text-align: right;
}
.attr3options .items-totals .item-total-title {
  width: 130px;
  font-size: 16px;
  font-weight: 700;
}
.attr3options .items-totals .item-total-amount {
  width: 130px;
  font-size: 16px;
  font-weight: 700;
}
.attr3options .items-totals .item-total-qty {
  width: 104px;
  color: #999;
  font-size: 12px;
}
#popupProductDetailContent .attr3options {
  font-size:90%;
}
#popupProductDetailContent .attr3options .items-heading .item-value {
  width: 40px;
}
#popupProductDetailContent .attr3options .items-heading .item-price {
  width: 70px;
}
#popupProductDetailContent .attr3options .item .item-value {
  width: 40px;
}
#popupProductDetailContent .attr3options .item .item-price {
  width: 70px;
}
#popupProductDetailContent .attr3options .items-totals .item-total-title {
  width: 110px;
}
/* Pack & Collective item selection in product detail page ends */
/* Controls the display characteristics of selected colour/size description in Product Detail */
.productdetailcont .productdetailrow.qtydescrow {
  display: none;
}
.productdetailcont .productdetailrow.attributeselection .leftselection {
  position: relative;
}
.productdetailcont .productdetailrow.attributeselection .leftselection:after {
  content: 'Qty:';
  position: absolute;
  top: 0;
  left: 14px;
}
.productdetailcont .productdetailrow.attributeselection .rightselection {
  display: none;
}
.productdetailcont .productdetailrow.attributeselection input {
  width: 200px;
  padding: 14px 0 14px 46px;
}
.contentsheader.proddetail {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px 0;
  text-align: center;
  font-size: 13px;
}
/* Add to Bag button */
.productdetailcont .button.addtocart {
  opacity: 1.0;
  transition: opacity 0.2s linear;
}
.productdetailcont .button.addtocart:disabled {
  opacity: 0.6;
}

/* AJC - REMOVE this block after JS updates for Afterpay, as classes have changed */
/* LayBuy widget, Product Detail page */
.laybuyinfo {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 18px 0;
  padding: 8px;
  background-color: #fbfbfb;
  border: 1px solid #d3d3d3;
}
.laybuyinfo * {
  line-height: 22px;
  vertical-align: text-top;
  display: inline-block;
}
.laybuyinfo__text {
  padding-right: 20px;
}
.laybuyinfo__img {
  width: 20px;
  margin: 2px 4px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
a.laybuyinfo__link,
a.laybuyinfo__link:link,
a.laybuyinfo__link:visited {
  color: #777;
}

/* Payment Widgets, Product Detail and Cart pages */
.inst {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 18px 0;
  padding: 8px;
  background-color: #fefefe;
  border: 1px solid #d3d3d3;
  font-size: 14px;
}
.inst--cart {
  padding: 20px 0;
  background: none;
  border: none;
  border-bottom: 1px solid #B2B2B2;
  text-align: right;
}
.instblock {
  margin: 5px 0;
}
.instblock__img {
  margin-left: 2px;
  margin-right: 2px;
}
.instblock--laybuy .instblock__img {
  position: relative;
  height: 20px;
  margin-top: -4px;
}
.instblock--afterpay .instblock__img {
  position: relative;
  height: 22px;
  margin-top: -2px;
}
.instblock__learnmorelink,
.instblock__learnmorelink:link,
.instblock__learnmorelink:visited {
  margin-left: 4px;
  color: #777;
  text-decoration: underline;
}
.instblock__learnmorelink:hover {
  color: #333;
}
.inst--cart .instblock__learnmorelink {
  color: #ccc !important;
}


/* Product Detail and Cart: Information Modal */
.afterpaymodal {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  background: rgba(0, 0, 0, 0.4);
	color: #555;
	line-height: 1.6;
	z-index: 9999;
}
.afterpaymodal.active {
	display: flex;
}
.afterpaymodal__inner {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	max-width: 640px;
	background-color: #fff;
}
.afterpaymodal .afterpaymodal__inner p {
  font-family: "fira-sans", Arial, Helvetica, sans-serif !important;
  font-weight: 300;
}
.afterpaymodal__header {
	padding: 40px 30px 30px 30px;
	background-color: #b2fce4;
	text-align: center;
}
.afterpaymodal__header h4 {
	position: relative;
	padding-top: 55px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 700;
	color: #111;
}
.afterpaymodal__header h4:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url('https://shop.rubynz.com/user/files/afterpay_logo_black.svg');
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
  background-size: contain;
}
.afterpaymodal__header p {
	margin: 6px 0;
}

.afterpaymodal__center,
.afterpaymodal__footer {
	margin: 0 30px;
	padding: 15px 0 20px 0;
}

.afterpaymodal__center ol {
	display: flex;
	text-align: center;
}
.afterpaymodal__center ol li {
	flex: 0 1 33.3%;
	margin: 0 4px;
}
.afterpaymodal__center h5 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	margin: 6px 0;
}
.afterpaymodal__center h5:before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	margin: 4px auto 14px auto;
	background-size: 60px;
	background-repeat: no-repeat;
}
.afterpaymodal__center li:nth-child(1) h5:before {
	background-image: url('https://shop.rubynz.com/user/files/afterpay-stepicon_01.svg');
}
.afterpaymodal__center li:nth-child(2) h5:before {
	background-image: url('https://shop.rubynz.com/user/files/afterpay-stepicon_02.svg');
}
.afterpaymodal__center li:nth-child(3) h5:before {
	background-image: url('https://shop.rubynz.com/user/files/afterpay-stepicon_03.svg');
}

.afterpaymodal__footer {
	border-top: 1px solid #ddd;
}
.afterpaymodal__footer h5 {
	font-weight: 700;
	margin: 6px 0;
}
.afterpaymodal__footer a {
	text-decoration: underline;
}
.afterpaymodal__close {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #777;
	cursor: pointer;
}
.afterpaymodal__close:hover {
	color: #000;
}
.afterpaymodal__close:after {
	content: ' x';
}

/* Checkout: Afterpay payment option */
#divPaymentOption_10 .paymentoption-label,
#divPaymentOption_11 .paymentoption-label {
  display: inline-block;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  width: 100px;
  height: 19px;
  margin-left: 1px;
  text-indent: -9999px;
}
#divPaymentOption_10 .paymentoption-label {
  background-image: url('https://shop.rubynz.com/user/files/afterpaylogo_white.svg');
}
#divPaymentOption_11 .paymentoption-label {
  background-image: url('https://shop.rubynz.com/user/files/laybuylogo_white.svg');
}
.paymentoptionlist .paymentoptioninfo {
  margin-top: 4px;
  margin-left: 22px;
  color: #eee;
}
.paymentoptionlist .paymentoptioninfo p {
  margin: 4px 0;
}
.paymentoptionlist .paymentoptioninfo a {
  color: #eee;
  text-decoration: underline;
}


/* Size Guide popup, product detail page */
.sizeguide__link {
  margin: 0;
  text-align: center;
  text-decoration: underline;
}
.sizeguide__link span {
  cursor: pointer;
}
.sizeguide {
  display: none;
  visibility: hidden;
  z-index: 99;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sizeguide--active {
  display: flex;
  visibility: visible;
}
.sizeguide__bgnd {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.sizeguide__inner {
  position: relative;
  width: 95%;
  height: auto;
  max-width: 480px;
  max-height: 85%;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #afafaf;
  padding: 20px 6px 20px 6px;
}
@media (min-width: 600px) {
  .sizeguide__inner {
    padding: 44px 34px 44px 34px;
  }
}
.sizeguide__close {
  position: absolute;
  top: 15px;
  right: 6px;
  width: 24px;
  height: 24px;
  text-indent: -999em;
  cursor: pointer;
}
.sizeguide__close:before,
.sizeguide__close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 24px;
  background-color: #666;
  transition: background-color 0.2s ease;
}
.sizeguide__close:hover:before,
.sizeguide__close:hover:after {
  background-color: #999;
}
.sizeguide__close:before {
  transform: rotate(315deg);
}
.sizeguide__close:after {
  transform: rotate(45deg);
}
@media (min-width: 600px) {
  .sizeguide__close {
    top: 34px;
    right: 34px;
  }
}

.sizeguide h4 {
  margin: 30px 0 6px 0;
  font-family: "brandon-grotesque", Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .sizeguide h4 {
    font-size: 16px;
  }
}

.sizeguide table {
  width: 100%;
  text-align: center;
  font-size: 15px;
}
.sizeguide thead {
  background-color: #d8d8d8;
}
.sizeguide thead th {
  font-weight: 300;
  color: #000;
}
.sizeguide tr:nth-child(even) {
  background-color: #efefef;
}
.sizeguide th:first-child,
.sizeguide td:first-child {
  text-align: left;
}
.sizeguide th {
  padding: 6px 3px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.sizeguide td {
  padding: 3px 2px;
  border-bottom: 1px solid #d8d8d8;
}
@media (min-width: 600px) {
  .sizeguide td {
    padding: 4px 3px;
  }
}


/* Notify Me button, product detail page, Coming Soon category */
a.notifyme {
  display: block;
  background-color: #000;
  margin: 0 auto 8px auto;
  width: 220px;
  height: 60px;
  line-height: 60px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
}
.comingsoon .stockAvail {
  display: none;
}

/* Rent Me button */
a.rentmebutton {
  display: block;
  background-color: #000;
  margin: 0 auto 8px auto;
  width: 220px;
  height: 60px;
  line-height: 60px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
}
.rental .stockAvail,
.rental .button.addtocart,
.rental .wl_btnaddtowishlist,
.rental .bellow,
.rental .rentrecyclebutton {
  display: none;
}

/* Rent / Recycle button, product detail page */
a.rentrecyclebutton {
  display: block;
  background-color: #fff;
  margin: 0 auto 8px auto;
  width: 220px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #898989;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #777;
  text-transform: uppercase;
}

/* Accordion */
.bellow {
  margin: 14px 0;
}
.bellow .heading {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  padding-right: 24px;
  margin-bottom: 10px;
}
.bellow .heading:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  display:inline-block;
  width:12px;
  height:12px;
  line-height:12px;
  border-top:1px solid #919191;
  border-right:1px solid #919191;
  -ms-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}
.bellow.active .heading:after {
  margin-top: -3px;
  -ms-transform:rotate(315deg);
  -moz-transform:rotate(315deg);
  -webkit-transform:rotate(315deg);
  transform:rotate(315deg);
}
.bellow .content {
  display: none;
}
.bellow .content a {
  text-decoration: underline;
}

/* Share This */
.sharethiscont {
  margin: 20px 0 16px 0;
}
.sharethiscont span {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: contain;
}
.sharethiscont span:after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff;
  opacity: 0.2;
  transition: opacity 0.2s ease;
}
.sharethiscont span:hover:after {
  opacity: 0.4;
}
.sharethiscont span.st_facebook_custom {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_facebook-share-icon-opt.svg);
}
.sharethiscont span.st_twitter_custom {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_twitter-share-icon-opt.svg);
}
.sharethiscont span.st_pinterest_custom {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_pinterest-share-icon-opt.svg);
}
.sharethiscont span.st_instagram_custom {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_instagram-share-icon-opt.svg);
}

/* Stock Availability */
.stockAvail {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
.stockAvail .saheader {
  display: none;
}
.stockAvail .sabody {
  font-size: 14px;
  text-align: left;
}
.stockAvail .sabody .saleftcell,
.stockAvail .sabody .sainstock,
.stockAvail .sabody .saoutofstock {
  display: inline-block;
}
.stockAvail .sabody .saleftcell {
  width: 62%;
  text-transform: uppercase;
}
.stockAvail .sabody .sainstock,
.stockAvail .sabody .saoutofstock {
  width: 38%;
}
.stockAvail .sabody .saoutofstock {
  color: #7a7a7a;
}
.stockAvail .sa__customnote {
  margin-top: 12px;
  text-align: left;
}
.stockAvail .sa__customnote a {
  white-space: nowrap;
}

/* Product Information Tabs */
.product-information-tabs {
  display: none;
}

/* Instagram feed, product detail page */
.instafeed-cont {
  margin-top: 30px;
}
.instafeed-header {
  display: none;
  margin: 4px 0 14px 0;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
#instafeed {
  position: relative;
  width: 220px;
  height: 260px;
  margin: 0 auto;
}
#instafeed > div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#instafeed > div a,
#instafeed > div a img {
  display: block;
  width: 220px;
  height: 220px;
}
#instafeed > div a img {
  opacity: 1.0;
  transition: opacity 0.2s ease;
}
#instafeed > div a:hover img {
  opacity: 0.8;
}
#instafeed > div p {
  margin: 6px 0;
}

/* Controls the display characteristics of Recently Viewed Items content */
.recentlyvieweditemsbox {}
.recentlyvieweditemsbox .productlist > li {
  width: 13% !important;
  margin: 0 1.5% 0 0;
}
.recentlyvieweditemsbox .productlist > li.productlistlastcell {
  margin-right: 0;
}
.recentlyvieweditemsbox .productlist li .stylesummarytext {
  display: none;
}
/* Controls the display characteristics of Featured Products content */
.featureditemsbox {
  background-color:#FFFFFF;
}
/* Controls the display characteristics of Items You May Also Like content */
.itemsyoumayalsolikebox {
  background-color:#FFFFFF;
}
/* Controls the display characteristics of Top Sellers content  */
.topsellersbox {
  background-color:#FFFFFF;
}
/* Controls the display characteristics of Most Viewed Items content */
.mostvieweditemsbox {
  background-color:#FFFFFF;
}
/* Controls the display characteristics of Contact Form content */
.contactformbox {
  background-color:#FFFFFF;
  width:100%;
}
.contactformcelltext {
  display:inline-block !important;
}
.contactformcellvalue {
  display:inline-block !important;
}
.contactformbox .messagesign {
  padding:4px 4px 0 4px;
}
.contactformbox .contactforminput {
  width:300px;
}
.contactformbox textarea {
  width:510px;
  margin-top:2px;
}
#txtCustomerEmailAddress {
  display:none !important; /* This is for Honeypot techique. Must retain hidden. */
}
.contactformbox .submit {
  margin: 10px 25px 0 0;
  text-align:right;
}
.contactformcontinue {
  padding-top:10px;
}
.contactformcontinue p {
  margin:0;
  padding-bottom:5px;
}
/* Controls stock availability tab container */
.stockAvailabilityCont {
  padding:10px 0 5px 0;
  display: none !important;
}
/* Controls the characteristics of stock availability tab header */
.stockAvailability-theme .ajax__tab_header {
  color:#FFFFFF;
  font-size: 11px;
  font-weight:700;
}
/* Controls the boundaries of stock availability tab (next 3 items) */
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer,
.stockAvailability-theme .ajax__tab_header .ajax__tab_outer,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
  margin-right:4px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner,
.stockAvailability-theme .ajax__tab_header .ajax__tab_inner,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
  margin-left:3px; /* offset the width of the left image */
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_tab,
.stockAvailability-theme .ajax__tab_hover .ajax__tab_tab,
.stockAvailability-theme .ajax__tab_header .ajax__tab_tab {
  margin-right:0;
  padding:5px 8px;
}
/* Controls the line or header background images of stock availability tab (next 6 items) */
.stockAvailability-theme .ajax__tab_outer {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-left.gif) no-repeat 0 0;
}
.stockAvailability-theme .ajax__tab_inner {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% 0;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-left.gif) no-repeat 0 -150px;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% -150px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-left.gif) no-repeat 0 -300px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner {
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-right.gif) no-repeat 100% -300px;
}
/* Controls the border line and the characteristics of stock availability tab body */
.stockAvailability-theme .ajax__tab_body {
  font-size:10pt;
  border:solid 1px #4498c2;
  padding:10px;
}
/* Controls the characteristics of Branch and Availability titles in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .saheader {
  font-weight:700;
  text-align:left;
  color:#B22222;
  padding-bottom:10px;
}
/* Controls the characteristics of Branch and Availability items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody {
  padding-bottom:10px;
}
.stockAvailability-theme .ajax__tab_body .sabody .saleftcell {
  display:inline-block;
  width:350px;
}
/* Controls the characteristics of Branch Hyper Link items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody a {
  font-weight:700;
  color:#006FB1;
  text-decoration:underline;
}
/* Controls the characteristics of In Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .sainstock {
  font-weight:700;
  color:#006FB1;
  background:url(https://shop.rubynz.com/user/files/stockavailabilitytab-instock.gif) no-repeat left top;
  padding-left:20px;
}
/* Controls the characteristics of Out Of Stock items in stock availability tab body*/
.stockAvailability-theme .ajax__tab_body .sabody .saoutofstock {
  color:#000000;
  padding-left:20px;
}
/* Controls branch information popup page in stock availability. */
#popupBranchInfoPage {
  width:700px;
  min-height:200px;
  display: none;
}
 /* Controls the characteristics of body area in branch information popup page in stock availability.*/
#popupBranchInfoPage .popupDetails {
  margin:0px 10px 10px;
  color:#000000;
  overflow:hidden;
}
/* Controls the characteristics of shopby filter content.*/
.shopby_box {
  width:100%;
  margin:0;
  padding:0;
}
/* Controls the common characteristics of header area in shopby filter content.*/
.shopby_header_wrapper {
  position:relative;
  border-bottom: 1px solid #d3d3d3;
  margin-top: 8px;
}
h3.shopby_header {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 26px;
  height: 26px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  overflow: hidden;
}
h3.shopby_header:before,
h3.shopby_header:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 12px;
}
h3.shopby_header:before {
  border-top:1px solid #919191;
  margin-top: 6px;
}
h3.shopby_header:after {
  border-right:1px solid #919191;
  margin-right: 6px;
}
h3.shopby_header.shopby_header_active:after {
  display: none;
}

/* Controls the characteristics of header area in shopby filter content when collapsed.*/
.shopby_header_default {
  color: #494949;
}
/* Controls the characteristics of header area in shopby filter content when mouse over.*/
.shopby_header_hover {}
/* Controls the characteristics of header area in shopby filter content when expanded.*/
.shopby_header_active {}
/* Controls the characteristics of header area in shopby filter content when filters are selected.*/
.shopby_header_selected {}
/* Controls the text and icons of header area in shopby filter content.*/
h3.shopby_header a {
  color:inherit !important;
  text-decoration:none;
  outline:0 none;
}
.shopby_header_icon_exp {}
.shopby_header_icon_col {}
a.shopby_clear {
  color:#555;
  font-size:14px;
  position:absolute;
  top:3px;
  right: 30px;
  text-decoration:none;
}
a.shopby_clear:hover {
  text-decoration:underline;
}
/* Controls the characteristics of body area in shopby filter content.*/
.shopby_body {
  display: block;
  width:100%;
  margin-top: -2px;
  overflow: auto;
  padding: 2px;
  position:relative;
  font-size:14px;
  line-height: 1.8;
}
/* Controls the text of body area in shopby filter content.*/
.shopby_body li {
  clear: both;
  float: left;
  margin: 1px 0;
}
.shopby_body li.multi {
  clear: none;
  float: left;
  margin: 1px 0 0;
}
.shopby_body li .enabled {
  color:#555 !important;
  cursor: pointer;
}
.shopby_body li .disabled {
  color:#B2B2B2 !important;
  cursor: default;
}
.shopby_body li .disabled:hover {
  text-decoration: none;
}
.shopby_body li .enabled:hover {
  text-decoration: underline;
}
.shopby_body li input {
  width: 10px;
  height: 10px;
  margin: 4px 4px 4px 0;
}
/* Controls the characteristics of background when shopby filters are clicked */
.shopby_backgroundPopup {
  position:absolute !important;
  background:#FFF !important;
  opacity:0.7 !important;
}
/* Controls the characteristics of refine shop by filter content.*/
.refineshopby_box {
  width:160px;
  margin:0;
  padding:0;
  word-wrap: break-word;
  overflow:hidden;
}
/* Controls the characteristics of body area in refine shop by filter content.*/
.refineshopby_body {
  padding: 5px;
  border:1px solid #DDDDDD;
  border-top:0 none;
  font-size:11px;
}
/* Controls the text of body area in refine shop by filter content.*/
.refineshopby_body a {
  color:#777 !important;
  text-decoration:none;
}
.refineshopby_body a:hover {
  color:#777 !important;
  text-decoration:underline;
}
/* Controls the characteristics of find postcode image.*/
.findpostcode {
  cursor:pointer;
  width:22px;
  vertical-align:middle;
  text-align:left;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -11px;
}
/* seo trick for logo content. */
.logo {
  font-weight:700;
  margin:0;
  padding:0;
}
/* colour and size selection in category page */
.coloursizeselection {
  height:46px; /* do not remove */
  display: none;
}
.wishlistbox .coloursizeselection {
  height: auto;
}
.wishlistbox .coloursizeselection .colourselection {
  display: none;
}
.stylesummarytext .addtocartbutton_cont {
  display: none;
}
.coloursizeselection .colourselection,
.coloursizeselection .attr3selection,
.coloursizeselection .sizeselection, .quantityinput {
  margin-bottom: 3px;
}
.coloursizeselection .colourselection select,
.coloursizeselection .attr3selection select,
.coloursizeselection .sizeselection select, .quantityinput input {
  width: 150px;
  padding: 4px 0;
  background-color: #eaeaea;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

/* Controls the characteristics of currency selector content.*/
.currencyselector:before {
  content: 'CURRENCY';
  position: absolute;
  top: 0;
  left: 0;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
}
.currencyselector {
  position: relative;
  width: 100%;
  padding-top: 30px;
  margin-bottom: 40px;
  z-index: 200;
}
/* Chrome / Typekit bug fix */
.wf-loading .currencyselector {
  display: none; /* show once typekit has loaded */
}
.wf-active .currencyselector {
  display: block;
}
.currencyselector a:link,
.currencyselector a:visited,
.currencyselector a:active,
.currencyselector a:hover {
  position: relative;
  top: 0;
  text-decoration: none;
}
.currencyselector img {
  display: none;
}
.currencyselector ul {
  position: relative;
  background-color: #FFFFFF;
}
.currencyselector li {
  position: relative;
}
.currencyselector span {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  background-color: #eaeaea;
  border: 1px solid #d3d3d3;
  text-indent: 21px;
  box-sizing: border-box !important;
}
.currencyselector span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -9px;
  display:inline-block;
  width:12px;
  height:12px;
  line-height:12px;
  border-top:1px solid #919191;
  border-right:1px solid #919191;
  -ms-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}
.currencyselector:hover span:after {
  margin-top: -1px;
  -ms-transform:rotate(315deg);
  -moz-transform:rotate(315deg);
  -webkit-transform:rotate(315deg);
  transform:rotate(315deg);
}
.currencyselector li ul {
  position: absolute;
  left: -9999px;
  margin-top: -1px;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  z-index: 200;
  opacity: 0.4;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}
.currencyselector li:hover ul {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1.0;
}
.currencyselector li li {
  display: block;
  float: none;
  text-align: left;
  line-height: 0;
  margin-right: 0;
}
.currencyselector a {
  display: block;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  background-color: #eaeaea;
  text-indent: 22px;
}
.currencyselector a:hover {
  background-color: #cccccc;
}
.currencyselector a img {
  top: 2px;
  vertical-align: top;
}
/* Currency selector on product detail page */
.sitemappath .currencyselector {
  position: absolute;
  bottom: 15px;
  right: 0;
  width: 185px;
  margin: 0;
  padding: 0;
}
.sitemappath .currencyselector:before {
  left: auto;
  top: 9px;
  right: 190px;
}

/* Controls the characteristics of buttons in item added cart.*/
.itemaddedcart_bottombuttons {
  text-align:right;
  margin-top:10px;
}
/* Controls the characteristics of grid cells in shopping cart.*/
/* Stock Items */
.cell_qty {
  position: relative;
  width: 18%;
  text-align: left;
}
.stepshipping .cell_qty {
  width: 18%;
}
.cell_qty input[type='text'] {
  width: 20px !important;
  height: 20px;
  padding: 10px;
  text-align: center;
  box-sizing: content-box;
}
.cell_price {
  position: relative;
  width: 13%;
  text-align:right;
}
.stepshipping .cell_price {
  width: 18%;
}
.cell_item {
  position: relative;
  width: 30%;
}
.stepshipping .cell_item {
  width: 40%;
}
.stepshipping .cell_item .floatleft:first-child {
  display: none;
}
.cell_item_img {
  width: 70px !important;
  height: auto !important;
  float:left;
  position:relative;
  overflow:hidden;
  margin-right: 20px;
}
.cell_item_img img {
  display: block;
  width: 100%;
  margin-top: 3px;
}
/* Custom image for Gift Vouchers */
.cell_item_img a[href*='giftcardselection.aspx'] img {
  display: none;
}
.cell_item_img a[href*='giftcardselection.aspx']:before {
  content: '';
  display: block;
  width: 70px;
  height: 117px;
  background-image: url('/user/files/cart_voucher-lineitem.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.cell_item_details {
  float:left;
  position:relative;
  overflow:hidden;
  width: auto;
}
.cell_item_details .div_U1 {
  font-weight: 700;
}
.cell_amount {
  width: 20%;
  text-align:right;
}
.stepshipping .cell_amount {
  width: 24%;
}
.cell_remove {
  width: 19%;
  text-align: right;
}
.cell_remove .remove {
  position: relative;
}
.cell_remove .remove a {
  display: block;
  position: absolute;
  top: 0;
  right: 18px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  color: #000 !important;
}
.cell_remove .remove a:before, .cell_remove .remove a:after {
  position: absolute;
  top: 0;
  left: 9px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;
}
.cell_remove .remove a:before {
  transform: rotate(45deg);
}
.cell_remove .remove a:after {
  transform: rotate(-45deg);
}

/* Subtotal */
.cell_footer_price,
.cell_footer_amount {
  position: relative;
  text-align:right;
}
.cell_footer_amount span[id*='SummaryTotal']{
  font-weight: 700;
}
.cell_footer_price {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.stepshipping .cell_footer_price {
  left: 0;
}
.cell_footer_amount {}
.stepshipping .cell_footer_amount {
  left: 0;
  padding-right: 0;
}
/* Coupon items */
.couponrowstyle {
  background-color: #333;
  border-top: 1px solid #B2B2B2;
  height: 120px;
  line-height: 120px;
}
.cell_coupon_qty {
  position: relative;
}
.cell_coupon_qty:after {
  content: 'CODE APPLIED:';
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 10px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.6;
}
.cell_coupon_item {
  padding-left:51px;
  font-size:120%;
  vertical-align:middle;
}
.cell_coupon_amount {
  text-align:right;
  vertical-align:middle;
}
.cell_coupon_remove {
  text-align:right;
  vertical-align: middle;
}
.cell_coupon_remove a {
}
.cell_coupon_remove a:before {
  content: 'Remove';
  margin-right: 18px;
  font-size: 16px;
  text-decoration: underline;
}
/* Controls the characteristics of coupon content in shopping cart.*/
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData.coupon_shoppingcart {
  position: relative;
  width: 100%;
  height: 80px;
}
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData.coupon_shoppingcart .coupon_prompt {
  display: inline-block;
  width: 350px;
  vertical-align: middle;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* Controls the characteristics of coupon content.*/
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon {}
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon .coupon_prompt {}
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon_content {
  display: inline-block !important;
  vertical-align: middle;
}
/* clearfix override */
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon_content.clearfix:after {
  clear: none;
  content: "";
  display: none;
}
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon_content .coupon_input {
  float: left;
  width: 232px;
  height: 26px;
  margin-left: 10px;
  padding: 12px 5px;
  border: 0;
  outline: 0;
  box-sizing: content-box;
}
#ctl00_MainCentre_container_container_Content_33_cieCoupon_pnlContentData .coupon_content .coupon_button {
  float: left;
  vertical-align: middle;
}
/* Gift Card Redeem Elements (cart) */
.giftcard_shoppingcart {
  padding-bottom: 18px;
  /* line-height: 80px; */
  border-bottom: 1px solid #b2b2b2;
}
.giftcard_shoppingcart .giftcard_prompt:after {
  content: '(credit notes do not require a pin)' !important;
  color: #ddd;
}
.giftcard_shoppingcart .giftcard_prompt {
  display: inline-block;
  width: 350px;
  vertical-align: middle;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.giftcard_shoppingcart .giftcard_content {
  display: inline-block;
}
.giftcard_shoppingcart .input_box {
  display: inline-block !important;
  justify-content: normal !important;
  vertical-align: middle;
}
.giftcard_shoppingcart .giftcardnumber_input,
.giftcard_shoppingcart .giftcardpin_input {
  float: left;
  height: 26px;
  margin: 0 0 0 10px !important;
  padding: 12px 5px;
  border: 0;
  outline: 0;
  box-sizing: content-box;
}
.giftcard_shoppingcart .giftcardnumber_input {
  width: 140px !important;
}
.giftcard_shoppingcart .giftcardpin_input {
  width: 80px !important;
  margin-left: 2px !important;
}

.giftcard_shoppingcart .button_box {}
.giftcard_shoppingcart .giftcard_button {
  vertical-align: middle;
  margin-left: -4px;
}

/* Controls the characteristics of watermarked textbox.*/
.enablewatermark {
  color:#C0C0C0;
  font-style:italic;
}
.disablewatermark {
  color:#000000;
  font-style:300;
}
/* Controls the characteristics of custom content container */
.contentcont {
  width:100%;
  clear:both;
}
/* Controls the characteristics of left content in container */
.contentcont .leftcontent {
  margin-left:0 !important;
  float:left;
}
/* Controls the characteristics of centre content in container */
.contentcont .centrecontent {
  float:left;
}
/* Controls the characteristics of right content in container */
.contentcont .rightcontent {
  margin-right:0 !important;
  float:right;
}
.floatleft {
  float:left;
  position:relative;
}
.floatright {
  float:right;
  position:relative;
}

/*.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}
.clearfloat {
  clear:both;
  display:block;
}
.clearfix {
  display:inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display:block;
}*/
/* Clearfix from Foundation */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

/* Controls the characteristics of lookbook page */
.looks_cont {
  width:100%;
}
.looks_cont .enlarge {
  float:left;
}
/* .enlarge is also being used by StyleGuide content */
.enlarge .images {
  position:relative;
  width:300px;
  height:450px;
}
.enlarge img {
  position: absolute;
  top: 0;
  left: 0;
}
.enlarge .iactive {
  z-index: 10;
}
.enlarge .ideactive {
  z-index: 9;
}
/* Controls the characteristics of cluster navigation arrow images in lookbook page */
.looknav {
  position: absolute;
  top: 225px; /* you may type a specific value */
  left: 0;
  text-align: center;
  width: 300px; /* you may type a specific value */
  z-index: 100;
}
.enlarge .looknav .prev, .enlarge .looknav .next {
  background: url(https://shop.rubynz.com/user/files/look_nav.png) no-repeat scroll left top transparent;
  height: 34px;
  position: absolute;
  top: 0;
  width: 34px;
}
.enlarge .looknav .prev {
  background-position:  0 -34px !important;
  left: 0;
}
.enlarge .looknav .prev:hover {
  background-position:  0 0 !important;
  left: 0;
}
.enlarge .looknav .next {
  background-position: -34px -34px !important;
  right: 0;
}
.enlarge .looknav .next:hover {
  background-position: -34px 0 !important;
  right: 0;
}
/* Controls the characteristics of thumbnail images in lookbook page */
.looks_cont .thumbs {
  float:left;
  width: 928px; /* you may type a specific value */
}
.looks_cont .thumbs li {
  float:left;
  display: inline;
  padding-left:3px;
}
.looks_cont .thumbs .nextrow{
  padding-left:3px;
}
.looks_cont .thumbs .selected{
  opacity: 1;
}
.looks_cont .thumbs .unselected{
  opacity: 0.5;
}
.looks_cont .thumbs .look_img {
  cursor:pointer;
  width: 100px; /* you may type a specific value */
  height: 150px; /* you may type a specific value */
}
.looks_cont .thumbs .look_img .thumbhover{
  -moz-box-shadow:0 0 3px #000;
  -webkit-box-shadow:0 0 3px #000;
  box-shadow:0 0 3px #000;
}
/* Controls the characteristics of lookbook products in lookbook page */
.looks_cont .look_b {
  clear:both;
  padding-top:5px;
}
.looks_cont .look_b .lookitems {
  float:left;
}
.lookitem {
  font-size: 11px;
}
.lookitem .name{
  display: inline-block;
  width:250px;
}
.lookitem .price1, .lookitem .price2, .lookitem .price3, .lookitem .price4, .lookitem .price5{
}
/* Controls the characteristics of lookbook pagination in lookbook page */
.looks_cont .look_b .lookpage {
  float:right;
  padding-right:75px;
}
.looks_cont .look_b .lookpage .currPage {
  font-weight:700;
}
/* Controls the characteristics of sliding cart content*/
#slidingcart_container {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #B7B7B7;
  display: none;
  position: absolute;
  width:172px; /* you may type a specific value */
  right: 0;
  top: 25px;
  z-index: 210;
  -moz-box-shadow:2px 2px 2px #888;
  -webkit-box-shadow:2px 2px 2px #888;
  box-shadow:2px 2px 2px #888;
}
#slidingcart_empty {
  text-align:center;
  min-height:40px;
}
#slidingcart_empty p {
  padding-top:14px;
}
#slidingcart_container a {
  padding:0;
}
#slidingcart_container li.first {
  background: none repeat scroll 0 0 transparent;
}
/* Controls the characteristics of subtotal section */
#slidingcart_header {
  padding: 10px 10px 0;
  border-bottom: 1px solid #B7B7B7;
}
#slidingcart_header .slidingcart_headers_title {
  text-align: left;
  height:40px;
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info {
  color: #000;
  float: left;
  margin-top:6px;
  font-size:13px;
  font-weight:700;
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info .title{
}
#slidingcart_header .slidingcart_headers_title p.subtotal_info .value{
  padding-left:5px;
}
#slidingcart_header .slidingcart_headers_title a.checkout_link {
  float: right;
  margin-top:6px;
}
#slidingcart_container img:hover {
  opacity:0.8;
}
/* Controls the characteristics of paging section */
#slidingcart_pagination {
  padding: 10px 10px 0;
  border-bottom: 1px solid #B7B7B7;
  height:26px;
}
#slidingcart_pagination .index {
  float: left;
}
#slidingcart_pagination .prev_next {
  float: right;
}
#slidingcart_pagination a {
  margin-left: 10px;
}
#slidingcart_pagination a.prev {
  background: url(https://shop.rubynz.com/user/files/slidingcart_nav_prev.png) no-repeat scroll left 4px transparent;
  padding-left: 10px;
}
#slidingcart_pagination a.next {
  background: url(https://shop.rubynz.com/user/files/slidingcart_nav_next.png) no-repeat scroll right 4px transparent;
  padding-right: 10px;
}
#slidingcart_pagination a.enable {
}
#slidingcart_pagination a.disable {
  opacity:0;
}
/* Controls the characteristics of item details section */
#cart_details {
  margin: 10px 0;
}
#cart_details ul.cart_items{
  overflow: hidden;
}
#cart_details ul.cart_items li.active {
  display: block !important;
}
#cart_details ul.cart_items li.first {
  clear: left !important;
  margin-left:10px;
}
#cart_details ul.cart_items li.last {
  margin-right:10px;
}
#cart_details ul.cart_items li:hover {
  background-color: #ECEDE9;
}
#cart_details ul.cart_items li.selected {
  background-color: #CCC;
}
#cart_details ul.cart_items li.item {
  display: none;
  float: left;
  min-height: 220px; /* you may type a specific value */
  padding: 10px 10px 0;
  position: relative;
  text-align: left;
  width:120px; /* you may type a specific value */
  border: none;
}
/* Controls the characteristics of item image */
#cart_details ul.cart_items li.item .thumb {
  text-align:center;
}
/* Controls the characteristics of item decription */
#cart_details ul.cart_items li.item .detail span.value {
  padding-left:5px;
}
/* Controls the characteristics of remove link */
#cart_details ul.cart_items li.item p {
  color: #000000;
  margin-bottom: 0;
}
#cart_details ul.cart_items li.item a.remove {
  background:url(https://shop.rubynz.com/user/files/slidingcart_remove.png) no-repeat;
  width:13px;
  height:13px;
  display:inline;
  z-index:300;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}
#slidingcart_processing {
  min-height:60px;
}
#slidingcart_processing img {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-21px;
  margin-left:-21px;
  z-index:400;
}
/* Controls the characteristics of footer section */
#slidingcart_footer {
  border-top: 1px solid #B7B7B7;
  padding: 10px;
}
#slidingcart_footer .links {
  overflow: hidden;
}
#slidingcart_footer .links a.shoppingcart_link {
  float: left;
}
#slidingcart_footer .links a.checkout_link {
  float: right;
}
/* Guest Checkout (Step 2 of Checkout: Login / Register) */
.guestcheckoutcontainer .logincell {
  height:100% !important;
  min-height:100% !important;
}
.guestcheckoutcontainer .logincreatecell {
  width: 100%;
  height:100% !important;
  min-height:100% !important;
  float: left;
  padding-left: 0;
}
.guestcheckoutcontainer .logincelltext {
  display: none;
}
.guestcheckoutcontainer .guestcheckoutcontact,
.guestcheckoutcontainer .guestcheckoutblock .sectionbar,
.becomemembertitle,
.becomemembermessage {
  display: none;
}
.guestcheckoutcontainer .myaccountemail {}
.guestcheckoutcontainer .guestcheckoutbutton, .guestcheckoutcontainer .registercheckoutbutton {
  text-align:right;
}
.guestcheckoutcontainer .logincellright .formsectiontext, .sameasshippingaddress {
  margin: 12px 0;
}
.sameasshippingaddress input {
  float: left;
  margin: 4px 6px;
}
.guestcheckoutcontainer .billingaddress {
  display:none;
}


/* Controls the characteristics of lookbook cluster popup window */
#popupContent {
  display:none;
  width:300px;
  min-height:450px;
}
/* Controls the characteristics of background when popup window is shown */
.backgroundPopup {
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  opacity:0.3;
  z-index:298;
}
/* Controls the characteristics of popup window */
.popupWindow {
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  background:#FFFFFF;
  border:1px solid #d3d3d3;
  z-index:299;
  padding: 16px;
  font-size: 14px;
}
/* Controls the characteristics of popup window close button */
.popupWindow .popupClose {
  position: relative;
  float: right;
  height: 20px;
  width: 20px;
  display: block;
  padding-bottom: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  border: none;
  transition: color .2s ease;
  box-sizing: content-box;
  padding: 2px;
  margin-right: -0.5rem;

  background-image: none;
}
.popupWindow .popupClose:before,
.popupWindow .popupClose:after {
  position: absolute;
  top: 0;
  right: 50%;
  content: '';
  width: 3px;
  height: 20px;
  background-color: #777;
  transition: background-color .2s ease;
}
.popupWindow .popupClose:before {
  transform: rotate(45deg);
}
.popupWindow .popupClose:after {
  transform: rotate(-45deg);
}
/* OK button, no stock popup on Product Detail page */
#btnPopupAlertMessageOK {
  background-color: #000 !important;
  width: 120px !important;
  float: none !important;
  margin: 4px auto !important;
  font-family: brandon-grotesque, Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
}
/* Controls the characteristics of image when popup window is loading */
#popupLoading {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-21px;
  margin-left:-21px;
  z-index:400;
}
/* Cart item table in shopping cart page if wishlist is enabled */
.ci_table {
  width: 100%;
  border-collapse: collapse;
}
.ci_table .cell_remove {
  width:120px;
}
.ci_table .cell_remove .moveto {
  display: none;
}
.ci_table .cell_remove .remove {
  padding-top:8px;
}
.ci_empty {
  position: relative;
  padding: 80px 0 0 0;
  top: -110px;
}
/* Control the characteristics of attribute 1 and pack in shopping cart page */
.s_attribute1, .s_attribute3 {
  padding-top:5px;
}
/* Control the characteristics of availability message in shopping cart page */
.s_availability {
  padding-top:5px;
}
/* Wishlist content in shopping cart page */
.wishlistbox {}
form[action*='shoppingcart'] .wishlistbox {
  margin-top: 60px;
}
.wishlistbox .sectionbar {
  display: none;
}
/* Wishlist table in shopping cart page if wishlist is enabled */
.wl_table {
  width: 100%;
  border-collapse: collapse;
}
.wl_table .headerstyle {
  height:23px;
}
.wl_table .rowstyle {
  border-bottom: 1px solid #CCC;
}
.wl_table .cell_select {}
.wl_table .cell_item {
  right: 0;
}
.wl_table .cell_item .s_availability {
  display: none;
}
.wl_table .cell_item .s_availability span {
  color: #fff;
}
.wl_table .cell_changedetails {}
.wl_table .cell_changedetails .coloursizeselection {
  display: block;
  color: black;
}
.wl_table .cell_price {
  right: 0;
}
.wl_table .cell_remove {}
.wl_table .cell_remove .addtocart {
  margin-right: 20px;
  text-decoration: underline;
}
.wl_table .cell_remove .remove {
  margin-top: 20px;
}
.wl_empty {
  padding: 10px 0 0 10px;
}
/* Control the characteristics of expiration message in wishlist */
.s_expirationmessage {
  padding:5px 0;
  font-size:80%;
}
.cell_changedetails {}
.cell_changedetails .changedetails {
  margin-top:5px;
}
.cell_footer_price {}
.cell_footer_amount {}
/* Controls the characteristics of add to wishlist and giftregistry button in product detail page */
a.wl_btnaddtowishlist, a.wl_btnaddtogiftregistry {
  display: block;
  margin: 4px auto;
  width: 220px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #898989;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  color: #777;
  text-transform: uppercase;
}
/* Controls the characteristics of update details button in shopping cart page */
a.wl_btnupdatedetails {
  display: block;
  width: 150px;
  padding: 6px 0;
  color: #000 !important;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background-color: #bfbfbf;
  transition: background-color 0.1s linear;
}
a.wl_btnupdatedetails:hover {
  background-color: #afafaf;
}
a.wl_btnaddalltocart,
a.wl_btnemailafriend {
  float:right;
  display: block;
  width: 220px;
  margin: 12px 6px;
  padding: 16px 0;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.1s linear;
}
/* Controls the characteristics of email a friend button in shopping cart page */
a.wl_btnemailafriend {
  color: #000 !important;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}
a.wl_btnupdatedetails:hover {
  background-color: #afafaf;
}
/* Controls the characteristics of add all to cart button in shopping cart page */
a.wl_btnaddalltocart {
  color: #fff !important;
  background-color: #000;
  border-color: #fff;
  margin-right: 0;
}
/* Controls the characteristics of Item added to wishlist notification popup container in product detail page */
#popupItemAddedtoWishlistContent{
  display:none;
  width:300px;
  min-height: 170px;
  padding: 30px 40px;
  font-size:13px;
}
#popupItemAddedtoWishlistContent #popupLoading {
  display: none;
}


/* Controls the characteristics of notification when item is added to wishlist in product detail page */
.wishlist_notification {
  text-align:center;
}
.wn_header {
  padding:5px;
  min-height:10px;
}
.wn_body{
}
.wn_msg{
  padding-top:10px;
}
.wn_link{
  vertical-align:middle;
  text-decoration: underline;
}
/* Controls the characteristics of add to wishlist link button in category page */
.addtowishlist {
  display:none;
  background:url(https://shop.rubynz.com/user/files/wishlist.png) no-repeat;
  width:24px;
  height:24px;
  z-index:99;
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}
.addtowishlist a:hover {
  display:inline;
  background:url(https://shop.rubynz.com/user/files/wishlist-hover.png) no-repeat;
}
/* Controls the characteristics of popup message when mouse over wishlist link button in category page */
div.popupLabel {
  background:#888;
  color:#FFF;
  font-size: 90%;
  right: 0;
  width: 45px;
  position: absolute;
  top: 40px;
  padding: 3px 5px 5px;
  outline: none;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 2;
}
/* Controls the characteristics of Email a friend popup window container in shopping cart page */
#popupEmailaFriendContent{
  display:none;
  width: 540px;
  min-height: 316px;
  height: auto;
}
/* Controls the characteristics of Email a friend popup window in shopping cart page */
.email_friend {
  height: auto !important;
  padding: 20px;
  color: #5A5A5A;
}
.email_friend h3 {
  text-align: center;
  color: #5A5A5A;
}
.email_friend p {
  font-size: 13px;
  margin: 8px 0 0;
  text-align: center;
}
.email_friend .email_form {
  padding-top: 20px;
  overflow: hidden;
}
.email_friend label {
  display: block;
  font-size: 13px;
  margin: 10px 0 0;
}
.email_friend .email_form input[type="text"],
.email_friend .email_form textarea {
  border: 1px solid #777;
  font-size: 12px;
  line-height: 1.2em;
  margin: 6px 0 16px;
  padding: 8px 5px;
  width: 100%;
}
.email_friend .email_form textarea{
  clear: left;
  height: 80px;
  resize: none;
}
.email_friend .email_form input[type="checkbox"] {
  clear: left;
  float: left;
  margin: 10px 10px 0 0;
}
.email_friend .email_form .wl_btnsend {
  position: relative;
  display: block;
  margin: 16px auto 4px;
  width: 50%;
  height: 40px;
  border: 1px solid #898989;
  color: #777;
}
.email_friend .email_form .wl_btnsend:after {
  content: 'SEND';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 40px;
}
.email_friend .email_form .email_message {
  margin-top:10px;
}
.email_friend .email_form .email_copytome {
  clear: both;
  float: left;
  width: 100%;
}
.email_friend .email_form .email_recipient_invalid, .email_friend .email_failed {
  background: #CCC;
  clear: both;
  float: left;
  font-size: 10px;
  width: 278px;
  margin: 10px 0 5px;
  padding: 8px;
}
.email_friend .email_success p {
  font-weight: 700;
  margin: 100px 0 10px;
}
.email_friend .email_success .email_sentto {
  color: #494949;
  font-weight: 300;
  display: block;
  margin: 5px 0 25px;
}
.email_friend .email_success .email_send_more {
  display: block;
  margin: 85px auto 0;
  font-weight: 300;
  text-decoration: none;
}
.email_friend .email_success .email_send_more span {
  text-decoration: underline;
  font-weight: 300;
}
.email_friend .email_success .continue_shopping a {
  margin:10px;
}
/* Controls the characteristics of %%WISHLISTITEMS%% tag in Email a friend email template */
.emailafriend_email {
  border-spacing:0;
  border-width:0;
  text-align:center;
  border-collapse: collapse;
}
.emailafriend_email .colourselection, .emailafriend_email .sizeselection, .emailafriend_email .attr3selection {
  margin-top:5px;
}
.emailafriend_email .addtocartbutton_cont {
  margin-top:20px;
}
/* Controls the characteristics of GiftWrap contents in Checkout Blocks */
.giftwrap_block {
  position: relative;
  clear:both;
}
.giftwrap_window {
  position:relative;
  width:788px;
}
.giftwrap_wrapper {
  position:relative;
  width:720px;
  overflow:hidden;
  margin:0 auto;
}
.giftwrap_wrapper ul {
  position:relative;
  overflow:hidden;
  top:0;
  left:0;
}
.giftwrap_wrapper li {
  margin:10px;
  width:100px;
  float:left;
}
.giftwrap_prev, .giftwrap_next {
  background: url(https://shop.rubynz.com/user/files/look_nav.png) no-repeat scroll left top transparent;
  height: 34px;
  width: 34px;
  position:absolute;
  top:64px;
  text-indent:-9999px;
}
.giftwrap_prev {
  background-position:  0 0;
  left: 0;
}
.giftwrap_prev:hover {
  background-position:  0 -34px;
}
.giftwrap_prev.disabled {
  background-position: 0 -34px;
  opacity:0.15;
  cursor: default;
}
.giftwrap_next  {
  background-position: -34px 0;
  right: 0;
}
.giftwrap_next:hover {
  background-position: -34px -34px;
}
.giftwrap_next.disabled {
  background-position: -34px -34px;
  opacity:0.15;
  cursor: default;
}
.giftwrap_item_image a:hover img{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=1.05, M12=-0, M21=0, M22=1.05)";
}


.giftwrap_item_image a { 
  display:block; 
}
.giftwrap_item_attributes {
  color: #003271;
}
.giftwrap_item_desctiption {
  clear:both; 
  height:26px; 
  line-height:13px; 
  overflow:hidden; 
}
.giftwrap_item_desctiption h3 {
  font-weight:300;
  font-size:90%;
  color:#003271;
  margin:0;
  clear:both;
}
.giftwrap_item_button, .giftwrap_item_price {
  float:left;
}
.giftwrap_item_price {
  margin-top:2px;
}
.giftwrap_item_price span {
  font-size:90%;
}
/* Gift Registry */
.giftregistry .gr_col {
  float:left;
  margin-left:10px;
}
.giftregistry .gr_create {
  margin-left:0;
}
h1.heading {
  font-size:24px;
  padding-bottom:12px;
}
.giftregistry a {
  display:block;
  width:300px;
  height:375px;
  position:relative;
  background-size:100% auto;
}
.giftregistry .gr_create a {
  background:url(/user/files/registry-create.jpg) no-repeat left top;
}
.giftregistry .gr_view a {
  background:url(/user/files/registry-view.jpg) no-repeat left top;
}
.giftregistry .gr_find a {
  background:url(/user/files/registry-find.jpg) no-repeat left top;
}
.giftregistry a span {
  position:absolute;
  top:30px;
  left:0;
  width:100%;
  padding:5px;
  font-size:24px;
  color:#777;
  background:#FFF;
  background:rgba(255, 255, 255, 0.8);
  filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#FFFFFF')";
}
.registrydetails {
  margin-left:10px;
}
.cr_tabheading {
  list-style: none;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: url(https://shop.rubynz.com/user/files/mainmenu-bar.jpg);
}
.cr_tabheading li {
  float: left;
  padding: 10px 25px 5px 0;
  font-size: 18px;
}
.cr_tabheading li.on a {
  color: white;
  font-weight: 700;
}
.registrydetails .cr_cellleft {
  margin-left:15px;
}
.cr_eventwrap, .cr_coregistrantswrap, .cr_registrationwrap, .cr_deliveryaddresswrap {
  margin-top:20px;
}
.registrydetails .cr_day {
  width:78px !important;
}
.registrydetails .cr_month {
  width:150px !important;
}
.registrydetails .cr_year {
  width:97px !important;
}
.registrydetails select {
  width:333px;
  padding:2px;
}
.registrydetails input[type=text], .registrydetails textarea {
  width:325px;
  padding:2px;
}
.registrydetails textarea {
  width:327px;
  padding:2px;
}
.registrydetails .postcodeinput {
  width:294px !important;
}
.registrydetails .cr_eventmessage span {
  vertical-align:top;
}
.registrydetails .cr_status, .registryitems .ri_status, .registrydetails .cr_buttons {
  margin:10px 0 0 10px;
}
.registryitems .ri_buttons, .registrysearch .ri_buttons {
  text-align:right;
  margin:10px 0;
}
.cell_qtyrequested, .cell_qtypurchased, .registryitems .cell_price, .registryitems .cell_remove {
  width:80px !important;
}
.registryitems .cell_remove .remove {
  padding-top:0 !important;
}
.registryitems .rowstyle td {
  padding:5px 0;
}
.registrysearch .searchregistryfield {
  margin-top:10px;
}
.registrysearch .searchname {
  font-size:12px;
  width:250px;
  padding:4px;
  display:inline-block;
  float:left;
}
a.btnsearchregistry {
  background: url(https://shop.rubynz.com/user/files/button-go.gif) no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  width:50px;
  height:22px;
  margin: 3px 5px;
  border:1px solid #CCC;
  font:0/0 a;
  text-shadow:none;
  color:transparent;
}
.registrysearchresultswrap .searchresultheader {
  font-size:110%;
  font-weight:700;
  color:#003271;
  display:block;
  margin:20px 0 5px;
}
.registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle {
  height:34px !important;
}
.registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table .headerstyle th {
  vertical-align:middle !important;
}
.registrymatches .rs_table .cell_registrantname {
  padding-left:5px;
}
.registrymatches .rs_table .cell_registrantname, .registrymatches .rs_table .cell_coregistrantname {
  width:180px;
}
.registrymatches .rs_table .cell_eventdate {
  width:100px;
}
.registrymatches .rs_table .cell_viewlink {
  width:80px;
  text-align:center;
}
.registrysearch .cr_eventhtmlmessage {
  background: #F6F6F6;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #CCC;
  text-align: center;
}
.registrysearch .cell_item_details {
  width:285px !important;
}
.registrysearch .cell_remove {
  width:60px !important;
}
.registrysearch .ddlqty {
  width:100%;
  padding:3px;
}
.myaccount.registrydetails .itempurchasers .itempurchaserswrap {
  margin-left:50px;
}
.myaccount.registrydetails .cell_item_details {
  width:280px !important;
}
.myaccount.registrydetails .cr_itemsummaries {
  margin-top:10px;
}
.myaccount.registrydetails .cr_expired {
  color:#FF0000;
  font-weight:700;
}
.packingslip .fieldname {
  width:120px !important;
}
/* click & collect branch selection */
.checkoutbody .shippingmethodlist .shippingmethod {
  margin: 6px 0;
}
.checkoutbody .shippingmethodlist .shippingmethod input[type="radio"] {
  margin: 2px 6px 4px 0;
}
.checkoutbody .shippingmethodlist .shippingbranchselection {
  margin: 5px 0 5px 0;
  display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
  font-weight: 700;
  padding:0 10px 0 30px;
  display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection select {
  width: 100%;
  padding:3px 0;
  margin-bottom: 16px;
  color: #000;
}
.shipping-branch-wrap {
  margin: 5px;
}
.shipping-branch-wrap .shipping-branch-name {
  font-weight: 700;
}
/* Quick View Begins */
.div_QV {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  background-color: rgba(255,255,255, 0.4);
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 3px; 0;
  cursor: pointer;
  z-index: 3;
  display: none;
}
.div_QV:hover span {
  text-decoration:underline;
}
#popupProductDetailContent {
  display:none;
  width:775px;
  min-height: 421px;
  height:auto;
  font-size: 12px;
}
#popupProductDetailContent .popupDetails {
  height: 100%;
}
#popProductDetailMessage {
  display:none;
}
#popProductDetailMessage div {
  margin-bottom: 10px;
  padding: 8px 35px 8px 14px;
}
#popProductDetailMessage .success {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
#popProductDetailMessage .error {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}
#popupProductDetailContent .fulldetails {
  bottom: 10px;
  left: 25px;
  position: absolute;
  text-decoration: underline;
}
#popupProductDetailContent .productdescription {
  margin-top:0 !important;
}
#popupProductDetailContent .productimage_thumbnails {
  width: 70px;
  float: left;
  height: 252px;
  top: 25px;
  position: absolute;
  overflow-y: hidden;
}
#popupProductDetailContent .productimage_thumbnails_inner {
  position: relative;
}
#popupProductDetailContent .productimage_zoomed {
  float: right;
  margin-right: 20px;
  position: relative;
}
#popupProductDetailContent .StyleColourCont {
  display: block;
  clear: both;
  width: 70px !important;
  padding-right: 0 !important;
  padding-bottom: 10px !important;
}
#popupProductDetailContent .StyleColourImage {
  width: 68px;
  height: 74px;
}
#popupProductDetailContent .StyleColourImageCaption {
  display: none !important;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop, #popupProductDetailContent .productimage_thumbnails_scrollbottom {
  width: 70px;
  height: 20px;
  background: url(https://shop.rubynz.com/user/files/productdetail-slidearrows.png) no-repeat;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop {
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 0;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop:hover {
  cursor: pointer;
  background-position: 0 -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop.disabled {
  cursor: default;
  background-position: 0px -40px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: -70px 0;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom:hover {
  cursor: pointer;
  background-position: -70px -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom.disabled {
  cursor: default;
  background-position: -70px -40px;
}
#popupProductDetailContent .productdetailbox .productimagecont {
  width: 53% !important;
}
#popupProductDetailContent .productdetailbox .productdetailcont {
  width: 47% !important;
}
/* Quick View Ends */

/* Gift Card Begins */
body.EPGIFTCARD .maincontent {
  background-image: url(../files/giftcard-bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position:center center;
}
.giftcard {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.giftcard-landing {
  padding-left: 5%;
  padding-right: 5%;
}
.giftcard-landing .giftcard-type {
  padding-left: 0;
  padding-right: 0;
  width:50%; 
  float:left;
}
.giftcard-landing .giftcard-type > a {
  display: block;
  position: relative;
  max-width: 360px;
  max-height: 480px;
  margin: 4%;
  text-align: center;
  border: 2px solid #888;
  width:100%;
  color:#555;
  text-decoration: none !important;
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.giftcard-landing .giftcard-single {
  width:100% !important; 
}
.giftcard-landing .giftcard-single > a {
  margin: auto !important;
  float: none !important;
}   
.giftcard-landing .giftcard-type > a:focus, .giftcard-landing .giftcard-type > a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.giftcard-type > a:hover{
  border: 2px solid #000 !important;
}
.giftcard-landing .giftcard-type-left > a {
  float:right;
}
.giftcard-landing .giftcard-type > a > span.top {
  display: block;
  font-size: 3rem;
  margin-top: 10%;
}
.giftcard-landing .giftcard-type > a > span.middle {
  display: block;
  font-size: 3rem;
  margin-top: 10%;
  line-height: 50px;
  text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a > span.middle:hover {
  text-decoration: none !important;
}
.giftcard-landing .giftcard-type > a > span.bottom {
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  font-size: 0.8rem; 
  margin-bottom: 10%;
  margin-top: 20%;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
.giftcard-landing .giftcard-type > a:hover > span.bottom {
  background-color: #fbad18;
  color: #fff;
}
/* Gift card balance popup */
.giftcard-balance {
  display: block;
  text-align: center;
  color: #555;
  text-decoration: none !important;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  margin: 2% 6% 0;
  padding:15px 0;
  text-transform:uppercase;
}
.giftcard-balance > h3 {
  color: #000;
  margin:0 0 15px;
}
.giftcard-balance > button {
  color: inherit;
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
.giftcard-balance > button:hover {
  background-color: #fbad18;
  color: #fff;
}
#popupContent.giftcard-balance-popup {
  width:360px !important;
  padding: 15px;
  min-height: 200px;
}
#giftcardBalance {
  color: #555;
}
.popupWindow .popup-title {
  color: #555;
  padding: 0 0 5px;
  margin: 0 0 15px;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 3px solid #555;
}
#giftcardBalance p {
  padding:15px 0 0;
}
#giftcardBalance .input_box  {
  margin: 15px 0 0;
  position: relative;
  display: block;
}
#giftcardBalance .col-xs-7 {
  width: 60%;
  display: block;
  float: left;
}
#giftcardBalance .col-xs-4 {
  width: 30%;
  display: block;
  float: left;
  margin-left: 7%;
}
.site-slidedown-message { 
  display: none; 
  z-index: 99999; 
  font-size: 1.2rem; 
  position: absolute; 
  top: 4px; 
  left: 17px; 
  right: 17px; 
  color: rgb(75, 75, 75); 
  background-color: rgb(253, 247, 223); 
  border: 1px solid rgb(227, 197, 85); 
  font-weight: bold; 
  padding: 12px; 
} 
.site-slidedown-message .close { 
  font-size: 18px; 
} 
.inputvalidator {
  margin:5px 0 0;
}
.inputvalidator .message {
  font-weight:bold;
}
#giftcardBalance .button_box {
  margin:30px 0 0;
  width:100%;
}
#giftcardBalance .button_box > button {
  background-color: #fbad18;
  color: #fff;
  width:100%;
  border: 2px solid #fbad18;
  border-radius: 4px;
  display: inline-block;
  font-size: 0.8rem;
  padding: 2% 5%;
  font-weight: 600;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  text-transform: uppercase;
}
/* Gift card selection page */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance:textfield;
}
.btn-reverse {
  /* background-color: #fff;
  border: 2px solid #fa1d3b;
  border-radius: 4px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 2% 5%;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in; */
} 
.btn-reverse:hover {
  /* background-color: #fa1d3b;
  color: #fff; */
}
#giftCardSelection {
  position: relative;
  max-width: 1199px;
  margin: 0 auto;
}
#giftCardSelection .inline-container > *, #giftCardSelection .form-control {
  font-size: 14px; 
}  
#giftCardSelection .giftcard-images {
  clear: left;
  float: left;
  position: relative;
  padding-right:30px;
  width:50%; 
}
#giftCardSelection .giftcard-header {
  color: #fff;
  font-size: 16px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 15px;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}
#giftCardImageWrapper, #giftCardReviewWrapper {
  position: relative;
  margin-bottom: 30px;
}
#giftCardImageWrapper .giftcard-image-container {
  overflow: hidden;
}
#giftCardImageWrapper .giftcard-image {
  position: relative;
  width: 48.9%; 
  float: left;
  margin-bottom:10px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(odd) {
  padding-left:0;
  padding-right:5px;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) {
  padding-left:5px;
  padding-right:0;    
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button {
  display:block;
  width:100%;
  height:100%;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button.selected:after {
  content:"";
  position:absolute;
  top:0; 
  bottom:0; 
  left:0; 
  right:5px;
  border: 6px solid #006FB1;
}
#giftCardImageWrapper .giftcard-image-container div:nth-child(even) a.giftcard-image-button.selected:after {
  left:5px; 
  right:0;
}
#giftCardImageWrapper .giftcard-image-container a.giftcard-image-button img {
  width:100%;
}
#giftCardSelection .giftcard-fields {
  float: right;
  position: relative;
  width:46.9%; 
}
#giftCardFormWrapper .giftcard-form-container {
  position: relative;
  overflow: hidden;
  padding: 0 0 15px 0;
  background-color: #fff;
  margin: 0 auto;
  zoom: 1;
}
#giftCardFormWrapper > div > div, #giftCardReviewWrapper > div > div {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
  float: left; 
  width: 100%; 
}
#giftCardFormWrapper .formsectiontext {
  width: auto;
  min-height:0;
  padding-top:0;
  line-height: normal; 
  font-size: 14px; 
  display: inline-block; 
  padding-bottom:5px; 
}
#giftCardFormWrapper .sign {
  padding-top: 3px;
  min-height:0;
}
#giftCardFormWrapper .formsectionvalue {
  width: 100%;
  padding-left: 0;
}
#giftCardAmounts .giftcard-amount {
  width: 32.9%;
  line-height: 34px;
  background-color: #fff;
  text-align: center;
  color: #777;
  display: block;
  float: left;
  cursor: pointer;
  border: 1px solid #ddd;
}
#giftCardAmounts .giftcard-amount.selected {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
#giftCardAmounts .giftcard-amount:not(:nth-child(3n)) {
  border-right: 1px solid transparent;
}
#giftCardAmounts .giftcard-amount:nth-child(n+4) {
  border-top: 1px solid transparent;
}
#giftCardFormWrapper .giftcard-amount-sign {
  float: left;
  position: relative;
  top: 10px; 
}
#giftCardFormWrapper .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#txtGiftCardCustomAmount {
  width: 60px !important;
  text-align: right;
}
#giftCardSelection .form-control, #giftcardBalance .form-control {
  padding: 7px;
  border: 1px solid #ddd;
  width:96%;
}
#giftCardSelection input.form-control, #giftcardBalance input.form-control {
  height:18px;
}
#giftCardSelection .input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#giftCardSelection .input-group-addon {
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#giftCardSelection .input-group-addon, #giftCardSelection .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
#giftCardSelection .input-group .form-control, #giftCardSelection .input-group-addon, .input-group-btn {
    display: table-cell;
}
#giftCardSelection .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 88%;
    margin-bottom: 0;
}
#giftCardFormWrapper .info-block {
  font-size: 9px !important;
  text-transform: none;
  display: block;
  margin: 3px 0 0 35px;
}
#giftCardReviewWrapper .giftcard-review-text {
  margin-bottom: 15px;
}
#giftCardReviewWrapper .giftcard-review-preview {
  width:50%;
}
#giftCardReviewWrapper .giftcard-review-preview > button {
  width:100%;
  font-size:14px; 
}
#giftCardReviewWrapper .checkbox {
  margin: 0;
}   
#giftCardReviewWrapper .checkbox a {
  text-decoration: underline;
}
#giftCardReviewWrapper .giftcard-terms-agreetext {
  padding-left: 30px;
  font-size: 12px; 
}
#giftCardReviewWrapper .checkbox input[type="checkbox"] {
  height: 20px;
  width: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  vertical-align: middle;
  padding:0;
  margin: 0 8px 0 -30px;
  border: 1px solid #000;
  background: -webkit-linear-gradient(#FFF, #FFF);
  -webkit-appearance: none;
  -webkit-transition: box-shadow 200ms;
}
#giftCardReviewWrapper .checkbox input[type="checkbox"]:checked:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 17px;
}
#giftCardReviewWrapper input.btn {
  font-size: 1.4rem;
  width: 100%;
}
#giftCardReviewWrapper .inputvalidator {
  float: left;
  position: relative;
  margin-bottom:0;
}
#popupContent.giftcard-preview {
  width: 680px;
  min-height: 720px;
  height:720px;
}
#popupContent.giftcard-preview .giftcard {
  margin-top: 40px !important;
}
/* RUBY Custom Gift Card Selection page */
#giftCardSelection .validationsummary * {
  color: red !important;
}
#giftCardSelection .error {
  color: red;
}
#giftCardSelection .giftcard-images {
  display: none;
}
#giftCardSelection .giftcard-fields {
  width: 100%;
  max-width: 400px;
  float: none;
  margin: 0 auto;
}
#giftCardSelection .giftcard-header {
  margin: 30px 0 10px 0;
  color: #000;
  text-align: center;
}
#giftCardFormWrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 320px;
  margin-bottom: 12px;
  background-image: url('/user/files/gift-voucher-page_leading-image.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#giftCardSelection input[type="text"],
#giftCardSelection input[type="number"] {
  height: auto !important;
}
#giftCardFormWrapper .giftcard-amount-sign {
  top: 8px;
  margin-right: 4px;
}
#giftCardSelection .giftcard-review-preview {
  width: 100%;
}
#giftCardSelection #btnGiftCardPreview {
  padding: 12px 0;
  border: 1px solid #777;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#giftCardSelection .giftcard-buttons-wrapper {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
#giftCardSelection .giftcard-buttons-wrapper:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  content: 'Add to bag';
  width: 100%;
  height: 100%;
  background-color: #000;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
#giftCardSelection .giftcard-buttons-wrapper input {
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0;
}

/* Gift Card in Shopping Cart & Checkout */
.ci_table .cell_remove .cell_footer_giftcardremove .remove {
  padding-top:0 !important;
}
.giftcard_content .input_box {
  display: inline-flex;
  justify-content: space-between;
}
.giftcard_content .input_box .giftcardnumber_input {
  width:72%;
  text-transform:uppercase;
  margin-right:8px;
}
.giftcard_content .input_box .giftcardpin_input {
  width:28%;
  text-transform:uppercase;
}
.giftcard_content .button_box {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}
.coupon_checkout, .giftcard_checkout {
  height:auto !important;
  line-height:normal !important;
  width:100%;
  padding-left: 7px;
}
.giftcard_checkout {
  background-color:#F7F6F3;
  color:#5A5A5A;
  border: 1px solid #ddd;
  position:relative;
}
.giftcard_checkout .giftcard_prompt {
  width: 100%;
  padding-top:7px; 
}
.giftcard_checkout .giftcard_content {
  position: relative;
  width: 100%;
}
.coupon_checkout .coupon_content, .giftcard_checkout .giftcard_content {
  float: left;
  text-align: left;
}
.coupon_checkout .notice, .giftcard_checkout .notice {
  margin-top:0;
}
/* Gift Card Ends */

/* Attribute grid selection begins */ 
ul.attributegrid-container { 
  width: 100%; 
  display: inline-block; 
  background: white; 
} 
ul.attributegrid-container, ul.attributegrid-container ul, ul.attributegrid-container li { 
  margin:0; 
  padding:0; 
} 
ul.attributegrid-container, ul.attributegrid-container * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
} 
li.attribute-multiple { 
  display: inline-block; 
  width: 28%; 
  background: white; 
  margin-bottom: 0; 
  margin-top: 0; 
  vertical-align: top; 
} 
li.attribute-multiple.single { 
  width: 32.4%; 
} 
li.attribute-multiple:nth-child(3n+1) { 
  width: 41%; 
} 
li.attribute-multiple.single:nth-child(3n+1) { 
  width: 32.4%; 
} 
ul.attributegrid-container li:first-child { 
  margin-left: 0; 
} 
ul.atributegrid-cart.grid-labels li, ul.atributegrid-cart.grid-inputs .title { 
  width: 100%; 
  vertical-align: top; 
  padding: 6px 0px; 
  background: #5cb0da; 
  padding-left: 6%; 
  color: white; 
  text-transform: capitalize; 
  background: -webkit-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: -o-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: -moz-linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
  background: linear-gradient(#5cb0da, #75bee2 , #70bbe1); 
} 
ul.atributegrid-cart { 
  display: block; 
} 
ul.atributegrid-cart > li { 
  margin-bottom: 7px; 
  list-style-type: none; 
} 
ul.atributegrid-cart.grid-labels > li.one, ul.atributegrid-cart.grid-inputs .inner-mulitple.one { 
  height: 69px; 
} 
ul.atributegrid-cart.grid-labels > li.two, ul.atributegrid-cart.grid-inputs .inner-mulitple.two { 
  height: 95px; 
} 
ul.atributegrid-cart.grid-labels { 
  display: none; 
} 
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { 
  display: inline-block; 
  vertical-align: top; 
  width: 28.5%; 
} 
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-labels { 
  display: none; 
} 
ul.atributegrid-cart.grid-labels { 
  margin-top: 35px; 
  margin-right: 3%; 
} 
ul.atributegrid-cart.grid-labels .empty { 
  display: none; 
} 
ul.atributegrid-cart.grid-inputs .title { 
  display: inline-block; 
  margin-bottom: 7px; 
} 
ul.atributegrid-cart.grid-inputs .inner-mulitple { 
  display: inline-block; 
  width: 100%; 
  background: #f9fdff; 
  margin-top: 0; 
  padding: 7px 9px 0px; 
  color: #828383; 
  font-size: 13px; 
  min-height: 34px; 
} 
ul.atributegrid-cart.grid-inputs .inner-mulitple input { 
  padding: 0 6%; 
  width: 100%; 
} 
li.attribute-multiple:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { 
  width: 68.3%; 
  display: inline-block; 
  vertical-align: top; 
} 
li.attribute-multiple.single:nth-child(3n+1) > ul.atributegrid-cart.grid-inputs { 
  width: 100%; 
} 
.attributegrid-quantity, .attributegrid-price { 
  padding: 5px 0; 
  margin: 0; 
} 
ul.atributegrid-cart.grid-labels > li { 
  padding-top: 25%; 
  text-align: center; 
  min-height: 34px; 
} 
/* Attribute grid selection ends */ 

.logo.show-text, a.show-text {
  line-height: 0; 
  font-size: 0;
  color: transparent;
}
.relative-logo { 
  position: relative; 
  overflow: hidden; 
} 
.relative-logo > a { 
  position: relative; 
  z-index: 1; 
  float: none !important; 
} 
.relative-logo > .logo-alt { 
  display: block; 
  position: absolute; 
  left: 0; 
} 

/* Attribute1 Swatch begins */ 
.div_CS { 
  position: relative; 
  height: auto!important; 
} 
.swatch-image-wrapper { 
  height: 35px!important; 
  padding-top: 5px; 
  width: 200%; 
  text-align: left; 
  -webkit-transition-duration: 0.3s; 
  -moz-transition-duration: 0.3s; 
  -o-transition-duration: 0.3s; 
  transition-duration: 0.3s; 
} 
.swatch-image { 
  margin-right: 5px; 
  display: inline-block; 
  height: 30px; 
  width: 30px; 
  border: 1px solid #fff; 
  position:relative; 
  vertical-align: top; 
} 
.swatch-image>img { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
} 
.swatch-image:hover { 
  border-color:#333; 
} 
.direction-nav .prev, .direction-nav .next { 
  background: url(../files/look_nav.png) no-repeat left top transparent; 
  position: absolute; 
  top: 50%; 
  margin-top: -16px; 
  font: 0/0 a; 
  text-shadow: none; 
  color: transparent; 
} 
.direction-nav a { 
  -moz-transition: all .3s ease; 
  -webkit-transition: all .3s ease; 
  -o-transition: all .3s ease; 
  transition: all .3s ease; 
  display:none; 
  opacity: 0; 
  width: 32px; 
  height: 32px; 
} 
.direction-nav a:focus { 
  outline:none; 
} 
.div_CS.prev .prev:hover, .div_CS.next .next:hover { 
  opacity: 1; 
} 
.direction-nav .prev { 
  background-position: 0 -32px; 
  left: 0; 
} 
.direction-nav .next { 
  background-position: -32px -32px; 
  right: 0; 
} 
.div_CS.prev .prev, .div_CS.next .next{ 
  display:inherit; 
  opacity:0.7; 
} 
/* Attribute1 Swatch ends */ 


/* Promotion banner begins */
.carousel { 
  position: relative; 
} 
.carousel-inner { 
  position: relative; 
  width: 100%; 
  overflow: hidden; 
} 
.carousel-inner > .item { 
  position: relative; 
  display: none; 
  -webkit-transition: .6s ease-in-out left; 
  -o-transition: .6s ease-in-out left; 
  transition: .6s ease-in-out left; 
} 
.carousel-inner > .item > img, .carousel-inner > .item > a > img { 
  line-height: 1; 
} 
.carousel-inner > .item { 
  -webkit-transition: -webkit-transform .6s ease-in-out; 
  -o-transition: -o-transform .6s ease-in-out; 
  transition: transform .6s ease-in-out; 
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden; 
  -webkit-perspective: 1000px; 
  perspective: 1000px; 
} 
.carousel-inner > .item.next, .carousel-inner > .item.active.right { 
  left: 0; 
  -webkit-transform: translate3d(100%, 0, 0); 
  transform: translate3d(100%, 0, 0); 
} 
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { 
  left: 0; 
  -webkit-transform: translate3d(-100%, 0, 0); 
  transform: translate3d(-100%, 0, 0); 
} 
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { 
  left: 0; 
  -webkit-transform: translate3d(0, 0, 0); 
  transform: translate3d(0, 0, 0); 
} 
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { 
  display: block; 
} 
.carousel-inner > .active { 
  left: 0; 
} 
.carousel-inner > .next, .carousel-inner > .prev { 
  position: absolute; 
  top: 0; 
  width: 100%; 
} 
.carousel-inner > .next { 
  left: 100%; 
} 
.carousel-inner > .prev { 
  left: -100%; 
} 
.carousel-inner > .next.left, .carousel-inner > .prev.right { 
  left: 0; 
} 
.carousel-inner > .active.left { 
  left: -100%; 
} 
.carousel-inner > .active.right { 
  left: 100%; 
} 
.carousel-control { 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  width: 15%; 
  font-size: 20px; 
  color: #fff !important; 
  text-align: center; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
  filter: alpha(opacity=50); 
  opacity: .5; 
} 
.carousel-control.left { 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); 
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); 
  background-repeat: repeat-x; 
} 
.carousel-control.right { 
  right: 0; 
  left: auto; 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); 
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 
  background-repeat: repeat-x; 
} 
.carousel-control:hover, .carousel-control:focus { 
  color: #fff; 
  text-decoration: none; 
  filter: alpha(opacity=90); 
  outline: 0; 
  opacity: .9; 
} 
@font-face { 
  font-family: 'Glyphicons Halflings'; 
  src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot'); 
  src: url('/assets/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 
.glyphicon { 
  position: relative; 
  top: 1px; 
  display: inline-block; 
  font-family: 'Glyphicons Halflings'; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
} 
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { 
  position: absolute; 
  top: 50%; 
  z-index: 5; 
  display: inline-block; 
  margin-top: -10px; 
} 
.carousel-control .glyphicon-chevron-left { 
  left: 50%; 
  margin-left: -10px; 
} 
.carousel-control .glyphicon-chevron-right { 
  right: 50%; 
  margin-right: -10px; 
} 
.carousel-control .glyphicon-chevron-left:before { 
  content: "\e079"; 
} 
.carousel-control .glyphicon-chevron-right:before { 
  content: "\e080"; 
} 
.carousel-indicators { 
  position: absolute; 
  bottom: 10px; 
  left: 50%; 
  z-index: 15; 
  width: 60%; 
  padding-left: 0; 
  margin-left: -30%; 
  text-align: center; 
  list-style: none; 
} 
.carousel-indicators li { 
  display: inline-block; 
  width: 10px; 
  height: 10px; 
  margin: 1px; 
  text-indent: -999px; 
  cursor: pointer; 
  background-color: #000 \9; 
  background-color: rgba(0, 0, 0, 0); 
  border: 1px solid #fff; 
  border-radius: 10px; 
} 
.carousel-indicators .active { 
  width: 12px; 
  height: 12px; 
  margin: 0; 
  background-color: #fff; 
} 
.carousel-caption { 
  position: absolute; 
  right: 15%; 
  bottom: 20px; 
  left: 15%; 
  z-index: 10; 
  padding-top: 20px; 
  padding-bottom: 20px; 
  color: #fff; 
  text-align: center; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
} 
.sr-only { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  border: 0; 
} 
.carousel-inner > .item > a { 
  display: inherit; 
} 
.carousel-inner > .item > a > img, .carousel-inner > .item > img { 
  width: 100%; 
} 
.carousel-control:focus, .carousel-control:active, .carousel-control:hover { 
  background-color: transparent !important; 
}
/* Promotion banner ends */ 
/* Category Offer */ 
.styleoffer {
  display: none;
  position: absolute; 
  top: 0; 
  left: 10px; 
  z-index: 100; 
} 
.styleoffer .offer_badge { 
  text-transform: uppercase; 
  font-size: 11px; 
  color: #af1d30; 
  border-radius: 50px; 
  border: 1px solid #af1d30; 
  width: 50px; 
  height: 50px; 
  display: inline-block; 
  letter-spacing: 0; 
  line-height: 50px; 
  float: left; 
  text-align: center; 
  font-weight: 600; 
  text-decoration: none !important; 
  cursor: default; 
} 
.styleoffer .offer_banner { 
  background-color: #fff; 
  border-top: 1px solid #cecece; 
  border-bottom: 1px solid #cecece; 
  padding: 10px 0; 
  position: relative; 
  width: 100%; 
  display: none; 
} 
.styleoffer .offer_banner a { 
  text-align: center; 
  display: inline-block; 
  color: #000; 
  text-transform: uppercase; 
  text-decoration: none; 
  cursor: text; 
} 
.styleoffer:hover > .offer_badge { 
  display: none; 
} 
.styleoffer:hover > .offer_banner { 
  display: block; 
} 
/* Product Detail Offer */ 
.productdetailcont .offer_banner { 
  background-color: #fefefe; 
  border: 1px solid #d3d3d3; 
  padding: 10px 0; 
  width: 100%; 
  display: inline-block; 
}
.productdetailcont .offer_banner a { 
  text-align: center; 
  display: inline-block; 
  color: #494949; 
  text-transform: uppercase; 
  text-decoration: none; 
  cursor: text; 
}
/* 2020-08-26 - Custom offer banner text, Marina Cotton Pant + Cotton Camisole */
form[action*='rw20510-rp'] .productdetailcont .offer_banner a,
form[action*='rw20024-rp'] .productdetailcont .offer_banner a {
  text-indent: -999em;
}
form[action*='rw20510-rp'] .productdetailcont .offer_banner:before {
  content: "Purchase with the Marina Camisole for $150";
}
form[action*='rw20024-rp'] .productdetailcont .offer_banner:before {
  content: "Purchase with the Marina Cotton Pant for $150";
}

/* Credit card entry form */
.entry-form, .entry-inputs {
  padding-left:0;
}
#CreditCardEntryForm hr {
  margin:15px 0;
}
#CreditCardEntryForm .form-group {
  margin-bottom:20px;
}
#CreditCardEntryForm .registercellleft {
  width:100%;
  float:none;
  vertical-align:middle;
}
.form-details {
  margin-bottom:20px;
}
.cc-card-row {
  background-color:#f7f6f3;
}
.cc-card-row.selected, .cc-card-row:hover {
  background-color:#ddd;
}
.cc-another-card-row {
  background-color:transparent!important;
}
.cc-inner-row {
  display:table-cell;
  vertical-align:middle;
}
.cc-saved-card {
  display:table;
  width:100%;
  padding:15px;
  margin-bottom:0;
}
.cc-inner-radio {
  width:30px;
}
.cc-inner-radio > input[type="radio"] {
  margin-top:0;
  margin-bottom:0;
}
.cc-inner-img {
  width:60px;
  padding-right:10px;
}
.cc-inner-name {
  width:140px;
  text-align:right;
}
.cc-remove-this {
  color:#B22222;
}
.cc-inner-cell {
  padding:7px;
}
.cc-inner-cell > label {
  margin:0;
  padding:0;
}
.cc-inner-cell:first-child {
  padding-bottom:2px;
}
.cc-another-card > .cc-inner-row > .cc-inner-cell {
  padding-bottom:0;
}
.cc-inner-cell:last-child {
  padding-top:0;
}
.cc-card-images > div {
  float:left;
}
.cc-card-images img {
  max-width:100%;
}
.cc-what-is-this {
  padding:10px 0;
}
#popupWhatsSecurityCode, #popupWhatsSaveThisCard {
  width:600px;
}
/* Google address finder */
.addressfinder-container {
  position:relative;
}
.addressfinder-container .findertrigger {
  position:relative;
  z-index:1;
}
.addressfinder-container .addressfinder {
  position:absolute;
  top:1px;
  left: 0;
  z-index:0;
  display:inline-block;
  border:0;
  box-shadow:none;
  transition:unset;
}
.pac-container .pac-item {
  min-height: 38px;
  padding: 4px;
  font-size: 12px;
}

/* Gift swiper, Gift Category */
.giftswiper--wrap .giftswiper {
  margin-bottom: 15px;
  padding: 0 30px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media (min-width: 641px) {
  .giftswiper--wrap .giftswiper {
    padding: 0 50px;
  }
}
.giftswiper.swiper-container-horizontal {
  opacity: 1.0;
}

.giftswiper .swiper-slide a {
    display: block;
    transition: opacity 0.2s ease;
}
.giftswiper .swiper-slide a:hover {
    opacity: 0.8;
}

.giftswiper .swiper-button-prev,
.giftswiper .swiper-button-next {
  z-index: 2;
  width: 21px;
  height: 100%;
  top: 0;
  margin-top: 0;
  background-color: #fff;
  background-size: contain;
}
@media (min-width: 641px) {
  .giftswiper .swiper-button-prev,
  .giftswiper .swiper-button-next {
    width: 32px;
  }
}

.giftswiper .swiper-button-prev {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c4c4c'%2F%3E%3C%2Fsvg%3E");
}
.giftswiper .swiper-button-next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c4c4c'%2F%3E%3C%2Fsvg%3E");
}
.payment-checkout-widget { 
  margin-left: 22px; 
  margin-bottom: 4px; 
  color: #777; 
} 
.payment-checkout-widget > p { 
  margin:0; 
} 
.payment-checkout-widget > p > a { 
  text-decoration: underline; 
} 
body.partPayCalculatorBodyNoScroll .productimagecont, body.partPayCalculatorBodyNoScroll .productdetailcont { 
  z-index: 0; 
} 
body.partPayCalculatorBodyNoScroll .productdetailbox { 
  z-index: 1004; 
}

/* Tooltips - cart and checkout */
.tooltip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border-radius: 18px;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
}
.shoppingcartbox .tooltip {
  margin-top: -4px;
}
.tooltip__popup,
.tooltip:after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-top: -10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.tooltip__popup {
  background-color: rgba(70, 70, 70, 0.97);
  transform: translate(-50%, -100%);
  width: 160px;
  padding: 12px 16px;
  font-family: "fira-sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-transform: none;
  text-align: left;
  color: #fff;
  letter-spacing: 0;
}
.tooltip:after {
  content: '';
  border-style: solid;
  border-width: 6px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: -5px;
  border-color: rgba(70, 70, 70, 1.0) transparent transparent transparent;
}
.tooltip:hover .tooltip__popup,
.tooltip:hover:after,
.tooltip:active .tooltip__popup,
.tooltip:active:after {
  opacity: 1.0;
  visibility: visible;
}
.tooltip--left .tooltip__popup {
  transform: translate(-70%, -100%);
}
.tooltip--right .tooltip__popup {
  transform: translate(-30%, -100%);
}
.tooltip__popup a {
  text-decoration: underline;
}

/* Liam Patterns - Category page */
form[action*='category/brand/liam patterns'] .compshippingbanner,
form[action*='category/category/beginner'] .compshippingbanner,
form[action*='category/category/intermediate'] .compshippingbanner,
form[action*='category/category/advanced'] .compshippingbanner,
form[action*='category/category/patterns for offcuts'] .compshippingbanner,
form[action*='category/category/fabric'] .compshippingbanner,
form[action*='category/category/sewing accessories'] .compshippingbanner {
  display: none;
}
.patternscatblock {
  margin: 40px 0;
}
.patternscatblock:first-child {
  margin-top: 80px;
}
.patternscatblock__heading {
  margin: 0;
  padding: 36px 0 24px 0;
  font-family: brandon-grotesque,Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  text-transform: uppercase;
}
.patternscatblock--instagram .patternscatblock__heading {
  padding-bottom: 0;
}
.patternscatblock__calltoaction {
  display: block;
  margin: 16px 0;
  padding: 16px;
  background-color: #ededed;
  border: 1px solid #afafaf;
  font-family: brandon-grotesque,Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
/* Liam Patterns - Category Page: FAQ */
.qanda {
  display: none;
  position: relative;
  border-top: 1px solid #afafaf;
  padding: 20px 0;
}
.qanda.displayeretailer {
  display: block;
}
.qanda:last-child {
  border-bottom: 1px solid #afafaf;
}
.qanda:after {
  content: '+';
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 30px;
  line-height: 1;
  font-weight: 300;
  pointer-events: none;
}
.qanda.active:after {
  content: '-';
  top: 16px;
  right: 2px;
}
.qanda__q {
  padding-right: 30px;
  font-family: fira-sans, Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  color: #444;
  text-transform: uppercase;
}
.qanda__q:hover {
  color: #000;
}
.qanda__a {
  display: none;
  margin-top: 16px;
  padding-right: 40px;
}
.qanda.active .qanda__a {
  display: block;
}
/* Liam Patterns - Category Page Calendar */
.liampatternscalendar__h1 {
  font-family: brandon-grotesque,Arial,'Helvetica Neue',Helvetica,sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}

.liampatternsevent {
  margin: 0 0 6px 0;
  padding: 12px 24px;
}
.liampatternsevent.category--general {
  background-color: #ededed;
}
.liampatternsevent.category--beginner {
  background-color: #e7ffe5;
}
.liampatternsevent.category--intermediate {
  background-color: #ddfcff;
}
.liampatternsevent.category--advanced {
  background-color: #ffe6f3;
}

.liampatternsevent__summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  cursor: pointer;
}
.summary__date {
  flex: 0 0 100%;
}
@media (min-width: 640px) {
  .summary__date {
    flex: 0 0 180px;
  }
}
.summary__name {
  flex: 0 0 100%;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .summary__name {
    flex: 1 1 auto;
  }
}
.summary__rsvp {
  flex: 0 0 100%;
  margin-top: 6px;
  text-align: right;
}
@media (min-width: 640px) {
  .summary__rsvp {
    flex: 1 1 100px;
    margin: 0;
  }
}

.liampatternsevent__further {
  display: none;
  margin: 16px 0 10px 0;
}
.liampatternsevent__further p {
  margin: 4px 0;
}
.liampatternsevent.active .liampatternsevent__further {
  display: block;
}

/* Liam Patterns - Product Detail page */
.liampatterns .sharethiscont {
  display: none;
}
.liampatterns .lpsocial {
  margin: 20px 0 16px 0;
}
.liampatterns .lpsocial__link {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: contain;
}
.liampatterns .lpsocial__link--fb {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_facebook-share-icon-opt.svg);
}
.liampatterns .lpsocial__link--ig {
  background-image: url(https://shop.rubynz.com/user/files/ruby_sym_instagram-share-icon-opt.svg);
}

/* Yields Popup */
.yields__link {
  margin: 20px 0 0 0;
  text-align: center;
  text-decoration: underline;
}
.yields__link span {
  cursor: pointer;
}
.yields {
  display: none;
  visibility: hidden;
  z-index: 99;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .yields {
    padding-top: 128px;
  }
}
.yields--active {
  display: flex;
  visibility: visible;
}
.yields__bgnd {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.yields__inner {
  position: relative;
  width: 95%;
  max-width: 600px;
  height: auto;
  max-height: 85%;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #afafaf;
  padding: 50px 10px;
}
@media (min-width: 600px) {
  .yields__inner {
    padding: 70px 30px;
  }
}
.yields__close {
  position: absolute;
  top: 15px;
  right: 6px;
  width: 24px;
  height: 24px;
  text-indent: -999em;
  cursor: pointer;
}
.yields__close:before,
.yields__close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 24px;
  background-color: #666;
  transition: background-color 0.2s ease;
}
.yields__close:hover:before,
.yields__close:hover:after {
  background-color: #999;
}
.yields__close:before {
  transform: rotate(315deg);
}
.yields__close:after {
  transform: rotate(45deg);
}
@media (min-width: 600px) {
  .yields__close {
    top: 34px;
    right: 34px;
  }
}

.yield__img {
  display: none;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
/* Testing: */
form[action*='style/rs19113-fl'] .yield__img--lps20102,
/* Display specific yield tables for each Liam Patterns product: */
form[action*='style/lps20002'] .yield__img--lps20002,
form[action*='style/lps20003'] .yield__img--lps20003,
form[action*='style/lps20004'] .yield__img--lps20004,
form[action*='style/lps20005'] .yield__img--lps20005,
form[action*='style/lps20101'] .yield__img--lps20101,
form[action*='style/lps20102'] .yield__img--lps20102,
form[action*='style/lps20103'] .yield__img--lps20103,
form[action*='style/lps20104'] .yield__img--lps20104,
form[action*='style/lps20105'] .yield__img--lps20105,
form[action*='style/lps20106'] .yield__img--lps20106,
form[action*='style/lps20107'] .yield__img--lps20107,
form[action*='style/lps20108'] .yield__img--lps20108 {
  display: block;
}