Variables and Mixins--dropped in at a high level, available to use in all sites.
No markup examples as of yet...
```
*/
/*
Base sizing
*/
/*
Defaults
*/
/*
Mixins
*/
/* USAGE
@include placeholder {
font-style:italic;
color: white;
font-weight:100;
}*/
/*
Standard sans serif stack
*/
/* Typekit: Minion Pro
font-family: "minion-pro",sans-serif;
font-style: normal;
font-weight: 400;
font-family: "minion-pro",sans-serif;
font-style: italic;
font-weight: 400;
font-family: "minion-pro",sans-serif;
font-style: normal;
font-weight: 500;
font-family: "minion-pro",sans-serif;
font-style: italic;
font-weight: 500;
*/
@media screen and (min-width: 1061px) {
.page__full-width-layout .header-wrapper .header, .page__full-width-layout .header-wrapper--no-margin .header, .page__full-width-layout .header-wrapper .header-checkout, .page__full-width-layout .header-wrapper--no-margin .header-checkout, .page__full-width-layout .header-wrapper--no-margin .header, .page__full-width-layout .header-wrapper--no-margin .header-checkout {
margin-left: auto;
margin-right: auto;
max-width: 1240px;
width: 94%; } }
/* Catalog Request */
/* Shop & Sale top nav spacing for IE9 only -- Post Flex */
/******************************/
/*** PRICES (RANGE AND SKU) ***/
/******************************/
/******************************/
/*** GALLERY ***/
/******************************/
/******************************/
/*** PRODUCT HEADER & PRICE ***/
/******************************/
/*********************/
/*** PRODUCT IMAGE ***/
/*********************/
/*********************/
/*** S7 Zoom Viewer **/
/*********************/
/***************************/
/*** PRODUCT DESCRIPTION ***/
/***************************/
/********************/
/*** SWATCH PANEL ***/
/********************/
/******************/
/*** LINE ITEMS ***/
/******************/
/* line-item__price is the sku price, not the price range on the line-item. */
/*
$pdp-fw-line-item-kerning: 0.05em !default;
$pdp-fw-line-item-prod-header-color: $c-dark !default;
$pdp-fw-line-item-prod-header-font: unquote($weight-light) + ' ' + unquote($font-accent-XS) + '!default';
$pdp-fw-line-item-prod-price-color: $c-mid-dark !default;
$pdp-fw-line-item-prod-price-font: unquote($weight-regular) + ' ' + unquote($font-M) + '!default';
$pdp-fw-line-item-desc-header-color: #A6A6A6 !default;
$pdp-fw-line-item-desc-header-font: unquote($weight-regular) + ' ' + unquote($font-M) + '!default';
$pdp-fw-line-item-desc-header-kerning: 0.15em !default;
$pdp-fw-line-item-desc-text-color: $c-mid-dark !default;
$pdp-fw-line-item-desc-text-font: unquote($weight-light) + ' ' + unquote($font-M) + '!default';
*/
/***********************/
/*** USED IN NEW PDP ***/
/***********************/
/*************************************/
/*** NOT CURRENTLY USED IN NEW PDP ***/
/*************************************/
/********************/
/*** SHOP BY ROOM ***/
/********************/
/********************/
/*** CONTACT US ***/
/********************/
.js .hidden {
display: none !important; }
.js-toggle {
cursor: pointer; }
.pull-left {
float: left; }
.pull-right {
float: right; }
.clear:before {
clear: both; }
#container, #container--fullwidth {
clear: both;
margin: 0 auto 75px;
width: 1060px;
min-height: 500px;
min-width: 1060px;
position: relative; }
.page__full-width-layout #container, .page__full-width-layout #container--fullwidth {
width: 100%;
margin: 0 auto; }
#container--fullwidth {
width: 100%;
min-width: 1060px;
margin: 0 auto; }
.touch #container, .touch #container--fullwidth {
width: 100%; }
#main-body, #modal-body {
width: auto;
clear: both;
margin: 0; }
#wrap {
width: 1000px;
margin: 0 auto;
position: relative;
padding: 0 30px; }
.page__full-width-layout #wrap {
width: auto;
padding: 0; }
#wrap--fullwidth {
width: 100%;
min-width: 1060px;
padding: 0; }
#content, #modal-content {
position: relative; }
.group {
height: auto; }
.group-a, .group-ab {
float: left; }
.group-abc {
width: 100%; }
.group-b, .group-bc, .group-c {
float: right; }
.group-notflush-top {
padding-top: 10px; }
.group-notflush-bottom {
padding-bottom: 10px; }
#sub-homepage #wrap.modal, #sub-category #wrap.modal {
width: auto; }
#main-body.category-landing-page .group-b {
float: right;
width: 799px; }
.checkout .group-ab {
width: 100%; }
.checkout .group-a,
.checkout .group-b {
width: 495px; }
.threecolumn .group-a {
width: 320px; }
.threecolumn .group-ab {
width: 680px; }
.threecolumn .group-b {
width: 340px; }
.threecolumn .group-bc {
width: 680px; }
.threecolumn .group-c {
width: 340px; }
.group::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.mod-spacer {
height: 10px;
margin: 0 -11px;
background-color: white;
border-width: 1px 0;
border-style: solid; }
#nav_cat120002 {
display: none; }
.faq {
margin-bottom: 18px; }
.faq dt {
font-weight: 600;
margin-top: 18px;
display: block;
width: auto; }
.faq .back-to-top {
float: right; }
.js .faq.expandable dt {
margin-top: 9px; }
.js .faq.expandable dt span {
text-decoration: underline;
cursor: pointer;
font-weight: normal; }
.js .faq.expandable dd {
display: none; }
.group-a .mod {
margin-right: 10px; }
.mod {
margin-bottom: 10px;
padding: 0 10px 10px 10px;
position: relative;
border: 1px solid; }
.popup .mod {
margin: 10px; }
.mod h3.brand {
display: block;
padding: 5px 10px;
margin: 0 -10px 5px -10px; }
.mod-searchnav, .mod-browsenav {
margin: 10px 0 0 0;
padding: 0;
border: none !important; }
.mod-searchnav {
padding: 0 10px 5px 10px; }
.mod-browsenav {
margin: 0;
padding: 10px 24px;
border-style: solid;
border-width: 2px 0 0 0; }
.mod-searchnav span.search-pagination, .mod-browsenav span.browse-pagination {
float: right; }
.browse-pagination-link {
text-decoration: none; }
.currentPage {
font-weight: 600; }
.popup #content .mod fieldset, .popup #modal-content .mod fieldset {
margin: 10px; }
.popup #content .mod h2, .popup #modal-content .mod h2 {
margin-left: 10px; }
.popup #content .mod table, .popup #modal-content .mod table {
margin: 10px auto;
width: 75%; }
.popup #content .mod ul.bulleted, .popup #modal-content .mod ul.bulleted {
margin-left: 10px; }
.setContainer {
height: auto;
margin: 0;
margin-top: 18px; }
#promo-container {
position: relative; }
#content .setContainerHead {
font-size: 100%;
font-weight: normal;
margin: 18px 0 0 0; }
#members fieldset.setContainer {
border-right: 1px solid #CCCCCC;
float: left;
padding-right: 15px;
margin-right: 15px; }
#members fieldset.setContainer.last {
border-right-width: 0;
margin-right: 0; }
.members-access-message {
width: 800px; }
#applicationForm .projectTypes .group .setContainer {
float: left;
width: 375px; }
#applicationForm .projectTypes fieldset.radio {
margin: 0; }
legend {
font-weight: 600;
font-size: 14px;
margin: 0;
padding-top: 9px;
position: relative; }
#applicationForm legend {
padding-top: 18px; }
.clearFile {
padding-left: 10px; }
.addField {
display: none; }
.last-shown .addField {
display: block; }
.empty .clearFile, .empty,
.empty.last-shown .addField {
display: none; }
.empty.first {
display: block; }
.addressModule {
width: 240px;
float: left;
margin: 0 20px 18px 0;
padding: 9px 0 0 0;
position: relative; }
.addressModule .address-links {
position: absolute;
bottom: 0; }
.addressModule div {
padding-left: 10px;
padding-right: 40px; }
.addressModule.last {
margin-right: 0; }
.addressModule .editAddress {
position: absolute;
right: 10px;
top: 9px; }
#billingPostalCode,
#postalCode,
#postalcode,
#billingZip,
#zip,
#shippingPostalCode,
.postal-code, #customerPostalCode {
text-transform: uppercase; }
#giftMessage span {
padding-left: 5px; }
#giftMessage div {
margin-bottom: 5px; }
#giftMessage {
height: 110px; }
.inputfeedback {
margin-left: 5px;
color: #333; }
.go-back {
float: left; }
.continue {
float: right !important;
margin-left: 10px; }
.mod-error-msg {
padding: 0;
margin: 15px 0;
border-left: 5px solid #cc6666;
color: #000000; }
.mod-alert-msg {
padding: 0;
margin: 15px 0;
border-left: 5px solid #000000;
color: #000000;
font-weight: 700; }
.mod-alert-msg.mod-alert-msg-regular {
font-weight: 400; }
.mod-error-msg h3 {
color: #cc6666;
font-style: italic;
line-height: 85%;
text-transform: uppercase;
letter-spacing: 0.08em; }
.error-msg-block, .mod-error-msg h3, .error-msg-block {
margin: 0 5px; }
.error-msg {
margin-bottom: -4px;
margin-top: 2px; }
.notice {
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 5px; }
.bill-address-block .address-name {
font-weight: 600; }
.mod.ship-address-input.address-selector p {
padding-top: 10px; }
.mod.ship-address-input.address-selector .giftMsg {
max-width: 340px; }
.payment-links {
margin: 5px 0 5px 0; }
.address-links {
margin: 5px 0 5px 0; }
.payment-card-block div {
margin-left: 20px; }
.payment-cvimageref img {
background-color: #FFF;
position: absolute;
left: 200px;
top: -5px;
z-index: 500; }
#payment-ccname {
margin-right: 20px; }
.payment-msg {
margin: 10px 0 0 0; }
.payment-msg span {
display: block;
border: solid 1px #302F31;
padding: 3px 5px;
margin-bottom: 5px;
font-weight: 600;
text-indent: 10px; }
#payment-selector {
float: left;
width: 230px; }
#cardFields {
padding-bottom: 10px; }
#payment-selector fieldset {
margin: 0;
padding: 10px 0 10px 5px; }
.paymentInputExpirationMonth {
margin-right: 8px; }
#payment-selector fieldset.checkbox input,
#payment-selector fieldset.checkbox label {
margin: 5px 0 0 5px; }
fieldset.pin input.submit-light {
margin-left: 10px !important; }
#pay-modules {
width: 740px; }
#pay-modules fieldset {
display: inline;
margin-right: 10px;
margin-bottom: 9px; }
#pay-modules fieldset.checkbox {
display: block; }
#pay-modules .card-error,
#pay-modules .amount-error .exp-error,
#pay-modules .cv-error {
position: absolute;
bottom: -1.3em;
width: 400px; }
#promo-box {
width: 250px;
height: 250px;
background-color: #3c3b3d; }
#credit-checkout-payment {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #999; }
.card-images {
position: relative;
width: 70px;
margin: 0;
top: 15px; }
.card-images img {
float: left; }
.amount-balance span {
line-height: 24px; }
.group-a .info-group, .group-b .fixedHeight {
padding-bottom: 0;
margin-bottom: 0; }
.checkout-group-payment {
margin-bottom: 10px; }
.payment-total-block table {
width: 100%; }
.payment-total-block table td {
vertical-align: top;
padding: 7px 0px; }
.payment-total-block table .shipping-select td {
vertical-align: middle; }
.currency {
text-align: right;
white-space: nowrap; }
.gift-message {
margin-top: 10px; }
#content .mod p {
margin-bottom: 5px; }
.giftcard-help-fig {
position: relative;
margin: 10px; }
.giftcard-help-fig__caption {
position: absolute;
left: 175px;
top: 50px;
width: 180px; }
.giftcard-help-fig__arrow {
position: absolute;
left: -1.1em;
top: 0;
font-size: 2.2em;
font-weight: 600;
color: #999; }
.member-label {
text-transform: uppercase; }
dfn {
cursor: help;
width: 10px;
height: 10px; }
.tooltip {
padding: 0 10px 0 25px;
letter-spacing: 1px;
border: 1px solid; }
.tipped {
background: url("images/tip.gif") right no-repeat; }
.tipped:focus, .fieldHighlight {
background-image: none; }
.inline-err {
color: #cc6666;
display: block;
clear: left;
font-weight: 600; }
.errored label {
font-weight: 600; }
.errored input, .errored select {
border-color: #cc6666; }
#contactUsForm .topic-info {
padding: 0 0 2px 25px;
border: 1px solid; }
.topic-info {
margin: 9px 0; }
#contactUsForm {
position: relative; }
.continue--align-right {
text-align: right; }
.register-upsell {
margin-left: 10px; }
.personalize-update {
margin-right: 10px; }
fieldset a.subtle {
padding-left: 10px; }
.subtle {
font-weight: normal; }
h1.title.brand.h1-title--enhanced {
margin: 15px 0 0 0;
padding: 0;
font: 400 28px/35px "minion-pro", Times, "Times New Roman";
letter-spacing: 0.025em;
color: #777; }
.catalog-request__subheader, .catalog-request__email-header {
margin: 0 0 25px 0;
text-transform: uppercase;
font: 400 28px/35px "minion-pro", Times, "Times New Roman";
letter-spacing: 0.025em;
color: #777; }
.catalog-request__email-header {
margin: 30px 0 0 0; }
.catalog-request__links {
margin: 16px 0 15px 0; }
.catalog-request__links a {
display: inline-block;
text-decoration: none;
color: #777;
letter-spacing: 0.15em;
font: 600 10px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif !important; }
.catalog-request__links a:hover {
color: #999; }
.catalog-request__links-spacer {
margin-right: 45px; }
.sourcebook-message {
margin: 0;
font: 12px/14px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
color: #777;
height: 15px;
width: 100%;
letter-spacing: .02em; }
.tagline-text {
font: 12px/14px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
color: #777;
letter-spacing: .02em;
height: 15px;
width: 100%; }
.you-may-unsubscribe-text {
color: #777;
text-transform: uppercase;
letter-spacing: .15em;
font: 400 10px/15px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
margin-top: 10px; }
.email-signup-text {
font: 12px/14px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
color: #777;
letter-spacing: .02em; }
.opt-in-brand-logo-box {
height: 200px;
width: 200px; }
.opt-in-rh-logo {
width: 167px;
height: 106px; }
.opt-in-mo-logo {
width: 144px;
height: 106px; }
.opt-in-bc-logo {
width: 287px;
height: 30px;
padding-top: 38px; }
.opt-in-tn-logo {
width: 160px;
height: 30px;
padding-top: 40px; }
.opt-in-legend {
font-weight: normal;
font-size: inherit;
padding-top: 0;
color: inherit;
margin-bottom: 5px; }
.opt-in-checkbox--email {
margin-right: 20px; }
#catalog-request ul.catalog li {
margin-bottom: 10px;
background-color: white; }
.flexbox #catalog-request ul.catalog li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: box;
display: flexbox;
display: flex; }
#catalog-request .catalog-request-title {
text-align: center;
background-color: #302F31;
color: white;
padding: 5px 0;
width: 126px; }
#catalog-request h3 {
margin-bottom: 18px;
font-weight: 600; }
.catalog-request__cover-image {
width: 100%;
cursor: pointer; }
.catalog-request__label {
float: right; }
.catalog-download {
display: inline;
position: relative;
margin: 0 25px 10px 10px; }
.catalog-viewonline {
display: inline;
position: relative;
margin: 0 10px 10px 10px; }
.sec-search .group-b {
/*FIX FOR IE7 DISAPPEARING CONTENT*/
position: relative; }
.scroll-up {
display: none;
position: fixed;
top: 0;
z-index: 1;
cursor: pointer;
margin-right: 20px;
width: 72px;
height: 81px;
background-color: transparent;
background-image: url(/assets/images/global/search-back-top.png);
background-image: url(/assets/images/global/search-back-top.svg), none;
background-size: 72px auto;
background-repeat: no-repeat; }
#collectiongallery {
/*width:801px;*/
margin-bottom: 10px; }
#collectiongallery li {
margin: 10px 0 0 0;
float: left;
display: inline;
border: 1px solid #958E8A;
padding: 0; }
#collectiongallery li img {
float: left; }
.store-locations h3 span {
display: block;
font-weight: 600; }
div.secInfo_locator_column_form form {
margin: 18px 0; }
.store-locations dt {
font-weight: 600; }
.secInfo_locator_column_results {
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 18px; }
#map-panel {
height: 480px;
left: 0;
bottom: 0;
width: 320px;
overflow-y: auto;
overflow-x: hidden; }
#findStoresPromo {
position: absolute;
bottom: 10px;
left: 0x;
height: 155px;
width: 310px;
overflow: hidden; }
#map-panel div {
cursor: default;
border-top: 1px solid #CCCCCC;
padding: 5px 0; }
#map-panel div a {
cursor: pointer; }
#map-panel.locator dt {
text-decoration: underline;
cursor: pointer; }
div.mapPopup {
text-align: left; }
div.mapPopup dl {
padding: 0 10px 10px 0; }
div.mapPopup iframe {
position: relative;
top: -5px; }
.store-locations p#newStart {
margin: 0; }
#printPage {
position: absolute;
right: 10px; }
#map_canvas {
width: 660px;
height: 560px; }
#locator-image {
display: none; }
.unloaded #locator-image {
display: block;
position: absolute; }
.unloaded #map_canvas {
z-index: -5; }
.unloaded #map-panel {
display: none; }
#sidebar-promos ul {
margin: 0 auto; }
#sidebar-promos li {
margin: 10px auto;
text-align: center; }
.js .registryPwd {
display: none;
padding-left: 20px;
margin: 0 0 18px 0; }
.inlineButton {
padding: 0;
margin-left: 5px;
border-top-color: #999;
border-left-color: #999; }
.info-panel {
background-color: #E8E8E8;
padding: 20px 40px;
margin-bottom: 10px; }
.info-panel table {
background-color: #E8E8E8; }
.info-panel th {
font-weight: 600; }
.info-panel td {
width: 30%;
padding-right: 10px; }
.line-item__thumbnail {
width: 100%; }
.scrollable-wrapper {
position: relative; }
.scrollable {
position: relative;
overflow: hidden;
height: 100%; }
.prev {
z-index: 1;
position: absolute;
top: 50%;
left: 10px;
margin-top: -35px;
height: 70px; }
.next {
z-index: 1;
position: absolute;
top: 50%;
right: 10px;
margin-top: -35px;
height: 70px; }
.prev a, .next a {
display: block;
text-indent: -9999px;
width: 24px;
height: 60px; }
.items {
width: 30000em;
position: relative; }
.items .item {
float: left; }
.items .thumbnail {
float: none;
position: absolute;
left: 1000px; }
.onecolumn .slide {
width: 1000px;
margin: 0; }
.scrollable-wrapper .disabled {
visibility: hidden; }
.thumbnail {
float: left; }
.thumbnail a {
display: block;
float: left;
background-color: black; }
#slide-navigation .thumbnail a.selected img {
opacity: 1;
filter: alpha(opacity=100);
zoom: 1; }
.promo-display {
width: 1000px;
margin: 0 auto; }
.page__full-width-layout .promo-display:first-child {
margin-top: 0; }
.promo-display.fullwidth {
width: 100%;
min-width: 1000px; }
.page__full-width-layout .promo-display.fullwidth {
padding: 0; }
.promo-display.fullwidth article {
width: 100%;
min-width: 1000px; }
.promo-display.fullwidth img {
width: 100%;
min-width: 1000px; }
.promo-display.no-arrows .prev a, .promo-display.no-arrows .next a {
display: none; }
.slide-show {
padding: 0;
position: relative; }
.slide-show .next a {
background-position: 0 0; }
.slide-show .next a:hover {
background-position: 0 -70px; }
.slide-show .prev a {
background-position: -26px 0; }
.slide-show .prev a:hover {
background-position: -26px -70px; }
.onecolumn #gallery-slides .scrollable, .onecolumn #gallery-slides .lifestyle-container {
width: 1000px;
height: 600px; }
.twocolumn #gallery-slides .scrollable, .twocolumn #gallery-slides .lifestyle-container {
width: 799px;
min-height: 486px; }
#gallery-slides.scrollable-wrapper {
background-color: white; }
#gallery-navigation {
background-color: #F1F1F1;
width: 100%;
padding: 30px 35px 0 30px;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.gallery-nav-header {
color: #777;
display: inline-block;
font: 21px/21px "minion-pro", Times, "Times New Roman";
font-weight: 400;
letter-spacing: -0.025em;
margin-right: 20px;
text-transform: uppercase;
vertical-align: top;
flex-grow: 1; }
#gallery-navigation .scrollable-title {
display: inline-block;
padding-top: 2px;
flex-grow: 2; }
#gallery-navigation .scrollable-title ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#gallery-navigation li {
display: inline; }
#gallery-navigation li a {
color: #777;
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.1em;
padding: 0 20px;
text-decoration: none; }
#gallery-navigation li a:hover {
font-weight: 700; }
#gallery-navigation li a.selected {
font-weight: 700;
color: #333; }
#slide-navigation {
border-style: solid;
border-width: 1px 0 0; }
#slide-navigation .scrollable-wrapper {
padding: 20px 30px 30px;
margin-bottom: 10px; }
.onecolumn #slide-navigation .scrollable {
width: 940px;
min-height: 125px; }
.twocolumn #slide-navigation .scrollable {
width: 749px;
min-height: 115px; }
#slide-navigation .item {
width: 187px; }
#slide-navigation .items .thumbnail {
padding: 0 1px 0 2px; }
.lifestyle-container {
position: relative; }
.lifestyle-container .active {
z-index: 1; }
.lifestyle-container .product-cell__title--gallery {
margin-top: 10px; }
.lifestyle-sku-list {
display: none;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 10px;
width: 100%;
background: -webkit-gradient(linear, left 0%, left 100%, from(transparent), to(black));
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
background: -moz-linear-gradient(top, transparent 0%, black 100%);
background: linear-gradient(to bottom, transparent 0%, black 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0); }
.lifestyle-sku-list a {
color: #fff; }
.lifestyle-sku-list li {
float: left;
padding-right: 1em; }
.lifestyle-sku-list a {
text-decoration: none; }
.lifestyle-sku-list a:hover {
text-decoration: underline; }
.lifestyle-info-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
.active .lifestyle-info-wrapper {
z-index: 101; }
.lifestyle-pg-numb--lg {
color: white;
font-weight: 700;
letter-spacing: 0.15em;
margin-top: -3px;
position: absolute;
right: 30px;
text-align: right;
text-shadow: 1px 1px 2px #555;
top: 50%;
width: 70px;
z-index: 102; }
.lifestyle-icon {
height: 25px;
width: 25px;
text-indent: -20000em;
overflow: hidden;
background-size: 16px;
position: absolute;
display: none;
z-index: 100;
margin: -20px 0 0 -20px; }
.inactive .lifestyle-info, .inactive .lifestyle-info--centered {
visibility: hidden; }
.active .lifestyle-info, .active .lifestyle-info--centered {
visibility: visible; }
.lifestyle-info {
background: rgba(255, 255, 255, 0.85);
padding: 15px 60px;
position: absolute;
width: 270px; }
.lifestyle-info--centered {
background: rgba(241, 241, 241, 0.95);
padding: 15px 65px;
position: static;
width: 282px; }
.lifestyle-info .group {
padding: 15px; }
.lifestyle-info--centered .group {
padding: 15px; }
.lifestyle-info a, .lifestyle-info--centered a {
text-decoration: none;
display: block;
cursor: pointer; }
.lifestyle-info a:hover, .lifestyle-info--centered a:hover {
text-decoration: none; }
.lifestyle-info .item-price strong {
display: block; }
.lifestyle-close {
cursor: pointer;
margin: 0;
position: relative;
left: 55px;
float: right;
background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-width%3A3%3Bstroke-miterlimit%3A10%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.8%2041.2L41.2%208.8M8.8%208.8l32.4%2032.4%22%2F%3E%3C%2Fsvg%3E");
background-size: 20px 20px;
width: 20px;
height: 20px;
top: -5px; }
.lifestyle-close:after {
clear: right; }
.flyout-top {
bottom: 20px; }
.flyout-right {
top: 20px;
left: 20px; }
.flyout-bottom {
top: 20px; }
.flyout-left {
top: 20px;
right: 20px; }
#zoom-viewer {
/* size of flash zoom viewer */
width: 714px;
height: 658px; }
.shop-by-catalog ul, .shop-by-catalog #catalog {
text-align: center; }
#catalogs ul.catalogs li {
float: left;
margin-right: 10px; }
.artisanImage {
float: left;
width: 250px;
margin: 0 20px 0 0; }
.artisanDetailContent {
width: 730px;
float: right;
margin-top: -10px; }
.artisanHubLink a {
font-weight: 600;
display: block;
margin-top: 10px; }
.artisanBio {
margin-top: -10px; }
.artisanLongBio h3 {
margin-top: 5px;
font-weight: normal; }
.hub .artisanLongBio {
width: 730px;
float: right; }
.artisanLongBio p {
margin-top: 10px; }
.collectionProducts .collectionItem {
float: left;
width: 235px;
border: 1px solid;
margin-right: 16px;
margin-top: 10px; }
.collectionProducts .collectionItem a {
text-decoration: none; }
.collectionProducts .collectionItem.endRow {
margin-right: 0px; }
.collectionItem .cDisplayImage img {
padding: 10px; }
.artisanPage {
position: relative;
margin-top: 10px;
font-size: 13px; }
.artisanCollectionTitle {
position: relative;
margin-top: 5px;
font-size: 13px; }
.artisanCollectionShort {
position: relative;
height: 60px;
overflow: hidden;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid;
width: 689px; }
.artisanCollectionShort .collectionItem {
float: left;
width: 60px;
margin-right: 10px; }
.artisanCollectionShort .collectionItem a {
text-decoration: none; }
.artisanCollectionShort .index9 {
margin-right: 0px; }
.artisanCollectionShort .collectionItem .cDisplayImage img {
padding: 0px; }
.artisanHubContent {
padding: 10px 0; }
.artisanBio.hub {
border-bottom: 1px solid;
padding: 10px 0; }
.currency-label {
text-transform: uppercase; }
.product-price__message {
color: #cc6666; }
.sitemap a {
text-decoration: none; }
.sitemap .category-header {
margin: 0;
font: 14px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
border-top: solid 3px; }
.sitemap .menu {
padding-bottom: 30px; }
.sitemap__subheader {
border-top: solid 2px;
padding-top: 6px;
padding-bottom: 6px; }
.sitemap__links {
border-top: solid 1px; }
.product .group-b {
margin: 0px 0px 0px 10px; }
#breadcrumb ul {
float: left;
padding: 10px 0; }
#breadcrumb ul li {
float: left; }
#breadcrumb ul li span {
padding: 0 .5em; }
#breadcrumb ul li.first {
padding-left: 3px; }
#breadcrumb ul li a {
text-decoration: none; }
.tabs {
height: 29px;
border-bottom: 1px solid #fff; }
.tabs li {
float: left; }
.tabs a {
display: inline-block;
border-right: solid 1px #fff;
font-size: 13px;
text-transform: uppercase;
height: 23px;
text-align: center;
padding: 6px 20px 0px 20px;
text-decoration: none; }
.tabs .current {
height: 24px; }
.pane {
display: none;
padding: 16px 0 0;
position: relative;
height: 477px; }
.pane:first-child {
display: block; }
.pane .product-name {
padding: 0 16px; }
.pane ul.product-list {
margin: 0 0 8px 1.5em;
list-style-position: outside;
list-style-type: disc; }
.pane .price strong {
padding-left: .5em; }
.pane .price-message {
font-weight: 600; }
.scroll-pane {
padding: 10px 16px 20px;
width: 494px;
height: 455px;
overflow: auto;
position: relative; }
#product-description {
z-index: 1;
position: relative; }
.product .pane h1, .product .pane h3 {
font-weight: normal; }
.product .pane h1 {
font-weight: normal; }
.product .pane p {
margin-bottom: 8px; }
.dimensions {
margin-top: 1em; }
.dimensions .dimension-list {
margin: 16px 0 0; }
.dimensions .delivery-measurment {
margin: 16px 0 0; }
.product .pane p.feature-copy {
margin-bottom: 0; }
.product-links {
margin-top: 10px; }
.product-links img {
float: left;
margin: 0px 2px; }
.product-links a {
padding-left: 0;
text-decoration: none;
display: block;
margin: .25em 0;
background: none;
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em; }
.artisan img {
float: left;
margin: 0 1em .2em 0; }
.artisan a {
display: block; }
#product-swatches {
position: absolute;
bottom: 1px;
left: 1px;
width: 504px;
padding: 10px;
margin-top: 1px; }
#swatch-panel div.swatch-group {
float: left; }
#swatch-panel ul {
float: left; }
div.double .swatch-group ul {
width: 250px; }
div.single .swatch-group ul {
width: 500px; }
#swatch-panel div.swatch-group li {
margin: 0 2px 2px 0;
border: 1px solid #eee;
display: inline-block;
vertical-align: top; }
#swatch-panel li.swatch-group li:hover {
border-color: #ccc; }
#swatch-panel .label {
display: block;
text-transform: none;
font-size: 11px;
margin-left: 2px;
width: 250px; }
#swatch-panel div.swatch-container {
margin: 1px;
line-height: 1px; }
#swatch-panel li.swatch-group li.selected {
border-color: #ccc; }
div.swatch-details {
position: absolute;
bottom: 36px;
width: 313px;
height: 351px;
z-index: 500;
overflow: hidden;
border-width: 1px;
border-style: solid;
display: none;
padding: 10px 0; }
div.swatch-details.grommet {
height: 381px; }
.product .pane .swatch-details h3 {
font-weight: 600; }
.swatch-details .swatch-overview {
padding: 5px 10px;
width: 291px;
font-size: 13px;
line-height: 15px; }
.swatch-details .swatch-enlarged {
width: 291px;
height: 291px;
border-width: 1px;
border-style: solid;
margin: 0px 10px;
padding: 0px;
overflow: hidden;
position: relative; }
.swatch-details .swatch-btn {
width: 271px;
border-width: 1px solid;
margin: 0px 10px 5px 10px;
padding: 10px;
color: #fff;
background-color: #404040;
text-align: center; }
#product-swatches .swatch-enlarged img {
border: 0;
padding: 0; }
.swatch-details .swatch-care {
position: absolute;
top: 0px;
left: 313px;
width: 250px;
font-size: 12px;
line-height: 15px; }
.detail-trigger, img[data-colorize="true"] {
cursor: pointer; }
#product-imagery {
z-index: 1; }
#product-photo {
background-color: #fff;
position: relative; }
#zoom-trigger {
cursor: pointer;
display: block;
width: 100%;
position: absolute;
text-align: center; }
#zoom-trigger a {
text-decoration: none; }
.item-image #zoom-trigger {
bottom: 10px; }
#product-photo #zoom-trigger {
bottom: 40px;
right: 5px;
position: relative; }
#zoom-trigger .submit {
display: block;
width: 130px;
margin: 0 auto;
height: 30px;
line-height: 30px;
text-transform: uppercase; }
#product-photo .alternate-photo {
top: 0px;
left: 0px; }
#product-photo-thumbs {
background-color: #eee;
padding: 4px 0px;
height: 51px;
margin-top: 11px;
border: 1px solid #999;
text-align: left;
width: 461px; }
#product-photo-thumbs li {
float: left; }
#product-photo-thumbs li label {
clear: both; }
#product-photo-thumbs .selected img {
border: solid 1.5px #666; }
#product-photo-thumbs .selected label {
margin-top: 0; }
#product-photo-thumbs img {
padding: 1px;
border-width: 1px;
width: 69px;
height: 68px;
border-style: solid;
border-color: transparent;
margin-right: 5px;
float: left;
text-align: left;
display: inline;
opacity: 0.7;
cursor: pointer;
margin-bottom: 1px; }
#product-photo-thumbs img:hover {
opacity: 1; }
#product-photo-thumbs .selected img {
opacity: 1; }
.rugs-layout #PanelSection #product-description {
width: 280px;
height: 900px; }
.rugs-layout #PanelSection #product-imagery {
width: 720px;
height: 900px;
margin: 0; }
.rugs-layout #PanelSection #product-photo, .rugs-layout #PanelSection #product-photo .product-photo-alt {
height: auto; }
.rugs-layout #PanelSection #product-photo .product-photo-alt {
position: relative; }
#PanelSection #product-photo img {
height: auto; }
#product-photo img.invisible {
position: absolute; }
.rugs-layout #PanelSection .product-name {
margin-bottom: 16px; }
.rugs-layout #PanelSection .product-dimensions td {
padding-right: 30px; }
.rugs-layout #PanelSection .product-alt-images {
padding: 0 0 0 16px; }
.rugs-layout #PanelSection .product-alt-images li {
float: left;
padding: 0 10px 16px 0; }
.rugs-layout #PanelSection #breadcrumb ul {
margin-left: 16px; }
.rugs-layout #PanelSection .product-alt-images li .label {
display: block;
margin-top: 8px;
color: #948E8A; }
.rugs-layout #PanelSection .product-alt-images li.selected .label {
color: #fff; }
.rugs-layout #PanelSection #product-photo-thumbs {
width: auto;
background-color: transparent;
border: 0;
height: auto; }
.rugs-layout #PanelSection #product-photo-thumbs img {
cursor: pointer;
width: auto;
height: auto;
margin: 0;
border: 0;
float: none; }
.rugs-layout #PanelSection .product-links a,
.rhRugs #PanelSection .product-links a.care-link {
padding-left: 0;
margin-bottom: 16px;
background-image: none;
text-transform: uppercase; }
.rugs-layout #PanelSection .product-description, .rugs-layout #PanelSection .product-dimensions, .rugs-layout #PanelSection .product-links {
padding: 0px 16px 0px 16px; }
.rugs-layout #PanelSection .product-photo-alt#alt-photo2 {
position: absolute;
top: 0;
left: 0;
text-align: center; }
.boxtop #product-description {
height: auto;
margin: 0;
z-index: auto;
position: static; }
.boxtop #product-description p {
margin-right: 0; }
.boxtop #breadcrumb ul {
margin: 0 0 6px 16px; }
.boxtop .product-text {
padding: 0px 0px 0px 20px; }
.boxtop .product-text .product-name {
margin-bottom: 16px; }
.boxtop .product-text h3 {
font: 12px/18px "minion-pro", Times, "Times New Roman";
font-weight: 600;
text-transform: uppercase;
padding-top: 3px; }
.boxtop .product-text .product-name h1,
.boxtop #product-info-pane h1,
#MCMainSelections h1 {
margin: 0;
padding: 0;
text-align: left;
font: 18px/18px "minion-pro", Times, "Times New Roman"; }
.boxtop ul.product-list {
margin: 0 0 16px 1.5em;
list-style-position: outside;
list-style-type: disc; }
.boxtop ul.product-list .more-items, .boxtop ul.product-list .fewer-items {
list-style: none;
margin-left: -1.5em; }
.boxtop .product-text .dimensions {
margin-bottom: 16px; }
.boxtop .product-text .product-links {
margin-bottom: 16px; }
.boxtop .product-media {
padding: 0px 0px 0px 20px; }
.boxtop .product-dimensions td {
padding-right: 30px; }
.boxtop .product-alt-images {
padding: 0;
margin: 0 0 10px 0;
border-top: none;
float: left;
width: 100%; }
.product-alt-images-txt, .swatch-group-title {
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 5px 0 0 0; }
.swatch-group .swatch-group-txt {
font-weight: 600; }
#PanelSection #swatch-panel .swatch-group .swatch-group-txt {
text-transform: uppercase;
margin: 5px 0 0 0;
color: inherit;
font-weight: normal; }
.images.two .product-alt-images li:nth-child(2n) {
margin: -1px 0px 8px -1px; }
.boxtop #product-photo-thumbs {
width: auto;
border: 0;
height: auto; }
.boxtop #product-photo-thumbs img:hover {
opacity: 1; }
.boxtop #product-photo-thumbs .selected img {
opacity: 1; }
.boxtop #product-photo-thumbs img {
cursor: pointer; }
.boxtop #product-photo .alternate-photo {
width: auto;
height: auto;
margin: 0 auto; }
.boxtop #product-swatches {
position: relative;
top: auto;
left: auto;
width: auto;
padding: 0px;
margin: 0 0 14px 0; }
.boxtop #product-swatches .swatch-group ul {
width: auto; }
.boxtop #swatch-panel div.swatch-group li .swatch-container {
margin: 0; }
.boxtop #PanelSection .productInfoSection.swatch-label #product-swatches {
margin-top: 30px;
float: left; }
.boxtop #PanelSection .productInfoSection.swatch-label .swatch-group ul.group li.first {
clear: both; }
.swatch-group ul.group li label {
font-size: 10px;
width: 50px;
line-height: normal;
margin: 0 0 5px 2px;
overflow: hidden; }
#error-zone-top .mod-error-msg {
margin-top: 10px; }
.item-name__header, .order-item-name {
font-family: "minion-pro", Times, "Times New Roman";
font-weight: normal; }
.item-name__header a, .order-item-name a {
text-decoration: none; }
.item-name__header a:hover, .order-item-name a:hover {
text-decoration: underline; }
#line-items a {
cursor: pointer; }
h3.item-name__header {
margin-top: 0; }
#line-items h3 a {
text-decoration: none; }
#line-items h3 a:hover {
text-decoration: underline; }
#line-items div.postalcodeform-inline fieldset {
margin: 10px 0; }
#line-items span.postalcodeform-inline {
display: inline-block; }
#line-items .postalcode-update {
margin-top: 10px; }
#line-items .line-item {
border-top-width: 1px;
border-style: solid; }
#line-items .line-item.first {
border: none; }
#line-items .item-image {
position: relative;
margin-right: 10px; }
.item-selectors {
float: left; }
.item-controls {
float: right; }
.item-selectors > fieldset {
display: inline-block;
margin-top: 0;
margin-right: 10px;
vertical-align: top; }
.item-selectors label,
.item-controls label,
.item-controls .label {
color: inherit; }
#line-items .item-sku .label {
margin: 0 10px 0 0;
color: inherit; }
#line-items .item-info {
float: left; }
#line-items .simple .item-info {
width: 750px; }
#line-items .item-selectors {
margin-bottom: 10px;
max-width: 56%; }
#line-items .item-selectors fieldset {
float: left;
width: 140px;
height: 3.2em; }
#line-items .item-selectors select {
width: 140px; }
#line-items .item-selectors .read-only {
padding: 0px 0 0;
line-height: 14px; }
#line-items .item-detail {
margin-bottom: 10px; }
#line-items .item-price {
text-align: left;
min-width: 100px;
max-width: 185px; }
#line-items .item-price .label {
margin-right: 18px; }
.line-item__price {
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0.15em; }
.item-controls > fieldset {
display: inline-block;
margin: 0 20px 0 0;
vertical-align: top; }
.promo-item-align {
clear: both; }
#line-items .personalize-form .line-label {
font-weight: 600; }
#line-items .personalize-form .personalize-color,
#line-items .personalize-form .personalize-script {
margin-right: 20px;
width: auto;
float: left; }
#line-items .personalize-form .personalize-text {
clear: both; }
#line-items .personalize-form .personalization-display .text {
float: left;
width: 100%; }
#line-items .personalize-form .personalization-display .text div {
width: auto;
float: left; }
#line-items .personalize-form .personalization-display .text div span {
display: block;
clear: both; }
#line-items .personalize-form .personalization-display.image .config label {
position: absolute; }
#line-items .personalize-form .personalization-display.image .config img.personalization-image {
margin-top: 20px; }
#line-items .item-qty label {
text-align: right;
width: 100%; }
#line-items .item-price p {
font-size: inherit;
margin-right: 0; }
#line-items .item-add-to-cart {
width: 100%;
padding-top: 10px; }
#line-items .error {
font-weight: normal; }
.adjustedMessaging {
font-weight: normal; }
h3.adjustedMessaging, #MCMainSelections .group h3.adjustedMessaging {
font-size: inherit;
font-family: inherit;
margin: 0; }
#line-items .disabled {
color: #ccc; }
input[maxLength="10"] {
width: 10em; }
input[maxLength="3"] {
width: 3.5em; }
input[maxLength="1"] {
width: 1.6em; }
.ui-selectmenu-menu {
overflow-x: hidden; }
.ui-state-default, .ui-widget-content .ui-state-default {
background-color: #eee;
color: #000; }
.item-personalize a.ui-selectmenu {
border: 1px solid #333;
background: #eee;
color: #000;
display: block; }
span.ui-selectmenu-status span.ui-selectmenu-item-icon {
width: 15px;
height: 15px;
padding: 0;
background-position: 0 0; }
.product .personalize-form h3 {
margin-bottom: 10px; }
.item-personalize .personalize-script, .item-personalize .personalize-color, .item-personalize .personalize-text {
margin-right: 10px;
padding-bottom: 10px; }
.item-personalize.image .personalize-form {
width: auto;
margin-bottom: 0; }
.item-personalize.image .personalize-form .grid__item {
margin-bottom: 20px; }
.personalize-form .instructions {
font-size: 12px; }
.product #product-controls {
border-top-style: solid;
border-top-width: 1px;
position: relative;
border-color: #DEDEDE;
min-height: 2.5em; }
#product-controls label {
line-height: 16px; }
#product-controls fieldset {
margin: 0; }
fieldset#postalcodeform {
display: none;
float: right; }
.postal-trigger {
margin-left: 5px; }
#product-controls #product-share, .letter-buttons #letter-share {
float: left;
padding: 16px 0 11px 0;
margin-right: 10px; }
#add-fb {
float: left;
padding: 18px 0; }
#add-twt {
float: left;
padding: 18px 7px 18px 0px; }
#add-goog {
float: left;
padding: 18px 0; }
.categories .dimension {
display: none; }
.jspContainer {
overflow: hidden;
position: relative; }
.jspPane {
position: absolute; }
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 100%; }
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px; }
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0; }
.jspCap {
display: none; }
.jspHorizontalBar .jspCap {
float: left; }
.jspTrack {
background: #aaa;
position: relative; }
.jspDrag {
background: #666;
position: relative;
top: 0;
left: 0;
cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%; }
.jspArrow {
background: #aaa;
text-indent: -20000px;
display: block;
cursor: pointer; }
.jspArrow.jspDisabled {
cursor: default; }
.jspVerticalBar .jspArrow {
height: 15px; }
.jspHorizontalBar .jspArrow {
width: 15px;
float: left;
height: 100%; }
.jspVerticalBar .jspArrow:focus {
outline: none; }
.jspCorner {
background: #666;
float: left;
height: 100%; }
.panelBreadcrumb {
background: #302F31;
color: #FFF;
padding-left: 18px; }
.panelBreadcrumb a, .panelBreadcrumb a:hover, .panelBreadcrumb a:visited, .panelBreadcrumb li, .panelBreadcrumb li span {
background: #302F31;
color: #FFF !important; }
#PanelSection {
background: #302F31; }
#PanelSection .hidden {
display: none; }
#PanelSection .label {
text-transform: uppercase;
font-size: 13px; }
#PanelSection .brand {
margin-bottom: 0px; }
#PanelSection .price {
letter-spacing: 0.15em;
margin-bottom: 10px;
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-align: left; }
#PanelSection .price-promotions {
text-align: center; }
#PanelSection .panel {
background: #302F31;
padding: 0 0 0 20px;
float: left; }
#PanelSection #swatch-panel .label {
color: #FFF;
width: auto;
text-transform: uppercase; }
#PanelSection #swatch-panel div.swatch-group {
width: auto;
float: none; }
#PanelSection div.single .swatch-group ul, #PanelSection div.double .swatch-group ul {
width: auto;
float: none; }
#PanelSection .productInfoSection {
color: #FFF;
margin-bottom: 20px; }
#PanelSection ul.product-list {
line-height: 16px; }
#PanelSection ul.product-list {
list-style-position: outside;
list-style-type: disc;
margin: 0 0 8px 1.5em; }
#PanelSection .dimensions .dimension-list {
margin-top: 0px; }
#PanelSection .product-links {
margin-bottom: 10px; }
#PanelSection .more-items, #PanelSection .fewer-items {
list-style-type: none;
list-style: none;
padding-left: 0px;
margin-left: -1.5em; }
#PanelSection #product-care-pane {
display: none; }
#PanelSection #MoreOptionsLink, #PanelSection #MoreOptionsLinkIn, #PanelSection #MoreOptionsLinkInMC, #PanelSection #MoreOptionsLinkOut, #PanelSection #MoreOptionsLinkOutMC {
margin: 10px 0 10px 0;
overflow: hidden; }
#PanelSection #MoreOptionsLink a {
height: 27px;
width: 101px;
float: left;
background: url("/assets/images/global/MoreOptionsBtn.png") no-repeat center right;
display: block; }
#PanelSection #product-photo-thumbs {
background: none;
width: auto;
border: none;
padding-top: 0px;
overflow: visible;
float: left; }
#PanelSection #AlternateThumbs #product-photo-thumbs img {
margin-left: 0px;
margin-right: 5px;
width: 79px;
height: 77px; }
#PanelSection #AlternateThumbs #product-photo-thumbs #alt-photo-thumb3 {
margin-right: 0px; }
#PanelSection .panel-1 {
width: 340px; }
#PanelSection .panel-2 {
width: 340px; }
.panelWrapper {
border: 1px solid #3d3d3f;
padding: 10px; }
#PanelSection #CloseSwatches {
text-transform: uppercase;
overflow: hidden;
color: #FFF; }
#PanelSection #CloseSwatches a {
background: url("/assets/images/global/closeBtn.png") no-repeat center right;
display: inline-block;
float: right;
height: 11px;
width: 11px;
position: relative; }
#PanelSection #product-swatches, #PanelSection #product-secondary-swatches {
position: static;
bottom: 0px;
left: 0px;
width: auto;
padding: 0px;
background-color: none !important;
background: none;
margin-top: 0px;
margin-bottom: 0px; }
#PanelSection .panel-2 #product-secondary-swatches .swatch-container img {
width: 33px;
height: 33px; }
#PanelSection .panel-2 #product-secondary-swatches .swatch-container .swatch-enlarged img {
width: auto;
height: auto; }
#PanelSection #product-swatches {
margin-bottom: 10px;
clear: both;
border-top: none; }
#PanelSection #product-swatches .label {
text-transform: none; }
#PanelSection #swatch-panel .label {
margin-left: 0px; }
#PanelSection #product-swatches .label {
margin-left: 0px;
margin-bottom: 0px; }
#PanelSection #product-swatches p.label, .cushionLabel {
text-transform: uppercase;
color: #FFF;
margin: 0px;
padding: 0px;
margin-bottom: 10px; }
#PanelSection #product-imagery {
height: auto;
width: 656px;
margin: auto;
background-size: 100% auto; }
#PanelSection #product-photo {
border: none;
padding: 0 10px 0 0; }
.product-photo__container {
position: relative; }
#product-photo img {
display: block;
width: 100%; }
#PanelSection #swatch-panel div.swatch-group li.selected {
border: 1px solid #6e6e6e; }
.backToProductDetailsBox {
text-align: right; }
.backToProductDetails {
display: inline-block;
border: 1px solid #808082;
padding: 5px 10px 5px 10px;
color: #FFF;
text-transform: uppercase;
cursor: pointer;
margin-top: 0; }
#balance-msg {
font-weight: 600; }
.ajax-error {
color: #A60000;
font-weight: 600; }
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
#ui-datepicker-div {
display: none; }
#ui-datepicker-div.purchase-date {
z-index: 5000; }
#issueYear {
font-style: italic; }
.issueNumber {
position: absolute; }
.issueContent {
position: absolute;
font-style: italic;
text-transform: uppercase; }
.subContent {
font-style: italic;
font-size: 13px; }
.utility-account .group {
margin-bottom: 7px; }
.personalshoppingcart {
padding-bottom: 12px; }
#MCMainSelections {
float: left;
padding-left: 20px; }
#product-form {
display: none; }
.address-blocks .ship-address-block {
border-bottom: 1px solid #ddd;
padding: 0 10px 10px;
margin: 0 -10px; }
#applyEmployeeDiscount {
margin: 15px 0; }
/* to fix text over the top of a slideshow */
.slideshow-overlay {
text-transform: uppercase;
color: black;
text-align: center;
position: absolute;
top: 31%;
left: 34%;
height: 224px;
width: 324px;
z-index: 101;
background-color: rgba(255, 255, 255, 0.5);
padding: 10px; }
.slideshow-overlay.image {
background-color: transparent;
padding: 0; }
.slideshow-overlay .inner-box {
width: 300px;
height: 200px;
border: 2px solid white;
padding: 10px; }
.slideshow-overlay .title {
margin-top: 20px; }
.slideshow-overlay a {
text-decoration: none;
font-size: 1em; }
.slideshow-overlay p {
margin: 0; }
.slideshow-overlay h1 {
font-size: 3.25em;
letter-spacing: 3px;
line-height: 29px;
margin: 0;
padding: 0; }
.slideshow-overlay h2 {
font-size: 2.9em;
letter-spacing: 2px;
margin: 0; }
.slideshow-overlay h3 {
font-size: 1.5em;
letter-spacing: 1.5px;
margin: 0; }
.slideshow-overlay .red {
color: #cc6666; }
.slideshow-overlay .message {
margin-bottom: 25px; }
.slideshow-overlay .upper-lower-lines {
border-top: 1px black solid;
border-bottom: 1px black solid;
padding: 5px;
width: 45%;
margin: 25px auto; }
.slideshow-overlay .promo-links {
line-height: 19px;
letter-spacing: 2px; }
.minion-pro {
font-family: "minion-pro", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1em; }
.sansserif-typeface {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1em; }
/*
Theme Styles for RH
*/
#container.popup, .popup#container--fullwidth {
width: auto; }
#container.popup #wrap, .popup#container--fullwidth #wrap {
width: auto; }
.boxtop #AlternateThumbs li {
float: left;
padding: 0;
margin: -1px 8px 8px -1px; }
.items-cart-table-width {
width: 100%; }
#PanelSection #MoreOptionsLinkIn a {
height: 219px;
width: 320px;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn-moreOptions-uph?wid=320&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right;
display: block; }
/* For Leather Furniture */
#PanelSection #MoreOptionsLinkIn .is-m31340001 {
background-image: url("//media.restorationhardware.com/is/image/rhis/btn-moreOptions-lthr?wid=320&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1");
height: 206px; }
#PanelSection #MoreOptionsLinkInMC a {
height: 27px;
width: 101px;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn-moreOptions-uph-multi?wid=101&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right;
display: block; }
#PanelSection #MoreOptionsLinkOut a {
height: 219px;
width: 320px;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn-moreOptions-od-fabric?wid=320&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right;
display: block; }
#PanelSection #MoreOptionsLinkOutMC a {
height: 27px;
width: 101px;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn-moreOptions-od-multi?wid=101&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right;
display: block; }
#PanelSection #MoreOptionsLinkNewOutMC a {
height: 138px;
width: 233px;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn_od_finishfabricoptions?wid=233&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right;
display: block; }
#PanelSection #MoreOptionsLink a.multicolor-indoor-swatch {
height: 219px;
width: 341px;
float: left;
background: url("/assets/images/global/moreOptionsBtnIndoor.png") no-repeat center right; }
.two img {
width: 100%; }
.boxtop .product-media {
padding: 0;
width: 330px; }
/* =========== */
/* = BORDERS = */
/* =========== */
#catalog-request li, #container-modal, #container-modal .modal-actions, #container-modal .upsells, #product-swatches .swatch-group li.selected, #contactUsForm .topic-info, .artisanBio.hub, .addressModule {
border-color: #666; }
.upsells .mod, .swatch-details .swatch-enlarged, #product-swatches .swatch-group li:hover, .swatch-details .swatch-enlarged, .swatch-details, .sitemap .category-header, .sitemap .menu h3, .sitemap #leftnav, .artisanCollectionShort, #navContainer, #wo-header {
border-color: #666; }
.mod, .mod-spacer, .ship-address-input, #monogramForm .product-actions, #line-items .line-item, .product #addToCartForm, #product-photo, #product-photo-thumbs a, .collectionProducts .collectionItem, .collectionItem .cDisplayName, input, textarea, select, #add-registry .registry-select-group, #checkout-address .errored input {
border-color: #999; }
.boxtop #line-items .line-item {
border-color: #DEDEDE; }
.mod.mod-browsenav {
border-color: #3C3B3D; }
#info-panel .mod h3 {
border-color: #999; }
select:disabled {
border-color: #999; }
.thumbnail img {
border: solid 1px #fff;
border-bottom: solid 1px #fff; }
#slide-navigation {
border: 0; }
#slide-navigation .thumbnail a {
width: 194px;
overflow: hidden; }
#slide-navigation .thumbnail a img {
border: none;
width: 195px;
height: 117px;
opacity: 0.78;
filter: alpha(opacity=78);
zoom: 1; }
#slide-navigation .thumbnail a.selected img {
opacity: 1;
filter: alpha(opacity=100);
zoom: 1; }
#slide-navigation .items .thumbnail {
width: auto;
padding: 6px; }
.scrollable-wrapper {
margin-bottom: 0px;
background: #F1F1F1; }
.boxtop #swatch-panel div.swatch-group li {
border-color: transparent; }
.boxtop #swatch-panel div.swatch-group li.selected {
border-color: #696869; }
.boxtop #swatch-panel div.swatch-group li .swatch-container img {
border: solid 1px #999; }
.panelWrapper {
border: solid 1px #c2c2c2; }
.boxtop #swatch-panel div.swatch-group li .swatch-container {
border: 1px solid transparent; }
.boxtop #swatch-panel div.swatch-group li .swatch-container:hover {
border: 1px solid #7D7C7C; }
#PanelSection #CloseSwatches a {
margin-top: 3px; }
#PanelSection #product-swatches .label {
font-size: 11px; }
.boxtop #product-swatches .swatch-group ul {
margin-bottom: 8px; }
#PanelSection, #PanelSection .panel {
background-color: transparent; }
#PanelSection .panel {
padding: 0; }
#PanelSection .panel-2 {
float: right; }
.product .title {
text-align: center;
margin: 20px 0; }
.product .title .container {
width: 400px;
display: block;
margin: 0 auto; }
.product .title .container h1 {
width: auto;
margin: 0 0 15px;
padding: 0;
font-family: 'minion-pro','Times New Roman',Times,serif;
font-size: 22px;
text-transform: uppercase; }
.line-items--noframe {
margin-top: 20px; }
/* =============== */
/* = BACKGROUNDS = */
/* =============== */
/* IF WE WANT TO ADD HEADER MASTHEAD COLOR */
/* body {
background: url('images/bg-headerbar.gif') repeat-x 0 0;
}
html.sec-checkout body {
background: url('images/bg-headerbar-checkout.gif') repeat-x 0 0;
}
html.sub-shopping-cart body {
background: url('images/bg-headerbar.gif') repeat-x 0 0;
}
html.sec-customer-service body, html.sec-company-info body, html.sec-trade-sales body, html.sec-contract-sales body, html.sec-gift-registry body,html.sec-sitemap body, html.sec-my-account body{
background: url('');
} */
.swatch-details {
background-color: #FFF; }
#sub-rhcard-payment-plans body.rh {
background-color: #FFF; }
.paymentMethod .formButtons input {
float: left; }
.payment-method-group {
padding-bottom: 0;
min-height: 415px; }
.order-estimate-group {
padding-bottom: 20px; }
.mod-two-row {
padding: 0;
margin: 0; }
#promoBannerEmail .signup-input {
background-color: #ddd; }
.mod h3 {
background-color: #DEDEDE; }
.tabs {
background-color: #ccc; }
#PanelSection #product-imagery {
float: left;
padding: 0;
margin: auto; }
#PanelSection #product-photo img {
float: none; }
.item-image #zoom-trigger {
bottom: 10px; }
#PanelSection .product-text {
float: right; }
.product .panelBreadcrumb {
background-color: transparent;
color: auto; }
.panelBreadcrumb a,
.panelBreadcrumb a:hover,
.panelBreadcrumb a:visited,
.panelBreadcrumb li,
.panelBreadcrumb li span {
background: transparent;
color: #000 !important; }
#PanelSection .brand,
#PanelSection .price,
#PanelSection .productInfoSection,
#PanelSection #swatch-panel .label,
#PanelSection #product-swatches p.label,
.cushionLabel,
#PanelSection #CloseSwatches,
.backToProductDetails {
color: #000; }
/*IE8 needs separate rule for this because it will screw up all other elements if used in combination*/
.inlineButton {
background-color: #eee; }
.inlineButton {
background-color: #eee; }
#info-panel, #info-panel .mod h3 {
background-color: #cc6666;
color: #ffffff !important; }
#product-photo-thumbs {
background-color: #EDE9E7; }
.boxtop #product-photo-thumbs, .boxtop #product-swatches {
background-color: transparent; }
#gallery-viewer .image-loading {
background: #fff url("/assets/images/rh/loading-circular-dark.gif") no-repeat center; }
#gallery-slides .prev, #gallery-slides .next {
margin-top: -50px; }
.prev a, .next a {
background-image: url("/assets/images/rh/promo-slide-show-arrows.png");
width: 28px;
height: 49px; }
* html .next a {
background-image: url("/assets/images/rh/promo-slide-show-arrows.gif"); }
* html .prev a {
background-image: url("/assets/images/rh/promo-slide-show-arrows.gif"); }
.slide-show .next a, .slide-show .next a:hover {
background-position: -28px -49px; }
.slide-show .prev a, .slide-show .prev a:hover {
background-position: 0 0; }
#slide-navigation .prev,
#slide-navigation .next {
margin-top: -10px; }
#slide-navigation .prev {
left: 40px; }
#slide-navigation .next {
right: 40px; }
.icon-modal {
background-image: url("/assets/images/rh/icon-modal.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px;
display: inline-block; }
/* ============== */
/* = TEXT STYLES = */
/* ============== */
#product-swatches .label, #product-swatches .swatch-details, #product-swatches .swatch-details a, #product-swatches .swatch-details h3 {
color: #000; }
.js label.inline {
color: #999;
text-transform: uppercase;
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
legend, .tooltip, h1 .h1-brand, #title, #breadcrumb ul li, #breadcrumb ul li a:hover, #container-modal #productgallery .product-title a, #promoBannerEmail .signup-input, #container-modal .tabs .current {
color: #404040; }
.boxtop #product-photo .alternate-photo {
width: 100%; }
#add-twt {
padding: 22px 7px 11px 0px; }
.label, #container-modal .ajax-confirmation td.label {
font-size: 11px;
text-transform: uppercase;
white-space: nowrap; }
.personalize-attributes,
.cart-availability-delivery-info {
max-width: 445px; }
.editPersonalization.link,
.addPersonalization.link,
.personalization-display .config {
margin-bottom: 15px; }
strong.label {
letter-spacing: .1em;
margin-right: .5em; }
.price-label {
font-size: 14px; }
.price-label--inline {
display: inline; }
.brand-uncased {
font: normal 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.boxtop ul.product-list .more-items strong, .boxtop ul.product-list .fewer-items strong {
font-weight: normal; }
.boxtop #PanelSection #product-swatches {
margin-top: 10px; }
.boxtop #product-imagery,
#PanelSection #product-imagery {
height: auto;
margin: 0;
position: relative; }
#product-imagery p {
text-align: left; }
.boxtop #product-details {
margin-top: 20px;
position: relative; }
.boxtop #product-imagery p {
width: 646px; }
.rugs-layout #PanelSection #product-imagery {
width: 718px;
height: 900px;
background: none;
border-width: 0;
padding: 0; }
.rugs-layout #product-photo .alternate-photo#alt-photo1 {
width: 472px; }
.rugs-layout #PanelSection .product-alt-images li {
border: 0; }
.rugs-layout #PanelSection .label {
font-size: 11px; }
.rugs-layout #PanelSection .panel-1 {
width: 280px;
min-height: 900px;
margin-top: 16px; }
.rugs-layout #PanelSection h1 {
margin-top: 10px; }
.rugs-layout #PanelSection .product-alt-images li.selected .label {
color: #000; }
.rugs-layout .group-b {
margin: 0; }
.boxtop .product-text, .boxtop #product-info-pane {
padding: 0 0 0; }
.boxtop .product-media {
padding: 0; }
.customJewelry .personalize-form {
clear: both;
float: left; }
.customJewelry .personalize-color {
display: none; }
.customJewelry .label.personalize, .customJewelry .checkbox.personalize {
display: none; }
.customJewelry #content #line-items .item-info {
width: 600px; }
.customJewelry #content #line-items .item-controls .item-price strong.sale {
padding-left: 0; }
.customJewelry .personalize-text .line {
float: left;
width: auto;
margin-right: 20px; }
.customJewelry .personalize-text .instructions {
display: block; }
.customJewelry .personalizeAll {
width: 100%; }
/* TO KEEP TOPNAV IN TIMES FOR NOW */
.brand-share-button {
font-size: 10px;
line-height: 12px;
padding: 2px;
overflow: visible; }
#zoom-trigger .submit {
opacity: 1;
width: 24px;
height: 24px;
background: url(/assets/images/rh/icon-zoom.png) no-repeat;
text-indent: -9999px;
padding: 0;
margin: 6px 10px; }
.viewerHolder {
position: absolute;
top: 0px;
left: 0px; }
.strict [style], .strict font, .strict big, .strict small {
font-family: 'Times New Roman', Times, serif !important; }
.error, .checkout #info-panel .mod, #line-items .item-price-range strong, .sale, #container-modal .quick-view .price strong, .product-title a .price strong, .product-name .price strong, #product-info-pane .price strong, .mod-order-items .order-item-info .sale, .line-item .item-detail .sale, .mod.mod-error-msg, .checkout #info-panel .mod {
color: #cc6666; }
.subtle, .subtle a, #line-items .item-sku {
color: #666; }
#breadcrumb {
font-size: 11px;
font-family: "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: normal; }
#ws-header .selected .top-level-category-text {
position: relative;
color: black;
font-weight: 600;
font-size: 12px;
top: 0px; }
#ws-header .top-level-category-text.top-level-category-text-active, #ws-header .top-level-category-text:hover {
position: relative;
color: black;
top: 0px; }
#ws-brand-link {
width: 100%;
height: 40px;
margin-top: 4px; }
.js #navContainer label.inline {
color: #3c3b3d; }
/* ============== */
/* = NAVIGATION = */
/* ============== */
.side-menu {
width: 13em; }
/* ============== */
/* = CONTENT = */
/* ============== */
/* Main-body */
/* Content text layout and headings */
.popup h1.title {
padding: 5px 5px 5px 10px; }
.giftcert-listitem {
margin-bottom: 20px; }
.giftcert-items {
width: 200px;
display: inline;
position: absolute;
left: auto; }
.column-padding {
padding: 0 10px 10px 20px; }
/*RH Gift Card Balance Inquiry*/
.GC-balance th {
font-family: 'minion-pro','Times New Roman',Times,serif;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
padding-bottom: 3px; }
.GC-balance-row {
padding: 3px 0 3px 0; }
.GC-print-link {
float: right;
padding: 8px 20px 0 0; }
/* ============== */
/* = FORMS = */
/* ============== */
.tooltip {
background: #fff url("/assets/images/rh/tip.gif") 0px center no-repeat;
padding-left: 25px;
font: 10px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
line-height: 18px;
border: 1px solid #ccc; }
.tipped {
background: url("/assets/images/rh/tip.gif") right no-repeat; }
#contactUsForm .topic-info {
padding: 0 0 2px 25px;
background: #fff url("/assets/images/rh/info.gif") left top no-repeat; }
.mod-order-items-table .order-item-origprice {
color: #444; }
/* Cart and Checkout */
select:disabled {
border-style: dotted; }
/*PRODUCT DISPLAY PAGE / PDP */
.product .pane h1 {
font: 18px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
margin: 0; }
.product .pane h2 {
font: 16px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.product .pane h3 {
font: 14px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.pane .price {
font: 14px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.line-item .merch-message {
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
line-height: 18px; }
.line-item .details {
clear: both;
width: 500px; }
.line-item .item-price-range {
display: inline;
letter-spacing: 0.15em;
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-align: left; }
.line-item__price:first-child {
margin-top: 5px; }
.line-item__item-sku:not(:first-child) {
padding-left: 10px; }
.line-item__info {
clear: both;
display: block;
width: 100%; }
.js .roller {
cursor: pointer;
font-weight: normal;
margin-bottom: 5px;
position: relative; }
.productInfoSection #product-dimensions-pane,
.product-list-header {
margin-top: 10px; }
.product-list-header {
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.08em; }
h3.faded {
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
line-height: 14px; }
/* custom rugs pdp*/
.customRug #PanelSection #product-swatches {
border-top: none; }
.customRug .panel-2 h3 {
display: inline;
width: auto; }
/* bc rugs pdp*/
.bcRugs #PanelSection #product-imagery {
background-size: 100% auto; }
/* bc custom rugs */
.customRug #line-items .item-selectors .multi {
margin-right: 10px;
width: auto; }
.customRug #line-items .item-selectors .multi select {
margin-right: 6px;
width: auto; }
/** BC social media icons **/
.social-media-icons {
display: inline-block;
float: right;
height: 32px;
position: relative;
right: -4px; }
.social-media-icons #add-pin {
float: left;
padding: 15px 4px 18px 0; }
.social-media-icons #add-pin .pinterest-icon-gray {
background: url("/assets/images/bc/social-media-icons-sprite.png") no-repeat scroll 0 0 transparent;
display: block;
height: 31px;
margin: -10px 0 0;
width: 31px; }
.social-media-icons #add-pin .pinterest-icon-gray .at_PinItButton {
background-image: url("//s7.addthis.com/static/t00/pinit00.png");
background-repeat: no-repeat;
display: block;
height: 20px;
margin: 0;
padding: 0;
width: 40px; }
.social-media-icons #add-pin .pinterest-icon-gray .addthis_button_pinterest_pinit, .social-media-icons #add-pin .pinterest-icon-gray .at_PinItButton, .social-media-icons #add-pin .pinterest-icon-gray a.at_PinItButton:hover {
height: 31px;
opacity: 0;
overflow: hidden;
width: 31px; }
.social-media-icons #add-twt {
float: left;
padding: 15px 2px 18px 0; }
.social-media-icons #add-twt .twitter-icon-gray {
background: url("/assets/images/bc/social-media-icons-sprite.png") no-repeat scroll -32px 0 transparent;
display: block;
height: 31px;
margin-top: -10px;
width: 31px; }
.social-media-icons #add-twt .twitter-icon-gray .addthis_button_twitter {
height: 31px;
opacity: 0;
overflow: hidden;
width: 31px; }
.social-media-icons #add-twt .twitter-icon-gray .addthis_button_twitter .at_a11y {
height: 1px !important;
overflow: hidden !important;
position: absolute !important;
top: auto !important;
width: 1px !important; }
.social-media-icons #add-fb {
float: left;
padding: 15px 0 18px; }
.social-media-icons #add-fb .facebook-icon-gray {
background: url("/assets/images/bc/social-media-icons-sprite.png") no-repeat scroll -62px 0 transparent;
display: block;
height: 31px;
margin-top: -10px;
width: 31px; }
.social-media-icons #add-fb .facebook-icon-gray .fb-share-button, .social-media-icons #add-fb .facebook-icon-gray .fb_iframe_widget iframe {
height: 31px;
opacity: 0;
overflow: hidden;
width: 31px; }
.social-media-icons #add-fb .facebook-icon-gray .fb-share-button .fb_iframe_widget span, .social-media-icons #add-fb .facebook-icon-gray .fb_iframe_widget iframe .fb_iframe_widget span {
display: inline-block;
position: relative;
text-align: justify; }
.at15t_twitter, at15t_twitter, .at16t_twitter, span.at16nc.at300bs.at15nc.at15t_twitter.at16t_twitter, a.at300b .at4-icon, a.at300m .at4-icon {
height: 31px;
opacity: 0;
overflow: hidden;
width: 31px; }
/* Personalization */
.swatch-image .ui-selectmenu-item-icon {
height: 50px;
width: 42px;
background-position: 0 5px; }
.ui-selectmenu-menu li.swatch-image a {
padding-left: 50px !important;
height: 56px;
line-height: 60px; }
.style-image .ui-selectmenu-item-icon {
height: 70px;
width: 70px; }
.ui-selectmenu-menu li.style-image a {
padding-left: 80px !important;
height: 70px;
line-height: 74px; }
/* ============= */
/* ! GALLERIES */
/* ============= */
.gallery h1.title {
padding: 10px 5px 5px 10px; }
.draperyCollection {
text-align: center;
height: 430px;
margin: 0;
position: relative;
width: 508px; }
.draperyCollection .saleFlag {
display: block;
width: 100%;
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.leftDrape {
width: 243px;
height: 430px; }
.leftDrape a {
color: #000; }
.rightDrape {
width: 265px; }
.rightDrape a img,
.drapeImage img {
width: 100%; }
.drapeImage {
width: 243px;
position: absolute;
bottom: 0;
left: 0; }
#collectiongallery li img, .collectionBanner .banner-image img {
float: right; }
/* Product Gallery */
.simpleCategoryBanner {
width: 799px;
box-shadow: none; }
.group-abc .simpleCategoryBanner {
width: 1000px;
margin-bottom: 10px; }
.group-abc .simpleCategoryBanner table {
margin: 0 auto;
width: 100%; }
.group-abc .simpleCategoryBanner .bannerHeadCell {
width: 294px; }
.group-abc .simpleCategoryBanner .banner h2 {
width: 696px; }
.layout-a {
position: relative;
margin-top: 2px;
z-index: 1; }
.ajax-confirmation #productgallery.six-across td {
padding-left: 14px; }
.ajax-confirmation #productgallery.six-across td.first {
padding-left: 0; }
/* SCREENING ROOM */
.header-screeningroom {
padding-top: 21px;
padding-bottom: 15px;
background-color: #f5f5f5; }
#sub-screening-room #footer-copyright {
margin: 0;
padding: 10px;
background-color: #302F31;
color: #bfb7b2; }
/*NEW NAV ASSOCIATED STYLES*/
#sub-screening-room #footer-copyright p {
margin: 0; }
.sec-company-info .twocolumn .group-a,
.sec-customer-service .twocolumn .group-a,
.sec-gift-registry .twocolumn .group-a {
width: 199px; }
.twocolumn .group-b .title.brand {
font-size: 18px; }
.sec-customer-service .twocolumn .group-b h3 {
font-family: 'minion-pro','Times New Roman',Times,serif; }
#catalog-request .catalog-request-title {
text-align: center;
background-color: #f5f5f5;
color: #ffffff;
padding: 5px 0;
width: 126px; }
.promo-small-text {
width: 380px; }
.optional-text {
color: #999; }
html.sec-checkout #footer-copyright, html.sub-product #footer-copyright {
color: #6f6d70;
margin-top: 5px; }
.text-block {
width: 795px;
float: right;
height: auto; }
/* MOCKUP STUFF */
#promo-ticker {
width: 100%;
text-align: center;
height: 20px;
background-color: #948E8A;
color: #302F31;
text-transform: uppercase;
font-family: "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px; }
/* email popup close */
#emailPopupContainer {
min-height: auto;
color: #2D2D2D;
text-align: center;
font-family: 'minion-pro','Times New Roman',Times,serif;
font-weight: lighter; }
#emailPopup {
color: #2D2D2D;
height: 320px;
width: 530px; }
.slider {
display: none; }
.collapseSlider {
display: none; }
.sliderExpanded .collapseSlider {
display: block; }
.sliderExpanded .expandSlider {
display: none; }
.slideContent {
margin-top: 87px;
display: block;
border-top: 1px #2D2D2D solid;
padding: 20px 0;
font-size: 14px;
background-color: #fff;
width: 530px; }
#emailPopupBG .brand {
color: #ffffff; }
#emailPopupClose {
background-image: url("/assets/images/rh/button-modal-close.gif");
background-repeat: no-repeat;
background-origin: 0 0;
width: 20px;
height: 20px;
top: 0px; }
table.account-search-results {
width: 100%;
margin: 0 0 18px 0;
border-collapse: separate; }
table.account-search-results th {
text-align: left;
vertical-align: bottom;
padding: .5em;
border-top: solid 2px #666;
border-bottom: solid 2px #666;
text-transform: uppercase; }
table.account-search-results td {
text-align: left;
vertical-align: top;
padding: .5em;
border-bottom: solid 1px #6D665F; }
/*CUSTOM SHADES*/
.cs-mount-type {
margin-bottom: 25px; }
.cs-mount-type-copy-area {
float: left;
width: 500px; }
.cs-mount-type-image-area {
float: left;
margin-left: 30px;
width: 150px;
text-align: center; }
.cs-mount-type-image-text {
padding-top: 10px; }
.cs-measure {
margin-bottom: 25px; }
.cs-measure-copy-area {
float: left;
width: 500px; }
.cs-measure-image-area {
float: left;
margin-left: 30px;
width: 150px;
text-align: center; }
.cs-measure-image-text {
padding-top: 10px; }
.cs-faq-modal-bold {
font-weight: bold; }
ul.cs-faq-modal {
font-weight: bold;
list-style: disc outside none;
margin-left: 15px; }
li.cs-faq-modal {
font-weight: bold;
list-style: disc outside none; }
#line-items.custom-shades {
float: left;
clear: both;
display: block;
margin-left: 10px; }
#line-items.custom-shades .line-item {
display: none; }
#line-items.custom-shades #product-controls {
border: 0; }
#line-items.custom-shades #product-controls .primary-actions {
width: auto;
float: left; }
#line-items.custom-shades #add-cart {
display: none;
float: left;
padding-top: 0; }
#line-items.custom-shades #product-controls .secondary-actions,
#line-items.custom-shades #product-controls #add-registry {
display: none; }
/* MEASURE-INSTALL Styles */
#getZip #zip {
margin-bottom: 10px; }
#getZip h3 {
margin: 15px 0 10px 0;
text-transform: uppercase;
letter-spacing: 0.08em; }
#scheduleAppt label, #scheduleAppt #msg2, #scheduleAppt .bold {
font-weight: 800; }
#scheduleAppt .errored label {
color: #cc6666;
font-weight: 900; }
#scheduleAppt h3 {
margin: 15px 0 10px 0;
text-transform: uppercase;
letter-spacing: 0.08em; }
#scheduleAppt #top {
margin-bottom: 20px; }
#scheduleAppt #mid {
margin: 5px 0 20px 0; }
#scheduleAppt .lowerLabel {
margin-top: 20px; }
#scheduleAppt #lower {
margin-top: 20px; }
#scheduleAppt #lower ul {
float: left; }
#scheduleAppt #lower ul#secondCol {
margin-left: 40px; }
#scheduleAppt #lower select {
margin-top: 2px;
height: 25px; }
#scheduleAppt .secondLine {
margin-top: 10px; }
#scheduleAppt #custZipCode {
float: left; }
#scheduleAppt #custState {
width: 125px;
float: left;
overflow: auto; }
#scheduleAppt #custState select {
max-width: 90%;
margin-top: 2px;
height: 25px; }
#scheduleAppt .subText {
font-size: 75%;
font-weight: 800;
line-height: 150%;
margin-top: 5px; }
#scheduleAppt .cancel {
padding: 0;
background-color: #FFF;
border: 0;
position: relative;
top: 5px;
left: 10px; }
/*WO STYLES*/
#content.login h1 {
color: #2a2a2a; }
.group-ab, .checkout .group-ab {
width: 1000px;
margin-left: 0; }
.checkout .group-a, .checkout .group-b {
width: 495px; }
#sub-homepage, #sub-home, #sub-search, #sub-associate-account {
background-color: #fff; }
#sub-homepage body, #sub-home body, #sub-search body, #sub-associate-account body,
#sub-homepage #wrap, #sub-home #wrap, #sub-search #wrap, #sub-associate-account #wrap {
background-color: transparent; }
/*STRETCHY HOMEPAGE IMAGE KEEP SMALL*/
#stretchy img {
width: 100%; }
#sub-associate-account #content,
#sub-search .wo-page #content,
#sub-quote-listing #content {
min-height: 460px;
padding: 10px; }
.associate-management .group-ab .group-b {
border-left: solid 1px #6D665F; }
#checkout-price-override:before {
border-bottom: 10px solid #97938a; }
table.portal-search-details th {
border-bottom: solid 1px #6D665F; }
table.portal-search-details td {
border-bottom: solid 1px #6D665F; }
/* S7 zoom viewer */
.s7fullscreenDesktop, .s7fullscreenMobile {
position: absolute;
top: 0;
right: 0;
width: auto;
height: auto; }
.wf-loading * {
color: transparent !important; }
.home-page body {
margin: 0px !important; }
.quote-promo-p {
padding: 5px 0 15px 10px; }
.dimension-list h3.brand {
font: 12px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase; }
.my-account .four-fifths h1, .my-account .eight-tenths h1,
.gift-registry .four-fifths h1,
.gift-registry .eight-tenths h1,
.customer-service .four-fifths h1,
.customer-service .eight-tenths h1,
.company-info .four-fifths h1,
.company-info .eight-tenths h1,
.contract-sales .four-fifths h1,
.contract-sales .eight-tenths h1,
.trade-sales .four-fifths h1,
.trade-sales .eight-tenths h1,
.content-page-header {
padding-top: 10px;
margin-bottom: 18px;
margin-top: 55px;
font: 13px "minion-pro", Times, "Times New Roman";
letter-spacing: 0;
text-transform: uppercase; }
.company-info .four-fifths h1, .company-info .eight-tenths h1 {
margin-top: 72px; }
.my-account .four-fifths p, .my-account .eight-tenths p, .my-account .four-fifths a, .my-account .eight-tenths a,
.gift-registry .four-fifths p,
.gift-registry .eight-tenths p,
.gift-registry .four-fifths a,
.gift-registry .eight-tenths a,
.customer-service .four-fifths p,
.customer-service .eight-tenths p,
.customer-service .four-fifths a,
.customer-service .eight-tenths a,
.company-info .four-fifths p,
.company-info .eight-tenths p,
.company-info .four-fifths a,
.company-info .eight-tenths a,
.contract-sales .four-fifths p,
.contract-sales .eight-tenths p,
.contract-sales .four-fifths a,
.contract-sales .eight-tenths a,
.trade-sales .four-fifths p,
.trade-sales .eight-tenths p,
.trade-sales .four-fifths a,
.trade-sales .eight-tenths a {
font-size: inherit; }
.my-account .four-fifths > h3, .my-account .eight-tenths > h3, .my-account .four-fifths .second-heading, .my-account .eight-tenths .second-heading,
.gift-registry .four-fifths > h3,
.gift-registry .eight-tenths > h3,
.gift-registry .four-fifths .second-heading,
.gift-registry .eight-tenths .second-heading,
.customer-service .four-fifths > h3,
.customer-service .eight-tenths > h3,
.customer-service .four-fifths .second-heading,
.customer-service .eight-tenths .second-heading,
.company-info .four-fifths > h3,
.company-info .eight-tenths > h3,
.company-info .four-fifths .second-heading,
.company-info .eight-tenths .second-heading,
.contract-sales .four-fifths > h3,
.contract-sales .eight-tenths > h3,
.contract-sales .four-fifths .second-heading,
.contract-sales .eight-tenths .second-heading,
.trade-sales .four-fifths > h3,
.trade-sales .eight-tenths > h3,
.trade-sales .four-fifths .second-heading,
.trade-sales .eight-tenths .second-heading {
margin: 30px 0 13px 0;
text-transform: uppercase;
font: 12px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
a#addtlProductInfoPDFLink:after,
a#moreProductInfoPDFLink:after,
a#moreProductInfo2PDFLink:after,
a#measuringDraperyPDFLink:after,
#finishSwatchDisplay .colorizationBadgeText:after,
#colorizationBadgeText:after,
.customizeButton:after {
content: " ▸"; }
#finishSwatchDisplay .colorizationBadgeText:after,
#colorizationBadgeText:after,
.customizeButton:after {
font-size: 14px; }
.buildInstructions {
background-color: #F4F2F0;
padding: 10px;
text-align: center;
margin-top: -20px; }
.cancel-membership {
list-style: disc inside none;
margin: 25px 0; }
.cancel-membership li {
margin: 10px 0 10px 20px; }
.content-finance-info {
margin-top: 25px; }
.profile-card {
width: 450px;
background-color: #E8E8E8;
padding: 2px 6px 6px 12px; }
.profile-card.new-card {
padding: 9px 5px 9px 14px;
margin-top: 6px; }
.profile-card.profile {
margin-bottom: 10px;
padding: 9px 5px 9px 14px; }
.profile-card.profile label {
width: 435px; }
.profile-card label {
width: 405px; }
.profile-card .changeFields {
float: right;
cursor: pointer; }
.profile-card__edit fieldset, .profile .profile-card__edit fieldset,
.new-card-fields fieldset {
background-color: transparent;
width: auto;
padding: 0; }
.profile-card__edit fieldset.editCardSubmit, .profile-card__edit fieldset.addCardSubmit, .profile .profile-card__edit fieldset.editCardSubmit, .profile .profile-card__edit fieldset.addCardSubmit,
.new-card-fields fieldset.editCardSubmit,
.new-card-fields fieldset.addCardSubmit {
margin-top: 20px; }
.profile-card__edit fieldset.editCardSubmit input, .profile-card__edit fieldset.addCardSubmit input, .profile .profile-card__edit fieldset.editCardSubmit input, .profile .profile-card__edit fieldset.addCardSubmit input,
.new-card-fields fieldset.editCardSubmit input,
.new-card-fields fieldset.addCardSubmit input {
width: 128px; }
.profile-card__edit input, .profile .profile-card__edit input,
.new-card-fields input {
width: 170px; }
.profile-card__edit select, .profile .profile-card__edit select,
.new-card-fields select {
width: 178px; }
.jsTrigger-newCard, .shrinkFields {
cursor: pointer; }
.membershipFooter {
margin: 100px 0 100px 360px;
color: #999; }
.myaccount__loginMembershipCardOptIn {
margin: 20px 0 0 0; }
.myaccount__loginMembershipCardOptIn p {
margin: -25px 0px 0px 30px;
width: 340px;
color: black;
line-height: 18px; }
.pagination {
margin: 0;
padding: 0; }
.pagination__item {
display: inline;
padding: 2px;
text-decoration: underline;
cursor: pointer; }
.pagination__item.current {
text-decoration: none;
cursor: default; }
.leader-override-creds label {
display: inline-block; }
.leader-override-creds--id {
width: 50%;
float: left; }
.leader-override-creds--pw {
width: 50%;
float: right; }
.leader-override-creds--pw label {
padding-left: 15px; }
.leader-override-creds--button {
margin: 15px 0 30px 0; }
.leader-override-creds--mess {
color: #cc6666; }
.forgot__link {
text-decoration: none;
font-family: 'proxima-nova', "open-sans", Arial, Helvetica,sans-serif;
font-size: 13px !important;
margin: 4px; }
.membership-payment-subheader {
margin: 18px 0px; }
.giftlist_header {
padding-bottom: 20px; }
.navigation--back {
font: 11px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
margin: 0 0 20px 0px;
text-transform: uppercase;
font-weight: 500;
color: #666;
text-decoration: none; }
.quotes-header {
color: #999;
text-transform: capitalize;
font-weight: normal; }
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row {
margin: 0 0 18px -20px; }
.column, .columns {
float: left;
display: inline;
margin: 0 0 0 20px; }
.one {
width: 65px; }
.two {
width: 150px; }
.three {
width: 235px; }
.four {
width: 320px; }
.five {
width: 405px; }
.six {
width: 490px; }
.seven {
width: 575px; }
.eight {
width: 660px; }
.nine {
width: 745px; }
.ten {
width: 830px; }
.eleven {
width: 915px; }
.twelve {
width: 1000px; }
.offset-by-one-half {
margin-left: 42.5px; }
.offset-by-one {
margin-left: 85px; }
.offset-by-two {
margin-left: 170px; }
.offset-by-three {
margin-left: 255px; }
.offset-by-four {
margin-left: 340px; }
.offset-by-five {
margin-left: 425px; }
.offset-by-six {
margin-left: 510px; }
.offset-by-seven {
margin-left: 595px; }
.offset-by-eight {
margin-left: 680px; }
.offset-by-nine {
margin-left: 765px; }
.offset-by-ten {
margin-left: 850px; }
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html .column-row, * html .row, * html .clearfix {
height: 1%; }
.column-row, .row, .clearfix {
display: inline-block; }
.column-row, .row, .clearfix {
display: block; }
/* IE6 Problems ---------- */
body.ie .column-row {
width: 1020px; }
body.ie .eight .column-row {
width: 680px; }
body.ie .nine .column-row {
width: 765px; }
body.ie .ten .column-row {
width: 850px; }
body.ie .eleven .column-row {
width: 935px; }
body.ie .two-thirds .column-row, body.ie .four-sixths .column-row, body.ie .six-ninths .column-row, body.ie .eight-twelfths .column-row {
width: 700px; }
/* ========= NEW MULTISITE GRID SYSTEM ========= */
/*------------------------------------* $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
* CONTENTS
* INTRODUCTION.........How the grid system works.
* VARIABLES............Your settings.
* MIXINS...............Library mixins.
* GRID SETUP...........Build the grid structure.
* WIDTHS...............Build our responsive widths around our breakpoints.
* PUSH.................Push classes.
* PULL.................Pull classes.
*/
/*------------------------------------* $INTRODUCTION
\*------------------------------------*/
/**
* csswizardry grids provides you with widths to suit a number of breakpoints
* designed around devices of a size you specify. Out of the box, csswizardry
* grids caters to the following types of device:
*
* palm -- palm-based devices, like phones and small tablets
* lap -- lap-based devices, like iPads or laptops
* portable -- all of the above
* desk -- stationary devices, like desktop computers
* regular -- any/all types of device
*
* These namespaces are then used in the library to give you the ability to
* manipulate your layouts based around them, for example:
*
*
* This would give you a grid item which is 100% width unless it is on a lap
* device, at which point it become 50% wide, or it is on a desktop device, at
* which point it becomes 33.333% width.
*
* csswizardry grids also has push and pull classes which allow you to nudge
* grid items left and right by a defined amount. These follow the same naming
* convention as above, but are prepended by either `push--` or `pull--`, for
* example:
*
`class="grid__item one-half push--one-half"`
*
* This would give you a grid item which is 50% width and pushed over to the
* right by 50%.
*
* All classes in csswizardry grids follow this patten, so you should fairly
* quickly be able to piece together any combinations you can imagine, for
* example:
*
`class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
*
`class="grid__item one-quarter palm--one-half push--palm--one-half"`
*
`class="grid__item palm--one-third desk--five-twelfths"`
*/
/*------------------------------------* $VARIABLES
\*------------------------------------*/
/**
* If you are building a non-responsive site but would still like to use
* csswizardry-grids, set this to ‘false’:
*/
/**
* Is this build mobile first? Setting to ‘true’ means that all grids will be
* 100% width if you do not apply a more specific class to them.
*/
/**
* Set the spacing between your grid items.
*/
/**
* Would you like Sass’ silent classes, or regular CSS classes?
*/
/**
* Would you like push and pull classes enabled?
*/
/**
* Using `inline-block` means that the grid items need their whitespace removing
* in order for them to work correctly. Set the following to true if you are
* going to achieve this by manually removing/commenting out any whitespace in
* your HTML yourself.
*
* Setting this to false invokes a hack which cannot always be guaranteed,
* please see the following for more detail:
*
* github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
* github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
*/
/**
* Define your breakpoints. The first value is the prefix that shall be used for
* your classes (e.g. `.palm--one-half`), the second value is the media query
* that the breakpoint fires at.
*/
/**
* Define which namespaced breakpoints you would like to generate for each of
* widths, push and pull. This is handy if you only need pull on, say, desk, or
* you only need a new width breakpoint at mobile sizes. It allows you to only
* compile as much CSS as you need. All are turned on by default, but you can
* add and remove breakpoints at will.
*
* Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
* have been set to ‘true’.
*/
/**
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
*/
/*------------------------------------* $MIXINS
\*------------------------------------*/
/**
* These mixins are for the library to use only, you should not need to modify
* them at all.
*
* Enclose a block of code with a media query as named in `$breakpoints`.
*/
/**
* Drop relative positioning into silent classes which can’t take advantage of
* the `[class*="push--"]` and `[class*="pull--"]` selectors.
*/
/*------------------------------------* $GRID SETUP
\*------------------------------------*/
/**
* 1. Allow the grid system to be used on lists.
* 2. Remove any margins and paddings that might affect the grid system.
* 3. Apply a negative `margin-left` to negate the columns’ gutters.
*/
.grid {
list-style: none;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
margin-left: -20px;
/* [3] */
letter-spacing: -0.31em; }
.flexbox .grid {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: box;
display: flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
/* Opera hack */
.opera:-o-prefocus,
.grid {
word-spacing: -0.43em; }
/**
* 1. Cause columns to stack side-by-side.
* 2. Space columns apart.
* 3. Align columns to the tops of each other.
* 4. Full-width unless told to behave otherwise.
* 5. Required to combine fluid widths and fixed gutters.
*/
.grid__item {
display: inline-block;
/* [1] */
padding-left: 20px;
/* [2] */
vertical-align: top;
/* [3] */
-webkit-box-sizing: border-box;
/* [5] */
-moz-box-sizing: border-box;
/* [5] */
box-sizing: border-box;
/* [5] */
letter-spacing: normal;
word-spacing: normal; }
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item {
direction: ltr;
text-align: left; }
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
.grid--full {
margin-left: 0; }
.grid--full > .grid__item {
padding-left: 0; }
/**
* Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
text-align: right;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.grid--right > .grid__item {
text-align: left; }
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
.grid--center {
text-align: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.grid--center > .grid__item {
text-align: left; }
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
.justify--between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.grid--middle > .grid__item {
vertical-align: middle; }
.grid--bottom {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.grid--bottom > .grid__item {
vertical-align: bottom; }
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
margin-left: -10px; }
.grid--narrow > .grid__item {
padding-left: 10px; }
/**
* Create grids with MUCH narrower gutters. Extends `.grid`.
*/
.grid--x-narrow {
margin-left: -3.33333px; }
.grid--x-narrow > .grid__item {
padding-left: 3.33333px; }
/**
* Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
margin-left: -40px; }
.grid--wide > .grid__item {
padding-left: 40px; }
/*------------------------------------* $WIDTHS
\*------------------------------------*/
/**
* Create our width classes, prefixed by the specified namespace.
*/
/**
* Our regular, non-responsive width classes.
*/
/**
* Whole
*/
.one-whole {
width: 100%; }
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%; }
/**
* Thirds
*/
.one-third, .two-sixths, .three-ninths, .four-twelfths {
width: 33.333%; }
.two-thirds, .four-sixths, .six-ninths, .eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
width: 25%; }
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%; }
.two-fifths, .four-tenths {
width: 40%; }
.three-fifths, .six-tenths {
width: 60%; }
.four-fifths, .eight-tenths {
width: 80%; }
/**
* Sixths
*/
.one-sixth, .two-twelfths {
width: 16.666%; }
.five-sixths, .ten-twelfths {
width: 83.333%; }
/**
* Sevenths
*/
.one-seventh {
width: 14.285%; }
.two-sevenths {
width: 28.57%; }
.three-sevenths {
width: 42.855%; }
.four-sevenths {
width: 57.14%; }
.five-sevenths {
width: 71.425%; }
.six-sevenths {
width: 85.71%; }
/**
* Eighths
*/
.one-eighth {
width: 12.5%; }
.three-eighths {
width: 37.5%; }
.five-eighths {
width: 62.5%; }
.seven-eighths {
width: 87.5%; }
/**
* Ninths
*/
.one-ninth {
width: 11.111%; }
.two-ninths {
width: 22.222%; }
.four-ninths {
width: 44.444%; }
.five-ninths {
width: 55.555%; }
.seven-ninths {
width: 77.777%; }
.eight-ninths {
width: 88.888%; }
/**
* Tenths
*/
.one-tenth {
width: 10%; }
.three-tenths {
width: 30%; }
.seven-tenths {
width: 70%; }
.nine-tenths {
width: 90%; }
/**
* Elevenths
*/
.one-eleventh {
width: 9.090%; }
.two-elevenths {
width: 18.181%; }
.three-elevenths {
width: 27.272%; }
.four-elevenths {
width: 36.363%; }
.five-elevenths {
width: 45.454%; }
.six-elevenths {
width: 54.545%; }
.seven-elevenths {
width: 63.636%; }
.eight-elevenths {
width: 72.727%; }
.nine-elevenths {
width: 81.818%; }
.ten-elevenths {
width: 90.909%; }
/**
* Twelfths
*/
.one-twelfth {
width: 8.333%; }
.five-twelfths {
width: 41.666%; }
.seven-twelfths {
width: 58.333%; }
.eleven-twelfths {
width: 91.666%; }
/**
* Align inline content of grid-item
*/
.align-r {
text-align: right; }
.align-l {
text-align: left; }
/**
* Our responsive classes, if we have enabled them.
*/
@media only screen and (max-width: 480px) {
/**
* Whole
*/
.palm--one-whole {
width: 100%; }
/**
* Halves
*/
.palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm--one-third, .palm--two-sixths, .palm--three-ninths, .palm--four-twelfths {
width: 33.333%; }
.palm--two-thirds, .palm--four-sixths, .palm--six-ninths, .palm--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
width: 25%; }
.palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.palm--one-fifth, .palm--two-tenths {
width: 20%; }
.palm--two-fifths, .palm--four-tenths {
width: 40%; }
.palm--three-fifths, .palm--six-tenths {
width: 60%; }
.palm--four-fifths, .palm--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm--one-sixth, .palm--two-twelfths {
width: 16.666%; }
.palm--five-sixths, .palm--ten-twelfths {
width: 83.333%; }
/**
* Sevenths
*/
.palm--one-seventh {
width: 14.285%; }
.palm--two-sevenths {
width: 28.57%; }
.palm--three-sevenths {
width: 42.855%; }
.palm--four-sevenths {
width: 57.14%; }
.palm--five-sevenths {
width: 71.425%; }
.palm--six-sevenths {
width: 85.71%; }
/**
* Eighths
*/
.palm--one-eighth {
width: 12.5%; }
.palm--three-eighths {
width: 37.5%; }
.palm--five-eighths {
width: 62.5%; }
.palm--seven-eighths {
width: 87.5%; }
/**
* Ninths
*/
.palm--one-ninth {
width: 11.111%; }
.palm--two-ninths {
width: 22.222%; }
.palm--four-ninths {
width: 44.444%; }
.palm--five-ninths {
width: 55.555%; }
.palm--seven-ninths {
width: 77.777%; }
.palm--eight-ninths {
width: 88.888%; }
/**
* Tenths
*/
.palm--one-tenth {
width: 10%; }
.palm--three-tenths {
width: 30%; }
.palm--seven-tenths {
width: 70%; }
.palm--nine-tenths {
width: 90%; }
/**
* Elevenths
*/
.palm--one-eleventh {
width: 9.090%; }
.palm--two-elevenths {
width: 18.181%; }
.palm--three-elevenths {
width: 27.272%; }
.palm--four-elevenths {
width: 36.363%; }
.palm--five-elevenths {
width: 45.454%; }
.palm--six-elevenths {
width: 54.545%; }
.palm--seven-elevenths {
width: 63.636%; }
.palm--eight-elevenths {
width: 72.727%; }
.palm--nine-elevenths {
width: 81.818%; }
.palm--ten-elevenths {
width: 90.909%; }
/**
* Twelfths
*/
.palm--one-twelfth {
width: 8.333%; }
.palm--five-twelfths {
width: 41.666%; }
.palm--seven-twelfths {
width: 58.333%; }
.palm--eleven-twelfths {
width: 91.666%; }
/**
* Align inline content of grid-item
*/
.palm--align-r {
text-align: right; }
.palm--align-l {
text-align: left; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
/**
* Whole
*/
.lap--one-whole {
width: 100%; }
/**
* Halves
*/
.lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap--one-third, .lap--two-sixths, .lap--three-ninths, .lap--four-twelfths {
width: 33.333%; }
.lap--two-thirds, .lap--four-sixths, .lap--six-ninths, .lap--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
width: 25%; }
.lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap--one-fifth, .lap--two-tenths {
width: 20%; }
.lap--two-fifths, .lap--four-tenths {
width: 40%; }
.lap--three-fifths, .lap--six-tenths {
width: 60%; }
.lap--four-fifths, .lap--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap--one-sixth, .lap--two-twelfths {
width: 16.666%; }
.lap--five-sixths, .lap--ten-twelfths {
width: 83.333%; }
/**
* Sevenths
*/
.lap--one-seventh {
width: 14.285%; }
.lap--two-sevenths {
width: 28.57%; }
.lap--three-sevenths {
width: 42.855%; }
.lap--four-sevenths {
width: 57.14%; }
.lap--five-sevenths {
width: 71.425%; }
.lap--six-sevenths {
width: 85.71%; }
/**
* Eighths
*/
.lap--one-eighth {
width: 12.5%; }
.lap--three-eighths {
width: 37.5%; }
.lap--five-eighths {
width: 62.5%; }
.lap--seven-eighths {
width: 87.5%; }
/**
* Ninths
*/
.lap--one-ninth {
width: 11.111%; }
.lap--two-ninths {
width: 22.222%; }
.lap--four-ninths {
width: 44.444%; }
.lap--five-ninths {
width: 55.555%; }
.lap--seven-ninths {
width: 77.777%; }
.lap--eight-ninths {
width: 88.888%; }
/**
* Tenths
*/
.lap--one-tenth {
width: 10%; }
.lap--three-tenths {
width: 30%; }
.lap--seven-tenths {
width: 70%; }
.lap--nine-tenths {
width: 90%; }
/**
* Elevenths
*/
.lap--one-eleventh {
width: 9.090%; }
.lap--two-elevenths {
width: 18.181%; }
.lap--three-elevenths {
width: 27.272%; }
.lap--four-elevenths {
width: 36.363%; }
.lap--five-elevenths {
width: 45.454%; }
.lap--six-elevenths {
width: 54.545%; }
.lap--seven-elevenths {
width: 63.636%; }
.lap--eight-elevenths {
width: 72.727%; }
.lap--nine-elevenths {
width: 81.818%; }
.lap--ten-elevenths {
width: 90.909%; }
/**
* Twelfths
*/
.lap--one-twelfth {
width: 8.333%; }
.lap--five-twelfths {
width: 41.666%; }
.lap--seven-twelfths {
width: 58.333%; }
.lap--eleven-twelfths {
width: 91.666%; }
/**
* Align inline content of grid-item
*/
.lap--align-r {
text-align: right; }
.lap--align-l {
text-align: left; } }
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.portable--one-whole {
width: 100%; }
/**
* Halves
*/
.portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.portable--one-third, .portable--two-sixths, .portable--three-ninths, .portable--four-twelfths {
width: 33.333%; }
.portable--two-thirds, .portable--four-sixths, .portable--six-ninths, .portable--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
width: 25%; }
.portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.portable--one-fifth, .portable--two-tenths {
width: 20%; }
.portable--two-fifths, .portable--four-tenths {
width: 40%; }
.portable--three-fifths, .portable--six-tenths {
width: 60%; }
.portable--four-fifths, .portable--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.portable--one-sixth, .portable--two-twelfths {
width: 16.666%; }
.portable--five-sixths, .portable--ten-twelfths {
width: 83.333%; }
/**
* Sevenths
*/
.portable--one-seventh {
width: 14.285%; }
.portable--two-sevenths {
width: 28.57%; }
.portable--three-sevenths {
width: 42.855%; }
.portable--four-sevenths {
width: 57.14%; }
.portable--five-sevenths {
width: 71.425%; }
.portable--six-sevenths {
width: 85.71%; }
/**
* Eighths
*/
.portable--one-eighth {
width: 12.5%; }
.portable--three-eighths {
width: 37.5%; }
.portable--five-eighths {
width: 62.5%; }
.portable--seven-eighths {
width: 87.5%; }
/**
* Ninths
*/
.portable--one-ninth {
width: 11.111%; }
.portable--two-ninths {
width: 22.222%; }
.portable--four-ninths {
width: 44.444%; }
.portable--five-ninths {
width: 55.555%; }
.portable--seven-ninths {
width: 77.777%; }
.portable--eight-ninths {
width: 88.888%; }
/**
* Tenths
*/
.portable--one-tenth {
width: 10%; }
.portable--three-tenths {
width: 30%; }
.portable--seven-tenths {
width: 70%; }
.portable--nine-tenths {
width: 90%; }
/**
* Elevenths
*/
.portable--one-eleventh {
width: 9.090%; }
.portable--two-elevenths {
width: 18.181%; }
.portable--three-elevenths {
width: 27.272%; }
.portable--four-elevenths {
width: 36.363%; }
.portable--five-elevenths {
width: 45.454%; }
.portable--six-elevenths {
width: 54.545%; }
.portable--seven-elevenths {
width: 63.636%; }
.portable--eight-elevenths {
width: 72.727%; }
.portable--nine-elevenths {
width: 81.818%; }
.portable--ten-elevenths {
width: 90.909%; }
/**
* Twelfths
*/
.portable--one-twelfth {
width: 8.333%; }
.portable--five-twelfths {
width: 41.666%; }
.portable--seven-twelfths {
width: 58.333%; }
.portable--eleven-twelfths {
width: 91.666%; }
/**
* Align inline content of grid-item
*/
.portable--align-r {
text-align: right; }
.portable--align-l {
text-align: left; } }
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.desk--one-whole {
width: 100%; }
/**
* Halves
*/
.desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk--one-third, .desk--two-sixths, .desk--three-ninths, .desk--four-twelfths {
width: 33.333%; }
.desk--two-thirds, .desk--four-sixths, .desk--six-ninths, .desk--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
width: 25%; }
.desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk--one-fifth, .desk--two-tenths {
width: 20%; }
.desk--two-fifths, .desk--four-tenths {
width: 40%; }
.desk--three-fifths, .desk--six-tenths {
width: 60%; }
.desk--four-fifths, .desk--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk--one-sixth, .desk--two-twelfths {
width: 16.666%; }
.desk--five-sixths, .desk--ten-twelfths {
width: 83.333%; }
/**
* Sevenths
*/
.desk--one-seventh {
width: 14.285%; }
.desk--two-sevenths {
width: 28.57%; }
.desk--three-sevenths {
width: 42.855%; }
.desk--four-sevenths {
width: 57.14%; }
.desk--five-sevenths {
width: 71.425%; }
.desk--six-sevenths {
width: 85.71%; }
/**
* Eighths
*/
.desk--one-eighth {
width: 12.5%; }
.desk--three-eighths {
width: 37.5%; }
.desk--five-eighths {
width: 62.5%; }
.desk--seven-eighths {
width: 87.5%; }
/**
* Ninths
*/
.desk--one-ninth {
width: 11.111%; }
.desk--two-ninths {
width: 22.222%; }
.desk--four-ninths {
width: 44.444%; }
.desk--five-ninths {
width: 55.555%; }
.desk--seven-ninths {
width: 77.777%; }
.desk--eight-ninths {
width: 88.888%; }
/**
* Tenths
*/
.desk--one-tenth {
width: 10%; }
.desk--three-tenths {
width: 30%; }
.desk--seven-tenths {
width: 70%; }
.desk--nine-tenths {
width: 90%; }
/**
* Elevenths
*/
.desk--one-eleventh {
width: 9.090%; }
.desk--two-elevenths {
width: 18.181%; }
.desk--three-elevenths {
width: 27.272%; }
.desk--four-elevenths {
width: 36.363%; }
.desk--five-elevenths {
width: 45.454%; }
.desk--six-elevenths {
width: 54.545%; }
.desk--seven-elevenths {
width: 63.636%; }
.desk--eight-elevenths {
width: 72.727%; }
.desk--nine-elevenths {
width: 81.818%; }
.desk--ten-elevenths {
width: 90.909%; }
/**
* Twelfths
*/
.desk--one-twelfth {
width: 8.333%; }
.desk--five-twelfths {
width: 41.666%; }
.desk--seven-twelfths {
width: 58.333%; }
.desk--eleven-twelfths {
width: 91.666%; }
/**
* Align inline content of grid-item
*/
.desk--align-r {
text-align: right; }
.desk--align-l {
text-align: left; } }
/*------------------------------------* $PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/**
* Not a particularly great selector, but the DRYest way to do things.
*/
[class*="push--"] {
position: relative; }
/**
* Whole
*/
.push--one-whole {
left: 100%; }
/**
* Halves
*/
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
left: 50%; }
/**
* Thirds
*/
.push--one-third, .push--two-sixths, .push--three-ninths, .push--four-twelfths {
left: 33.333%; }
.push--two-thirds, .push--four-sixths, .push--six-ninths, .push--eight-twelfths {
left: 66.666%; }
/**
* Quarters
*/
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
left: 25%; }
.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
left: 75%; }
/**
* Fifths
*/
.push--one-fifth, .push--two-tenths {
left: 20%; }
.push--two-fifths, .push--four-tenths {
left: 40%; }
.push--three-fifths, .push--six-tenths {
left: 60%; }
.push--four-fifths, .push--eight-tenths {
left: 80%; }
/**
* Sixths
*/
.push--one-sixth, .push--two-twelfths {
left: 16.666%; }
.push--five-sixths, .push--ten-twelfths {
left: 83.333%; }
/**
* Sevenths
*/
.push--one-seventh {
left: 14.285%; }
.push--two-sevenths {
left: 28.57%; }
.push--three-sevenths {
left: 42.855%; }
.push--four-sevenths {
left: 57.14%; }
.push--five-sevenths {
left: 71.425%; }
.push--six-sevenths {
left: 85.71%; }
/**
* Eighths
*/
.push--one-eighth {
left: 12.5%; }
.push--three-eighths {
left: 37.5%; }
.push--five-eighths {
left: 62.5%; }
.push--seven-eighths {
left: 87.5%; }
/**
* Ninths
*/
.push--one-ninth {
left: 11.111%; }
.push--two-ninths {
left: 22.222%; }
.push--four-ninths {
left: 44.444%; }
.push--five-ninths {
left: 55.555%; }
.push--seven-ninths {
left: 77.777%; }
.push--eight-ninths {
left: 88.888%; }
/**
* Tenths
*/
.push--one-tenth {
left: 10%; }
.push--three-tenths {
left: 30%; }
.push--seven-tenths {
left: 70%; }
.push--nine-tenths {
left: 90%; }
/**
* Elevenths
*/
.push--one-eleventh {
left: 9.090%; }
.push--two-elevenths {
left: 18.181%; }
.push--three-elevenths {
left: 27.272%; }
.push--four-elevenths {
left: 36.363%; }
.push--five-elevenths {
left: 45.454%; }
.push--six-elevenths {
left: 54.545%; }
.push--seven-elevenths {
left: 63.636%; }
.push--eight-elevenths {
left: 72.727%; }
.push--nine-elevenths {
left: 81.818%; }
.push--ten-elevenths {
left: 90.909%; }
/**
* Twelfths
*/
.push--one-twelfth {
left: 8.333%; }
.push--five-twelfths {
left: 41.666%; }
.push--seven-twelfths {
left: 58.333%; }
.push--eleven-twelfths {
left: 91.666%; }
@media only screen and (max-width: 480px) {
/**
* Whole
*/
.push--palm--one-whole {
left: 100%; }
/**
* Halves
*/
.push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
left: 50%; }
/**
* Thirds
*/
.push--palm--one-third, .push--palm--two-sixths, .push--palm--three-ninths, .push--palm--four-twelfths {
left: 33.333%; }
.push--palm--two-thirds, .push--palm--four-sixths, .push--palm--six-ninths, .push--palm--eight-twelfths {
left: 66.666%; }
/**
* Quarters
*/
.push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
left: 25%; }
.push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
left: 75%; }
/**
* Fifths
*/
.push--palm--one-fifth, .push--palm--two-tenths {
left: 20%; }
.push--palm--two-fifths, .push--palm--four-tenths {
left: 40%; }
.push--palm--three-fifths, .push--palm--six-tenths {
left: 60%; }
.push--palm--four-fifths, .push--palm--eight-tenths {
left: 80%; }
/**
* Sixths
*/
.push--palm--one-sixth, .push--palm--two-twelfths {
left: 16.666%; }
.push--palm--five-sixths, .push--palm--ten-twelfths {
left: 83.333%; }
/**
* Sevenths
*/
.push--palm--one-seventh {
left: 14.285%; }
.push--palm--two-sevenths {
left: 28.57%; }
.push--palm--three-sevenths {
left: 42.855%; }
.push--palm--four-sevenths {
left: 57.14%; }
.push--palm--five-sevenths {
left: 71.425%; }
.push--palm--six-sevenths {
left: 85.71%; }
/**
* Eighths
*/
.push--palm--one-eighth {
left: 12.5%; }
.push--palm--three-eighths {
left: 37.5%; }
.push--palm--five-eighths {
left: 62.5%; }
.push--palm--seven-eighths {
left: 87.5%; }
/**
* Ninths
*/
.push--palm--one-ninth {
left: 11.111%; }
.push--palm--two-ninths {
left: 22.222%; }
.push--palm--four-ninths {
left: 44.444%; }
.push--palm--five-ninths {
left: 55.555%; }
.push--palm--seven-ninths {
left: 77.777%; }
.push--palm--eight-ninths {
left: 88.888%; }
/**
* Tenths
*/
.push--palm--one-tenth {
left: 10%; }
.push--palm--three-tenths {
left: 30%; }
.push--palm--seven-tenths {
left: 70%; }
.push--palm--nine-tenths {
left: 90%; }
/**
* Elevenths
*/
.push--palm--one-eleventh {
left: 9.090%; }
.push--palm--two-elevenths {
left: 18.181%; }
.push--palm--three-elevenths {
left: 27.272%; }
.push--palm--four-elevenths {
left: 36.363%; }
.push--palm--five-elevenths {
left: 45.454%; }
.push--palm--six-elevenths {
left: 54.545%; }
.push--palm--seven-elevenths {
left: 63.636%; }
.push--palm--eight-elevenths {
left: 72.727%; }
.push--palm--nine-elevenths {
left: 81.818%; }
.push--palm--ten-elevenths {
left: 90.909%; }
/**
* Twelfths
*/
.push--palm--one-twelfth {
left: 8.333%; }
.push--palm--five-twelfths {
left: 41.666%; }
.push--palm--seven-twelfths {
left: 58.333%; }
.push--palm--eleven-twelfths {
left: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
/**
* Whole
*/
.push--lap--one-whole {
left: 100%; }
/**
* Halves
*/
.push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
left: 50%; }
/**
* Thirds
*/
.push--lap--one-third, .push--lap--two-sixths, .push--lap--three-ninths, .push--lap--four-twelfths {
left: 33.333%; }
.push--lap--two-thirds, .push--lap--four-sixths, .push--lap--six-ninths, .push--lap--eight-twelfths {
left: 66.666%; }
/**
* Quarters
*/
.push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
left: 25%; }
.push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
left: 75%; }
/**
* Fifths
*/
.push--lap--one-fifth, .push--lap--two-tenths {
left: 20%; }
.push--lap--two-fifths, .push--lap--four-tenths {
left: 40%; }
.push--lap--three-fifths, .push--lap--six-tenths {
left: 60%; }
.push--lap--four-fifths, .push--lap--eight-tenths {
left: 80%; }
/**
* Sixths
*/
.push--lap--one-sixth, .push--lap--two-twelfths {
left: 16.666%; }
.push--lap--five-sixths, .push--lap--ten-twelfths {
left: 83.333%; }
/**
* Sevenths
*/
.push--lap--one-seventh {
left: 14.285%; }
.push--lap--two-sevenths {
left: 28.57%; }
.push--lap--three-sevenths {
left: 42.855%; }
.push--lap--four-sevenths {
left: 57.14%; }
.push--lap--five-sevenths {
left: 71.425%; }
.push--lap--six-sevenths {
left: 85.71%; }
/**
* Eighths
*/
.push--lap--one-eighth {
left: 12.5%; }
.push--lap--three-eighths {
left: 37.5%; }
.push--lap--five-eighths {
left: 62.5%; }
.push--lap--seven-eighths {
left: 87.5%; }
/**
* Ninths
*/
.push--lap--one-ninth {
left: 11.111%; }
.push--lap--two-ninths {
left: 22.222%; }
.push--lap--four-ninths {
left: 44.444%; }
.push--lap--five-ninths {
left: 55.555%; }
.push--lap--seven-ninths {
left: 77.777%; }
.push--lap--eight-ninths {
left: 88.888%; }
/**
* Tenths
*/
.push--lap--one-tenth {
left: 10%; }
.push--lap--three-tenths {
left: 30%; }
.push--lap--seven-tenths {
left: 70%; }
.push--lap--nine-tenths {
left: 90%; }
/**
* Elevenths
*/
.push--lap--one-eleventh {
left: 9.090%; }
.push--lap--two-elevenths {
left: 18.181%; }
.push--lap--three-elevenths {
left: 27.272%; }
.push--lap--four-elevenths {
left: 36.363%; }
.push--lap--five-elevenths {
left: 45.454%; }
.push--lap--six-elevenths {
left: 54.545%; }
.push--lap--seven-elevenths {
left: 63.636%; }
.push--lap--eight-elevenths {
left: 72.727%; }
.push--lap--nine-elevenths {
left: 81.818%; }
.push--lap--ten-elevenths {
left: 90.909%; }
/**
* Twelfths
*/
.push--lap--one-twelfth {
left: 8.333%; }
.push--lap--five-twelfths {
left: 41.666%; }
.push--lap--seven-twelfths {
left: 58.333%; }
.push--lap--eleven-twelfths {
left: 91.666%; } }
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.push--portable--one-whole {
left: 100%; }
/**
* Halves
*/
.push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
left: 50%; }
/**
* Thirds
*/
.push--portable--one-third, .push--portable--two-sixths, .push--portable--three-ninths, .push--portable--four-twelfths {
left: 33.333%; }
.push--portable--two-thirds, .push--portable--four-sixths, .push--portable--six-ninths, .push--portable--eight-twelfths {
left: 66.666%; }
/**
* Quarters
*/
.push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
left: 25%; }
.push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
left: 75%; }
/**
* Fifths
*/
.push--portable--one-fifth, .push--portable--two-tenths {
left: 20%; }
.push--portable--two-fifths, .push--portable--four-tenths {
left: 40%; }
.push--portable--three-fifths, .push--portable--six-tenths {
left: 60%; }
.push--portable--four-fifths, .push--portable--eight-tenths {
left: 80%; }
/**
* Sixths
*/
.push--portable--one-sixth, .push--portable--two-twelfths {
left: 16.666%; }
.push--portable--five-sixths, .push--portable--ten-twelfths {
left: 83.333%; }
/**
* Sevenths
*/
.push--portable--one-seventh {
left: 14.285%; }
.push--portable--two-sevenths {
left: 28.57%; }
.push--portable--three-sevenths {
left: 42.855%; }
.push--portable--four-sevenths {
left: 57.14%; }
.push--portable--five-sevenths {
left: 71.425%; }
.push--portable--six-sevenths {
left: 85.71%; }
/**
* Eighths
*/
.push--portable--one-eighth {
left: 12.5%; }
.push--portable--three-eighths {
left: 37.5%; }
.push--portable--five-eighths {
left: 62.5%; }
.push--portable--seven-eighths {
left: 87.5%; }
/**
* Ninths
*/
.push--portable--one-ninth {
left: 11.111%; }
.push--portable--two-ninths {
left: 22.222%; }
.push--portable--four-ninths {
left: 44.444%; }
.push--portable--five-ninths {
left: 55.555%; }
.push--portable--seven-ninths {
left: 77.777%; }
.push--portable--eight-ninths {
left: 88.888%; }
/**
* Tenths
*/
.push--portable--one-tenth {
left: 10%; }
.push--portable--three-tenths {
left: 30%; }
.push--portable--seven-tenths {
left: 70%; }
.push--portable--nine-tenths {
left: 90%; }
/**
* Elevenths
*/
.push--portable--one-eleventh {
left: 9.090%; }
.push--portable--two-elevenths {
left: 18.181%; }
.push--portable--three-elevenths {
left: 27.272%; }
.push--portable--four-elevenths {
left: 36.363%; }
.push--portable--five-elevenths {
left: 45.454%; }
.push--portable--six-elevenths {
left: 54.545%; }
.push--portable--seven-elevenths {
left: 63.636%; }
.push--portable--eight-elevenths {
left: 72.727%; }
.push--portable--nine-elevenths {
left: 81.818%; }
.push--portable--ten-elevenths {
left: 90.909%; }
/**
* Twelfths
*/
.push--portable--one-twelfth {
left: 8.333%; }
.push--portable--five-twelfths {
left: 41.666%; }
.push--portable--seven-twelfths {
left: 58.333%; }
.push--portable--eleven-twelfths {
left: 91.666%; } }
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.push--desk--one-whole {
left: 100%; }
/**
* Halves
*/
.push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
left: 50%; }
/**
* Thirds
*/
.push--desk--one-third, .push--desk--two-sixths, .push--desk--three-ninths, .push--desk--four-twelfths {
left: 33.333%; }
.push--desk--two-thirds, .push--desk--four-sixths, .push--desk--six-ninths, .push--desk--eight-twelfths {
left: 66.666%; }
/**
* Quarters
*/
.push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
left: 25%; }
.push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
left: 75%; }
/**
* Fifths
*/
.push--desk--one-fifth, .push--desk--two-tenths {
left: 20%; }
.push--desk--two-fifths, .push--desk--four-tenths {
left: 40%; }
.push--desk--three-fifths, .push--desk--six-tenths {
left: 60%; }
.push--desk--four-fifths, .push--desk--eight-tenths {
left: 80%; }
/**
* Sixths
*/
.push--desk--one-sixth, .push--desk--two-twelfths {
left: 16.666%; }
.push--desk--five-sixths, .push--desk--ten-twelfths {
left: 83.333%; }
/**
* Sevenths
*/
.push--desk--one-seventh {
left: 14.285%; }
.push--desk--two-sevenths {
left: 28.57%; }
.push--desk--three-sevenths {
left: 42.855%; }
.push--desk--four-sevenths {
left: 57.14%; }
.push--desk--five-sevenths {
left: 71.425%; }
.push--desk--six-sevenths {
left: 85.71%; }
/**
* Eighths
*/
.push--desk--one-eighth {
left: 12.5%; }
.push--desk--three-eighths {
left: 37.5%; }
.push--desk--five-eighths {
left: 62.5%; }
.push--desk--seven-eighths {
left: 87.5%; }
/**
* Ninths
*/
.push--desk--one-ninth {
left: 11.111%; }
.push--desk--two-ninths {
left: 22.222%; }
.push--desk--four-ninths {
left: 44.444%; }
.push--desk--five-ninths {
left: 55.555%; }
.push--desk--seven-ninths {
left: 77.777%; }
.push--desk--eight-ninths {
left: 88.888%; }
/**
* Tenths
*/
.push--desk--one-tenth {
left: 10%; }
.push--desk--three-tenths {
left: 30%; }
.push--desk--seven-tenths {
left: 70%; }
.push--desk--nine-tenths {
left: 90%; }
/**
* Elevenths
*/
.push--desk--one-eleventh {
left: 9.090%; }
.push--desk--two-elevenths {
left: 18.181%; }
.push--desk--three-elevenths {
left: 27.272%; }
.push--desk--four-elevenths {
left: 36.363%; }
.push--desk--five-elevenths {
left: 45.454%; }
.push--desk--six-elevenths {
left: 54.545%; }
.push--desk--seven-elevenths {
left: 63.636%; }
.push--desk--eight-elevenths {
left: 72.727%; }
.push--desk--nine-elevenths {
left: 81.818%; }
.push--desk--ten-elevenths {
left: 90.909%; }
/**
* Twelfths
*/
.push--desk--one-twelfth {
left: 8.333%; }
.push--desk--five-twelfths {
left: 41.666%; }
.push--desk--seven-twelfths {
left: 58.333%; }
.push--desk--eleven-twelfths {
left: 91.666%; } }
/*------------------------------------* $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
/**
* Not a particularly great selector, but the DRYest way to do things.
*/
[class*="pull--"] {
position: relative; }
/**
* Whole
*/
.pull--one-whole {
right: 100%; }
/**
* Halves
*/
.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
right: 50%; }
/**
* Thirds
*/
.pull--one-third, .pull--two-sixths, .pull--three-ninths, .pull--four-twelfths {
right: 33.333%; }
.pull--two-thirds, .pull--four-sixths, .pull--six-ninths, .pull--eight-twelfths {
right: 66.666%; }
/**
* Quarters
*/
.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
right: 25%; }
.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
right: 75%; }
/**
* Fifths
*/
.pull--one-fifth, .pull--two-tenths {
right: 20%; }
.pull--two-fifths, .pull--four-tenths {
right: 40%; }
.pull--three-fifths, .pull--six-tenths {
right: 60%; }
.pull--four-fifths, .pull--eight-tenths {
right: 80%; }
/**
* Sixths
*/
.pull--one-sixth, .pull--two-twelfths {
right: 16.666%; }
.pull--five-sixths, .pull--ten-twelfths {
right: 83.333%; }
/**
* Sevenths
*/
.pull--one-seventh {
right: 14.285%; }
.pull--two-sevenths {
right: 28.57%; }
.pull--three-sevenths {
right: 42.855%; }
.pull--four-sevenths {
right: 57.14%; }
.pull--five-sevenths {
right: 71.425%; }
.pull--six-sevenths {
right: 85.71%; }
/**
* Eighths
*/
.pull--one-eighth {
right: 12.5%; }
.pull--three-eighths {
right: 37.5%; }
.pull--five-eighths {
right: 62.5%; }
.pull--seven-eighths {
right: 87.5%; }
/**
* Ninths
*/
.pull--one-ninth {
right: 11.111%; }
.pull--two-ninths {
right: 22.222%; }
.pull--four-ninths {
right: 44.444%; }
.pull--five-ninths {
right: 55.555%; }
.pull--seven-ninths {
right: 77.777%; }
.pull--eight-ninths {
right: 88.888%; }
/**
* Tenths
*/
.pull--one-tenth {
right: 10%; }
.pull--three-tenths {
right: 30%; }
.pull--seven-tenths {
right: 70%; }
.pull--nine-tenths {
right: 90%; }
/**
* Elevenths
*/
.pull--one-eleventh {
right: 9.090%; }
.pull--two-elevenths {
right: 18.181%; }
.pull--three-elevenths {
right: 27.272%; }
.pull--four-elevenths {
right: 36.363%; }
.pull--five-elevenths {
right: 45.454%; }
.pull--six-elevenths {
right: 54.545%; }
.pull--seven-elevenths {
right: 63.636%; }
.pull--eight-elevenths {
right: 72.727%; }
.pull--nine-elevenths {
right: 81.818%; }
.pull--ten-elevenths {
right: 90.909%; }
/**
* Twelfths
*/
.pull--one-twelfth {
right: 8.333%; }
.pull--five-twelfths {
right: 41.666%; }
.pull--seven-twelfths {
right: 58.333%; }
.pull--eleven-twelfths {
right: 91.666%; }
@media only screen and (max-width: 480px) {
/**
* Whole
*/
.pull--palm--one-whole {
right: 100%; }
/**
* Halves
*/
.pull--palm--one-half, .pull--palm--two-quarters, .pull--palm--three-sixths, .pull--palm--four-eighths, .pull--palm--five-tenths, .pull--palm--six-twelfths {
right: 50%; }
/**
* Thirds
*/
.pull--palm--one-third, .pull--palm--two-sixths, .pull--palm--three-ninths, .pull--palm--four-twelfths {
right: 33.333%; }
.pull--palm--two-thirds, .pull--palm--four-sixths, .pull--palm--six-ninths, .pull--palm--eight-twelfths {
right: 66.666%; }
/**
* Quarters
*/
.pull--palm--one-quarter, .pull--palm--two-eighths, .pull--palm--three-twelfths {
right: 25%; }
.pull--palm--three-quarters, .pull--palm--six-eighths, .pull--palm--nine-twelfths {
right: 75%; }
/**
* Fifths
*/
.pull--palm--one-fifth, .pull--palm--two-tenths {
right: 20%; }
.pull--palm--two-fifths, .pull--palm--four-tenths {
right: 40%; }
.pull--palm--three-fifths, .pull--palm--six-tenths {
right: 60%; }
.pull--palm--four-fifths, .pull--palm--eight-tenths {
right: 80%; }
/**
* Sixths
*/
.pull--palm--one-sixth, .pull--palm--two-twelfths {
right: 16.666%; }
.pull--palm--five-sixths, .pull--palm--ten-twelfths {
right: 83.333%; }
/**
* Sevenths
*/
.pull--palm--one-seventh {
right: 14.285%; }
.pull--palm--two-sevenths {
right: 28.57%; }
.pull--palm--three-sevenths {
right: 42.855%; }
.pull--palm--four-sevenths {
right: 57.14%; }
.pull--palm--five-sevenths {
right: 71.425%; }
.pull--palm--six-sevenths {
right: 85.71%; }
/**
* Eighths
*/
.pull--palm--one-eighth {
right: 12.5%; }
.pull--palm--three-eighths {
right: 37.5%; }
.pull--palm--five-eighths {
right: 62.5%; }
.pull--palm--seven-eighths {
right: 87.5%; }
/**
* Ninths
*/
.pull--palm--one-ninth {
right: 11.111%; }
.pull--palm--two-ninths {
right: 22.222%; }
.pull--palm--four-ninths {
right: 44.444%; }
.pull--palm--five-ninths {
right: 55.555%; }
.pull--palm--seven-ninths {
right: 77.777%; }
.pull--palm--eight-ninths {
right: 88.888%; }
/**
* Tenths
*/
.pull--palm--one-tenth {
right: 10%; }
.pull--palm--three-tenths {
right: 30%; }
.pull--palm--seven-tenths {
right: 70%; }
.pull--palm--nine-tenths {
right: 90%; }
/**
* Elevenths
*/
.pull--palm--one-eleventh {
right: 9.090%; }
.pull--palm--two-elevenths {
right: 18.181%; }
.pull--palm--three-elevenths {
right: 27.272%; }
.pull--palm--four-elevenths {
right: 36.363%; }
.pull--palm--five-elevenths {
right: 45.454%; }
.pull--palm--six-elevenths {
right: 54.545%; }
.pull--palm--seven-elevenths {
right: 63.636%; }
.pull--palm--eight-elevenths {
right: 72.727%; }
.pull--palm--nine-elevenths {
right: 81.818%; }
.pull--palm--ten-elevenths {
right: 90.909%; }
/**
* Twelfths
*/
.pull--palm--one-twelfth {
right: 8.333%; }
.pull--palm--five-twelfths {
right: 41.666%; }
.pull--palm--seven-twelfths {
right: 58.333%; }
.pull--palm--eleven-twelfths {
right: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
/**
* Whole
*/
.pull--lap--one-whole {
right: 100%; }
/**
* Halves
*/
.pull--lap--one-half, .pull--lap--two-quarters, .pull--lap--three-sixths, .pull--lap--four-eighths, .pull--lap--five-tenths, .pull--lap--six-twelfths {
right: 50%; }
/**
* Thirds
*/
.pull--lap--one-third, .pull--lap--two-sixths, .pull--lap--three-ninths, .pull--lap--four-twelfths {
right: 33.333%; }
.pull--lap--two-thirds, .pull--lap--four-sixths, .pull--lap--six-ninths, .pull--lap--eight-twelfths {
right: 66.666%; }
/**
* Quarters
*/
.pull--lap--one-quarter, .pull--lap--two-eighths, .pull--lap--three-twelfths {
right: 25%; }
.pull--lap--three-quarters, .pull--lap--six-eighths, .pull--lap--nine-twelfths {
right: 75%; }
/**
* Fifths
*/
.pull--lap--one-fifth, .pull--lap--two-tenths {
right: 20%; }
.pull--lap--two-fifths, .pull--lap--four-tenths {
right: 40%; }
.pull--lap--three-fifths, .pull--lap--six-tenths {
right: 60%; }
.pull--lap--four-fifths, .pull--lap--eight-tenths {
right: 80%; }
/**
* Sixths
*/
.pull--lap--one-sixth, .pull--lap--two-twelfths {
right: 16.666%; }
.pull--lap--five-sixths, .pull--lap--ten-twelfths {
right: 83.333%; }
/**
* Sevenths
*/
.pull--lap--one-seventh {
right: 14.285%; }
.pull--lap--two-sevenths {
right: 28.57%; }
.pull--lap--three-sevenths {
right: 42.855%; }
.pull--lap--four-sevenths {
right: 57.14%; }
.pull--lap--five-sevenths {
right: 71.425%; }
.pull--lap--six-sevenths {
right: 85.71%; }
/**
* Eighths
*/
.pull--lap--one-eighth {
right: 12.5%; }
.pull--lap--three-eighths {
right: 37.5%; }
.pull--lap--five-eighths {
right: 62.5%; }
.pull--lap--seven-eighths {
right: 87.5%; }
/**
* Ninths
*/
.pull--lap--one-ninth {
right: 11.111%; }
.pull--lap--two-ninths {
right: 22.222%; }
.pull--lap--four-ninths {
right: 44.444%; }
.pull--lap--five-ninths {
right: 55.555%; }
.pull--lap--seven-ninths {
right: 77.777%; }
.pull--lap--eight-ninths {
right: 88.888%; }
/**
* Tenths
*/
.pull--lap--one-tenth {
right: 10%; }
.pull--lap--three-tenths {
right: 30%; }
.pull--lap--seven-tenths {
right: 70%; }
.pull--lap--nine-tenths {
right: 90%; }
/**
* Elevenths
*/
.pull--lap--one-eleventh {
right: 9.090%; }
.pull--lap--two-elevenths {
right: 18.181%; }
.pull--lap--three-elevenths {
right: 27.272%; }
.pull--lap--four-elevenths {
right: 36.363%; }
.pull--lap--five-elevenths {
right: 45.454%; }
.pull--lap--six-elevenths {
right: 54.545%; }
.pull--lap--seven-elevenths {
right: 63.636%; }
.pull--lap--eight-elevenths {
right: 72.727%; }
.pull--lap--nine-elevenths {
right: 81.818%; }
.pull--lap--ten-elevenths {
right: 90.909%; }
/**
* Twelfths
*/
.pull--lap--one-twelfth {
right: 8.333%; }
.pull--lap--five-twelfths {
right: 41.666%; }
.pull--lap--seven-twelfths {
right: 58.333%; }
.pull--lap--eleven-twelfths {
right: 91.666%; } }
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.pull--portable--one-whole {
right: 100%; }
/**
* Halves
*/
.pull--portable--one-half, .pull--portable--two-quarters, .pull--portable--three-sixths, .pull--portable--four-eighths, .pull--portable--five-tenths, .pull--portable--six-twelfths {
right: 50%; }
/**
* Thirds
*/
.pull--portable--one-third, .pull--portable--two-sixths, .pull--portable--three-ninths, .pull--portable--four-twelfths {
right: 33.333%; }
.pull--portable--two-thirds, .pull--portable--four-sixths, .pull--portable--six-ninths, .pull--portable--eight-twelfths {
right: 66.666%; }
/**
* Quarters
*/
.pull--portable--one-quarter, .pull--portable--two-eighths, .pull--portable--three-twelfths {
right: 25%; }
.pull--portable--three-quarters, .pull--portable--six-eighths, .pull--portable--nine-twelfths {
right: 75%; }
/**
* Fifths
*/
.pull--portable--one-fifth, .pull--portable--two-tenths {
right: 20%; }
.pull--portable--two-fifths, .pull--portable--four-tenths {
right: 40%; }
.pull--portable--three-fifths, .pull--portable--six-tenths {
right: 60%; }
.pull--portable--four-fifths, .pull--portable--eight-tenths {
right: 80%; }
/**
* Sixths
*/
.pull--portable--one-sixth, .pull--portable--two-twelfths {
right: 16.666%; }
.pull--portable--five-sixths, .pull--portable--ten-twelfths {
right: 83.333%; }
/**
* Sevenths
*/
.pull--portable--one-seventh {
right: 14.285%; }
.pull--portable--two-sevenths {
right: 28.57%; }
.pull--portable--three-sevenths {
right: 42.855%; }
.pull--portable--four-sevenths {
right: 57.14%; }
.pull--portable--five-sevenths {
right: 71.425%; }
.pull--portable--six-sevenths {
right: 85.71%; }
/**
* Eighths
*/
.pull--portable--one-eighth {
right: 12.5%; }
.pull--portable--three-eighths {
right: 37.5%; }
.pull--portable--five-eighths {
right: 62.5%; }
.pull--portable--seven-eighths {
right: 87.5%; }
/**
* Ninths
*/
.pull--portable--one-ninth {
right: 11.111%; }
.pull--portable--two-ninths {
right: 22.222%; }
.pull--portable--four-ninths {
right: 44.444%; }
.pull--portable--five-ninths {
right: 55.555%; }
.pull--portable--seven-ninths {
right: 77.777%; }
.pull--portable--eight-ninths {
right: 88.888%; }
/**
* Tenths
*/
.pull--portable--one-tenth {
right: 10%; }
.pull--portable--three-tenths {
right: 30%; }
.pull--portable--seven-tenths {
right: 70%; }
.pull--portable--nine-tenths {
right: 90%; }
/**
* Elevenths
*/
.pull--portable--one-eleventh {
right: 9.090%; }
.pull--portable--two-elevenths {
right: 18.181%; }
.pull--portable--three-elevenths {
right: 27.272%; }
.pull--portable--four-elevenths {
right: 36.363%; }
.pull--portable--five-elevenths {
right: 45.454%; }
.pull--portable--six-elevenths {
right: 54.545%; }
.pull--portable--seven-elevenths {
right: 63.636%; }
.pull--portable--eight-elevenths {
right: 72.727%; }
.pull--portable--nine-elevenths {
right: 81.818%; }
.pull--portable--ten-elevenths {
right: 90.909%; }
/**
* Twelfths
*/
.pull--portable--one-twelfth {
right: 8.333%; }
.pull--portable--five-twelfths {
right: 41.666%; }
.pull--portable--seven-twelfths {
right: 58.333%; }
.pull--portable--eleven-twelfths {
right: 91.666%; } }
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.pull--desk--one-whole {
right: 100%; }
/**
* Halves
*/
.pull--desk--one-half, .pull--desk--two-quarters, .pull--desk--three-sixths, .pull--desk--four-eighths, .pull--desk--five-tenths, .pull--desk--six-twelfths {
right: 50%; }
/**
* Thirds
*/
.pull--desk--one-third, .pull--desk--two-sixths, .pull--desk--three-ninths, .pull--desk--four-twelfths {
right: 33.333%; }
.pull--desk--two-thirds, .pull--desk--four-sixths, .pull--desk--six-ninths, .pull--desk--eight-twelfths {
right: 66.666%; }
/**
* Quarters
*/
.pull--desk--one-quarter, .pull--desk--two-eighths, .pull--desk--three-twelfths {
right: 25%; }
.pull--desk--three-quarters, .pull--desk--six-eighths, .pull--desk--nine-twelfths {
right: 75%; }
/**
* Fifths
*/
.pull--desk--one-fifth, .pull--desk--two-tenths {
right: 20%; }
.pull--desk--two-fifths, .pull--desk--four-tenths {
right: 40%; }
.pull--desk--three-fifths, .pull--desk--six-tenths {
right: 60%; }
.pull--desk--four-fifths, .pull--desk--eight-tenths {
right: 80%; }
/**
* Sixths
*/
.pull--desk--one-sixth, .pull--desk--two-twelfths {
right: 16.666%; }
.pull--desk--five-sixths, .pull--desk--ten-twelfths {
right: 83.333%; }
/**
* Sevenths
*/
.pull--desk--one-seventh {
right: 14.285%; }
.pull--desk--two-sevenths {
right: 28.57%; }
.pull--desk--three-sevenths {
right: 42.855%; }
.pull--desk--four-sevenths {
right: 57.14%; }
.pull--desk--five-sevenths {
right: 71.425%; }
.pull--desk--six-sevenths {
right: 85.71%; }
/**
* Eighths
*/
.pull--desk--one-eighth {
right: 12.5%; }
.pull--desk--three-eighths {
right: 37.5%; }
.pull--desk--five-eighths {
right: 62.5%; }
.pull--desk--seven-eighths {
right: 87.5%; }
/**
* Ninths
*/
.pull--desk--one-ninth {
right: 11.111%; }
.pull--desk--two-ninths {
right: 22.222%; }
.pull--desk--four-ninths {
right: 44.444%; }
.pull--desk--five-ninths {
right: 55.555%; }
.pull--desk--seven-ninths {
right: 77.777%; }
.pull--desk--eight-ninths {
right: 88.888%; }
/**
* Tenths
*/
.pull--desk--one-tenth {
right: 10%; }
.pull--desk--three-tenths {
right: 30%; }
.pull--desk--seven-tenths {
right: 70%; }
.pull--desk--nine-tenths {
right: 90%; }
/**
* Elevenths
*/
.pull--desk--one-eleventh {
right: 9.090%; }
.pull--desk--two-elevenths {
right: 18.181%; }
.pull--desk--three-elevenths {
right: 27.272%; }
.pull--desk--four-elevenths {
right: 36.363%; }
.pull--desk--five-elevenths {
right: 45.454%; }
.pull--desk--six-elevenths {
right: 54.545%; }
.pull--desk--seven-elevenths {
right: 63.636%; }
.pull--desk--eight-elevenths {
right: 72.727%; }
.pull--desk--nine-elevenths {
right: 81.818%; }
.pull--desk--ten-elevenths {
right: 90.909%; }
/**
* Twelfths
*/
.pull--desk--one-twelfth {
right: 8.333%; }
.pull--desk--five-twelfths {
right: 41.666%; }
.pull--desk--seven-twelfths {
right: 58.333%; }
.pull--desk--eleven-twelfths {
right: 91.666%; } }
#container-modal .ajax-confirmation #customerPresent .modal-actions {
width: auto; }
.not-top {
margin-bottom: 20px; }
.no-case {
text-transform: none; }
.tn-product-detail-multicolor-new-id #PanelSection .panel-2 {
position: relative; }
.tn-product-detail-multicolor-new-id .panelWrapper {
height: 587px;
overflow-y: auto;
-ms-overflow-style: none; }
.tn-product-detail-multicolor-new-id #swatch-panel {
display: none; }
.tn-product-detail-multicolor-new-id .swpTitle {
font-family: 'minion-pro', 'Times New Roman', Times, serif;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 8px; }
.tn-product-detail-multicolor-new-id .swpStepTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
padding-top: 12px; }
.tn-product-detail-multicolor-new-id .swpInvTypeTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 11px; }
.tn-product-detail-multicolor-new-id .swpInvTypeNote {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px; }
.tn-product-detail-multicolor-new-id .swsSwatchSelector {
position: absolute;
z-index: 500;
display: none;
background-color: #fff;
width: 540px;
height: 374px;
padding: 12px;
top: 20px;
right: 344px;
border: 1px solid #c2c2c2;
padding: 0px; }
.tn-product-detail-multicolor-new-id #swsClose {
background: url("/assets/images/global/closeBtn.png") no-repeat center left;
display: inline-block;
float: left;
height: 11px;
width: 11px;
position: relative; }
.tn-product-detail-multicolor-new-id .swsSelectButton {
width: 293px;
height: 30px;
background-color: #6f6d70;
color: #fff;
line-height: 30px;
text-align: center;
margin: 21px 21px 10px 20px;
cursor: pointer; }
.tn-product-detail-multicolor-new-id .swsSwatchImage {
margin: 0px 0px 0px 20px;
cursor: pointer; }
.tn-product-detail-multicolor-new-id .swsTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 12px; }
.tn-product-detail-multicolor-new-id .swatchCopy {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px;
line-height: 14px;
margin-top: 7px;
overflow-y: auto;
height: 270px; }
.tn-product-detail-multicolor-new-id .swatch {
padding: 1px; }
.tn-product-detail-multicolor-new-id .swatchSelected {
border: 1px solid black; }
.tn-product-detail-multicolor-new-id .swsRight {
padding-left: 7px; }
.tn-product-detail-multicolor-new-id #swsImage {
background: url("/assets/images/global/closeBtn.png") no-repeat center left;
display: inline-block;
float: left;
height: 11px;
width: 11px;
position: relative; }
.tn-product-detail-multicolor-new-id .swsModalSwatchImage {
height: 293px;
width: 293px; }
.tn-product-detail-multicolor-new-id .invStatusBadge {
font-family: "open-sans", Verdana, Geneva, sans-serif;
background-color: #6699CC;
color: #fff;
font-size: 9px;
line-height: 11px;
width: 70px;
text-align: center; }
.tn-product-detail-multicolor-new-id .backToProductDetails {
width: 172px;
height: 21px;
position: absolute;
bottom: 14px;
right: 36px;
padding: 0px;
background-color: #fff; }
.tn-product-detail-multicolor-new-id .backToProductDetailsBox {
text-align: center;
line-height: 21px;
position: absolute;
padding: 0px;
bottom: 0;
right: 0; }
.tn-product-detail-multicolor-new-id p {
margin: 0px 0px 0px 0px; }
.tn-product-detail-multicolor-new-id p.label {
margin: 0 10px 9px 0; }
.tn-product-detail-multicolor-new-id p.swpLine {
margin: 5px 0px 0px 0px; }
.tn-product-detail-multicolor-new-id .nodSwatch {
margin: 0px 3px 0px -1px;
border: 1px solid transparent; }
.tn-product-detail-multicolor-new-id .nodSwatch.nodSwatchSelected {
border: 1px solid black; }
.tn-product-detail-multicolor-new-id .nodSwatchItem {
float: left;
margin: 0px 2px 8px 2px;
cursor: pointer; }
.tn-product-detail-multicolor-new-id .nodSwatchLargeItem {
height: 24px; }
.tn-product-detail-multicolor-new-id .nodSwatchSmallItem {
height: 24px; }
.tn-product-detail-multicolor-new-id .nodSwatchTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 9px;
line-height: 11px;
width: 72px;
padding: 3px 0px 5px 0; }
.tn-product-detail-multicolor-new-id .nodColorSwatchTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 9px;
line-height: 11px;
width: 47px;
padding: 3px 0px 5px 0;
overflow: hidden; }
.tn-product-detail-multicolor-new-id .edit-link {
float: right;
cursor: pointer;
font-size: 11px;
text-decoration: underline; }
.tn-product-detail-multicolor-new-id .arrow_box {
position: relative;
background: #fff;
border: 1px solid black; }
.tn-product-detail--indoormulticolor .swsSwatchSelector:after, .tn-product-detail-multicolor-new-id .swsSwatchSelector:before {
left: 100%;
top: 12%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.tn-product-detail-multicolor-new-id .colorizationBadge {
cursor: pointer; }
.tn-product-detail-multicolor-new-id .customizeButton {
border: solid 1px #000;
height: 30px;
width: 200px;
text-align: center;
line-height: 30px;
cursor: pointer;
margin: 20px 0px; }
.tn-product-detail-multicolor-new-id .colorizationBadge a {
text-decoration: none; }
.tn-product-detail-multicolor-new-id .colorizationBadgeText {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px;
text-align: left;
color: #999; }
.tn-product-detail-multicolor-new-id .swsSwatchSelector:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
border-width: 7px;
margin-top: -7px; }
.tn-product-detail-multicolor-new-id .swsSwatchSelector:before {
border-color: transparent;
border-left-color: #c2c2c2;
border-width: 8px;
margin-top: -8px; }
.tn-product-detail-multicolor-new-id .swatchContainer {
padding-top: 7px; }
.tn-product-detail-multicolor-new-id .swatchContainerLast {
border-bottom: none;
margin-bottom: 10px; }
.tn-product-detail-multicolor-new-id .swatchContainerBottom {
border-bottom: none;
margin-bottom: 50px; }
.tn-product-detail-multicolor-new-id .grayedOut {
opacity: 0.4;
filter: alpha(opacity=40);
/*msie*/ }
.tn-product-detail-multicolor-new-id .customizationBadge {
border-top: none;
border-bottom: none;
padding-top: 15px;
padding-bottom: 15px; }
.tn-product-detail-multicolor-new-od #PanelSection .panel-2 {
position: relative; }
.tn-product-detail-multicolor-new-od .panelWrapper {
height: 587px;
overflow-y: auto;
-ms-overflow-style: none; }
.tn-product-detail-multicolor-new-od #swatch-panel {
display: none; }
.tn-product-detail-multicolor-new-od .swpTitle {
font-family: 'minion-pro', 'Times New Roman', Times, serif;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 8px; }
.tn-product-detail-multicolor-new-od .swpStepTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
padding-top: 12px; }
.tn-product-detail-multicolor-new-od .swpInvTypeTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 11px; }
.tn-product-detail-multicolor-new-od .swpInvTypeNote {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px; }
.tn-product-detail-multicolor-new-od .swsSwatchSelector {
position: absolute;
z-index: 500;
display: none;
background-color: #fff;
width: 540px;
height: 374px;
padding: 12px;
top: 20px;
right: 344px;
border: 1px solid #c2c2c2;
padding: 0px; }
.tn-product-detail-multicolor-new-od #swsClose {
background: url("/assets/images/global/closeBtn.png") no-repeat center left;
display: inline-block;
float: left;
height: 11px;
width: 11px;
position: relative; }
.tn-product-detail-multicolor-new-od .swsSelectButton {
width: 293px;
height: 30px;
background-color: #6f6d70;
color: #fff;
line-height: 30px;
text-align: center;
margin: 21px 21px 10px 20px;
cursor: pointer; }
.tn-product-detail-multicolor-new-od .swsSwatchImage {
margin: 0px 0px 0px 20px;
cursor: pointer; }
.tn-product-detail-multicolor-new-od .swsTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 12px; }
.tn-product-detail-multicolor-new-od .swatchCopy {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px;
line-height: 14px;
margin-top: 7px;
overflow-y: auto;
height: 270px; }
.tn-product-detail-multicolor-new-od .swatch {
padding: 1px; }
.tn-product-detail-multicolor-new-od .swatchSelected {
border: 1px solid black; }
.tn-product-detail-multicolor-new-od .swsRight {
padding-left: 7px; }
.tn-product-detail-multicolor-new-od #swsImage {
background: url("/assets/images/global/closeBtn.png") no-repeat center left;
display: inline-block;
float: left;
height: 11px;
width: 11px;
position: relative; }
.tn-product-detail-multicolor-new-od .swsModalSwatchImage {
height: 293px;
width: 293px; }
.tn-product-detail-multicolor-new-od .invStatusBadge {
font-family: "open-sans", Verdana, Geneva, sans-serif;
background-color: #6699CC;
color: #fff;
font-size: 9px;
line-height: 11px;
width: 70px;
text-align: center; }
.tn-product-detail-multicolor-new-od .backToProductDetails {
width: 172px;
height: 21px;
position: absolute;
bottom: 14px;
right: 36px;
padding: 0px;
background-color: #fff; }
.tn-product-detail-multicolor-new-od .backToProductDetailsBox {
text-align: center;
line-height: 21px;
position: absolute;
padding: 0px;
bottom: 0;
right: 0; }
.tn-product-detail-multicolor-new-od p {
margin: 0px 0px 0px 0px; }
.tn-product-detail-multicolor-new-od .details p {
margin: 0px 10px 9px 0px; }
.tn-product-detail-multicolor-new-od p.label {
margin: 0 10px 9px 0; }
.tn-product-detail-multicolor-new-od p.swpLine {
margin: 5px 0px 0px 0px; }
.tn-product-detail-multicolor-new-od .nodSwatch {
margin: 0px 4px 0px 0px; }
.tn-product-detail-multicolor-new-od .nodSwatchSelected {
border: 1px solid black; }
.tn-product-detail-multicolor-new-od .nodSwatchItem {
float: left;
cursor: pointer; }
.tn-product-detail-multicolor-new-od .nodSwatchLargeItem {
height: 112px;
overflow: hidden; }
.tn-product-detail-multicolor-new-od .nodSwatchSmallItem {
height: 72px; }
.tn-product-detail-multicolor-new-od .nodSwatchTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 9px;
line-height: 11px;
width: 72px;
padding: 3px 0px 5px 0; }
.tn-product-detail-multicolor-new-od .nodColorSwatchTitle {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 9px;
line-height: 11px;
width: 47px;
padding: 3px 0px 5px 0;
overflow: hidden; }
.tn-product-detail-multicolor-new-od .edit-link {
float: right;
cursor: pointer;
font-size: 11px;
text-decoration: underline; }
.tn-product-detail-multicolor-new-od .arrow_box {
position: relative;
background: #fff;
border: 1px solid black; }
.tn-product-detail-multicolor-new-od .swsSwatchSelector:after, .tn-product-detail-multicolor-new-od .swsSwatchSelector:before {
left: 100%;
top: 12%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.tn-product-detail-multicolor-new-od .colorizationBadge {
cursor: pointer; }
.tn-product-detail-multicolor-new-od .colorizationBadge a {
text-decoration: none; }
.tn-product-detail-multicolor-new-od .colorizationBadgeText {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px;
text-align: left; }
.tn-product-detail-multicolor-new-od .swatchPanelFabricGroupLabel {
font-family: "open-sans", Verdana, Geneva, sans-serif;
font-weight: 400;
font-size: 11px;
text-align: left; }
.tn-product-detail-multicolor-new-od .swsSwatchSelector:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
border-width: 7px;
margin-top: -7px; }
.tn-product-detail-multicolor-new-od .swsSwatchSelector:before {
border-color: transparent;
border-left-color: #c2c2c2;
border-width: 8px;
margin-top: -8px; }
.tn-product-detail-multicolor-new-od .swatchContainer {
border-bottom: 1px solid #c2c2c2;
padding-bottom: 7px; }
.tn-product-detail-multicolor-new-od .swatchContainerLast {
border-bottom: none;
margin-bottom: 10px; }
.tn-product-detail-multicolor-new-od .swatchContainerBottom {
border-bottom: none;
margin-bottom: 50px; }
.tn-product-detail-multicolor-new-od .grayedOut {
opacity: 0.4;
filter: alpha(opacity=40);
/*msie*/ }
.tn-product-detail-multicolor-new-od .customizationBadge {
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
padding-top: 15px;
padding-bottom: 15px; }
.tn-product-custom-rug-rh {
/* New updated changes for RH-estore concierge */
/* removed later */
/* removed later */
/* removed later */
/* To align product dropdown */ }
.tn-product-custom-rug-rh .multicont {
width: 120px !important; }
.tn-product-custom-rug-rh .multicont select {
width: 55px !important;
margin-right: 5px; }
.tn-product-custom-rug-rh .mrgnt10 {
margin-top: 10px; }
.tn-product-custom-rug-rh .hbar {
border-top: 1px solid #cccccc;
padding-top: 15px; }
.tn-product-custom-rug-rh .grouppan img {
margin-right: 5px;
margin-top: 5px;
opacity: 0.4;
filter: alpha(opacity=40); }
.tn-product-custom-rug-rh #PanelSection .MoreOptionsLinkInRH a {
height: 72px !important;
width: 251px !important;
float: left;
background: url("//media.restorationhardware.com/is/image/rhis/btn_pdp_customrug_sisal?wid=251&fmt=jpeg&qlt=80,0&op_sharpen=0&resMode=sharp&op_usm=0.3,1.0,5,0&iccEmbed=1") no-repeat center right !important;
display: block; }
.tn-product-custom-rug-rh #customRugSwatches h4.brand {
font-size: 10px; }
.tn-product-custom-rug-rh .fl {
float: left; }
.tn-product-custom-rug-rh .fr {
float: right; }
.tn-product-custom-rug-rh .trimmat li {
float: left;
margin: 5px 0px 15px 0; }
.tn-product-custom-rug-rh .trimmat li .swatch-container {
border: 1px solid transparent;
height: 52px;
margin-right: 5px; }
.tn-product-custom-rug-rh .trimmat li .swatch-container:hover {
border: 1px #7d7c7c solid;
height: 52px;
cursor: pointer; }
.tn-product-custom-rug-rh .trimmat li img, .tn-product-custom-rug-rh .trimcol li img {
border: 1px #c2c2c2 solid; }
.tn-product-custom-rug-rh .trimcol li .swatch-container {
border: 1px solid transparent;
height: 52px;
margin-right: 5px; }
.tn-product-custom-rug-rh .trimcol li .swatch-container:hover {
border: 1px #7d7c7c solid;
height: 52px;
cursor: pointer; }
.tn-product-custom-rug-rh .trimcol li img, .tn-product-custom-rug-rh .trimcol li img {
border: 1px #c2c2c2 solid; }
.tn-product-custom-rug-rh .trimcol li {
display: table-row;
float: left;
margin: 5px 0px 15px 0; }
.tn-product-custom-rug-rh .trimcolhead {
margin-top: 20px; }
.tn-product-custom-rug-rh .disabled {
opacity: 0.2;
filter: alpha(opacity=20); }
.tn-product-custom-rug-rh .disabled-trimcor {
opacity: 0.2;
filter: alpha(opacity=20); }
.tn-product-custom-rug-rh .disabled-background {
background: none repeat scroll 0 0 transparent;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin-top: 0px;
position: absolute;
z-index: 9999; }
.tn-product-custom-rug-rh .cl {
clear: both; }
.tn-product-custom-rug-rh .mrgn-t20 {
margin-top: 20px; }
.tn-product-custom-rug-rh .trim-contcategory {
width: 635px !important; }
.tn-product-custom-rug-rh .trim-contcategory fieldset:nth-child(1) {
width: 120px !important; }
.tn-product-custom-rug-rh .trim-contcategory fieldset .cushion_selects {
width: 110px !important; }
.tn-product-custom-rug-rh .trim-contcategory fieldset:nth-child(3) {
width: 140px !important; }
.tn-product-custom-rug-rh .trim-contcategory fieldset .trim-col {
width: 134px !important; }
.tn-product-custom-rug-rh .trim-contcategory .multicont {
width: auto !important; }
.tn-product-custom-rug-rh .trim-contcategory .multicont select {
width: 47px !important; }
.tn-product-custom-rug-rh .trim-contcategory .multicont select:nth-child(2) {
display: inline !important; }
.tn-product-custom-rug-rh .coloroptions li label {
font-size: 12px !important; }
.tn-product-custom-rug-rh .trimcol {
display: table;
position: relative; }
.tn-product-custom-rug-rh .trimmat {
display: table;
position: relative; }
.tn-product-custom-rug-rh #line-items .line-item .three.item-controls {
float: right;
margin-right: 28px;
width: 190px; }
.tn-product-custom-rug-rh #line-items .line-item .two.item-price {
width: 103px; }
.sub-promo-catalog-request body {
background-color: #fff;
color: #000; }
.sub-promo-catalog-request .mod-error-msg {
color: #000; }
.promo-catalog-request #wrap,
#sub-promo-catalog-request #wrap {
width: 1030px; }
.sign-up {
font-family: "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11px;
text-transform: uppercase;
line-height: 170%;
padding-bottom: 40px; }
.sign-up .logo {
background-image: url("//media.restorationhardware.com/is/image/rhis/logo_rhmodern_signup_20150902_2x?wid=344&fmt=png-alpha&qlt=85,1&op_sharpen=0&resMode=sharp2&op_usm=1,1,6,0&iccEmbed=1");
width: 172px;
height: 122px;
background-size: 172px 122px;
margin-top: 90px;
margin-bottom: 57px;
position: static; }
.sign-up .promo {
width: 1000px;
padding-left: 0; }
.sign-up .header, .sign-up .header-checkout {
text-align: center; }
.sign-up .header.first, .sign-up .first.header-checkout {
min-height: 40px; }
.sign-up .header h4, .sign-up .header-checkout h4 {
font-size: 11px;
font-weight: normal;
font-family: "minion-pro", Times, "Times New Roman";
margin: 51px auto 11px;
letter-spacing: 2.5px; }
.sign-up .header h1, .sign-up .header-checkout h1 {
letter-spacing: 4px;
margin-bottom: 13px;
font: 100 32px/32px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
line-height: 125%; }
.sign-up .email-signup {
margin-bottom: 110px; }
.sign-up fieldset input, .sign-up fieldset select {
width: 90%;
box-sizing: border-box;
height: 39px; }
.sign-up fieldset .button--primary, .sign-up fieldset .button--secondary {
width: auto; }
.sign-up fieldset input.button--secondary {
background-color: #ccc;
border-color: #ccc;
color: #000;
font-family: "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
padding: 8px 15px;
height: auto;
letter-spacing: 3px;
margin-top: 20px;
margin-right: 30px; }
.sign-up fieldset .inline-err {
text-transform: none; }
.sign-up fieldset label {
font-size: 10px;
margin-bottom: 7px;
font-weight: normal;
letter-spacing: 2px; }
.sign-up fieldset label.optional span {
float: right;
color: #ccc; }
.sign-up .sub {
font-size: 10px;
letter-spacing: 1.6px;
margin: 7px 0 5px; }
.sign-up .msg {
text-transform: uppercase;
font-size: 13px; }
.sign-up .catalog-request .grid__item.one-half, .sign-up .catalog-request .grid__item.two-quarters, .sign-up .catalog-request .grid__item.three-sixths, .sign-up .catalog-request .grid__item.four-eighths, .sign-up .catalog-request .grid__item.five-tenths, .sign-up .catalog-request .grid__item.six-twelfths {
margin-bottom: 23px; }
.sign-up .v-line {
border-top: 1px solid #000; }
.sign-up .group-ab {
width: auto; }
#sub-promo-catalog-request #footer-copyright {
display: none; }
.typ-special {
color: #cc6666; }
/*---
Uber Nav
=======
Uber Nav Styles
```
```
*/
.uber-nav-wrapper {
display: inline-block;
position: relative;
top: 13px; }
#uber-nav {
box-sizing: border-box;
font: 13px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
height: 32px;
text-align: left;
text-transform: uppercase; }
#uber-nav li.site-hidden {
display: none; }
.page__full-width-layout #uber-nav {
background-color: transparent; }
.uber-nav__brand {
display: inline-block;
padding-right: 34px; }
.uber-nav__brand:last-of-type {
padding-right: 0; }
.uber-nav__brand a {
color: #999;
display: inline-block;
font: 13px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding: 8px 0;
text-decoration: none;
text-transform: uppercase; }
.page__full-width-layout .uber-nav__brand a {
color: white; }
.uber-nav__brand a:hover {
color: black; }
.page__full-width-layout .uber-nav__brand a:hover {
color: #ccc; }
/*---
Buttons
=======
Any elements – divs, submit inputs, links, buttons – can be styled as buttons.
```
Primary button
Primary link
Primary div
Secondary button
Secondary link
Secondary div
Primary Large button
Primary Large link
Primary Large div
Tight button
Tight link
Tight div
Modern button
Modern link
Modern div
Outline button
Outline link
Outline div
Button w/ Loader
Link w/ Loader
Div w/ Loader
```
*/
input[type="submit"].button--primary,
.button--primary, input[type="submit"].button--primary-lg,
.button--primary-lg, input[type="submit"].button--secondary,
.button--secondary, input[type="submit"].button--mod,
.button--mod, input[type="submit"].button--tight,
.button--tight, input[type="submit"].button--tight-secondary,
.button--tight-secondary, input[type="submit"].button--secondary-tight,
.button--secondary-tight, input[type="submit"].button--outline, input[type="submit"].button--outline-tight,
.button--outline,
.button--outline-tight, .button--dashboard, input[type="submit"].button--account-merge,
.button--account-merge, #bl_wrap input[type="submit"], #bl_wrap #bl_btn_rotate {
border-style: solid;
border-radius: 0;
-webkit-border-radius: 0;
border-width: 0;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font: 11px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: normal;
height: 2.5em;
letter-spacing: 0.15em;
line-height: normal;
margin: 0;
min-height: 32px;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
-webkit-appearance: none;
/* transition for hover effect */
-o-transition: .4s ease-in;
-ms-transition: .4s ease-in;
-moz-transition: .4s ease-in;
-webkit-transition: .4s ease-in;
transition: .4s ease-in;
-o-transition-property: background-color;
-ms-transition-property: background-color;
-moz-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color; }
input.loader[type="submit"].button--primary,
.loader.button--primary, input.loader[type="submit"].button--primary-lg,
.loader.button--primary-lg, input.loader[type="submit"].button--secondary,
.loader.button--secondary, input.loader[type="submit"].button--mod,
.loader.button--mod, input.loader[type="submit"].button--tight,
.loader.button--tight, input.loader[type="submit"].button--tight-secondary,
.loader.button--tight-secondary, input.loader[type="submit"].button--secondary-tight,
.loader.button--secondary-tight, input.loader[type="submit"].button--outline, input.loader[type="submit"].button--outline-tight,
.loader.button--outline,
.loader.button--outline-tight, .loader.button--dashboard, input.loader[type="submit"].button--account-merge,
.loader.button--account-merge, #bl_wrap input.loader[type="submit"], #bl_wrap .loader#bl_btn_rotate {
background-image: url("/assets/images/global/loader-white.gif");
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 16px 16px;
padding-right: 45px; }
input.check[type="submit"].button--primary,
.check.button--primary, input.check[type="submit"].button--primary-lg,
.check.button--primary-lg, input.check[type="submit"].button--secondary,
.check.button--secondary, input.check[type="submit"].button--mod,
.check.button--mod, input.check[type="submit"].button--tight,
.check.button--tight, input.check[type="submit"].button--tight-secondary,
.check.button--tight-secondary, input.check[type="submit"].button--secondary-tight,
.check.button--secondary-tight, input.check[type="submit"].button--outline, input.check[type="submit"].button--outline-tight,
.check.button--outline,
.check.button--outline-tight, .check.button--dashboard, input.check[type="submit"].button--account-merge,
.check.button--account-merge, #bl_wrap input.check[type="submit"], #bl_wrap .check#bl_btn_rotate {
background-image: url("/assets/images/global/check-black.png");
background-image: url("/assets/images/global/check-black.svg"), none;
background-position: left 20px center;
background-repeat: no-repeat;
background-size: 10px;
padding-left: 34px; }
.icon--triangle.button--primary:after,
.icon--triangle.button--primary-lg:after,
.icon--triangle.button--secondary:after,
.icon--triangle.button--mod:after,
.icon--triangle.button--tight:after,
.icon--triangle.button--tight-secondary:after,
.icon--triangle.button--secondary-tight:after,
.icon--triangle.button--outline:after,
.icon--triangle.button--outline-tight:after, .icon--triangle.button--dashboard:after,
.icon--triangle.button--account-merge:after, #bl_wrap input.icon--triangle[type="submit"]:after, #bl_wrap .icon--triangle#bl_btn_rotate:after {
content: " ▸"; }
input[type="submit"].button--primary:hover,
.button--primary:hover, input[type="submit"].button--primary-lg:hover,
.button--primary-lg:hover, input[type="submit"].button--secondary:hover,
.button--secondary:hover, input[type="submit"].button--mod:hover,
.button--mod:hover, input[type="submit"].button--tight:hover,
.button--tight:hover, input[type="submit"].button--tight-secondary:hover,
.button--tight-secondary:hover, input[type="submit"].button--secondary-tight:hover,
.button--secondary-tight:hover, input[type="submit"].button--outline:hover, input[type="submit"].button--outline-tight:hover,
.button--outline:hover,
.button--outline-tight:hover, .button--dashboard:hover, input[type="submit"].button--account-merge:hover,
.button--account-merge:hover, #bl_wrap input[type="submit"]:hover, #bl_wrap #bl_btn_rotate:hover {
background-color: #666; }
.check.button--primary:hover,
.check.button--primary-lg:hover,
.check.button--secondary:hover,
.check.button--mod:hover,
.check.button--tight:hover,
.check.button--tight-secondary:hover,
.check.button--secondary-tight:hover,
.check.button--outline:hover,
.check.button--outline-tight:hover, .check.button--dashboard:hover,
.check.button--account-merge:hover, #bl_wrap input.check[type="submit"]:hover, #bl_wrap .check#bl_btn_rotate:hover {
background-image: url("/assets/images/global/check-white.png") !important;
background-image: url("/assets/images/global/check-white.svg"), none !important; }
input[type="submit"].button--primary,
.button--primary {
background-color: black;
border-color: black;
padding: 0 20px; }
div.button--primary, a.button--primary {
padding: 10px 20px; }
.button--primary_disabled {
background-color: #999; }
.button--primary_disabled:hover {
background-color: #999; }
input[type="submit"].button--primary-lg,
.button--primary-lg {
background-color: black;
border-color: black;
font: 500 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
height: 3.2em;
letter-spacing: 0.2em;
margin: 5px 0 15px 0;
padding: 7px 30px; }
div.button--primary-lg, a.button--primary-lg {
padding: 8px 30px 6px; }
input[type="submit"].button--secondary,
.button--secondary {
background-color: #999;
border-color: #999;
font: 10px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
padding: 0 20px; }
div.button--secondary, a.button--secondary {
padding: 10px 20px; }
input[type="submit"].button--mod,
.button--mod {
background-color: transparent;
border-width: 1px;
border-color: black;
color: black;
font: 500 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
height: 3.2em;
letter-spacing: 0.2em;
margin: 5px 0 15px 0;
padding: 7px 30px;
text-transform: uppercase; }
input[type="submit"].button--mod:hover,
.button--mod:hover {
background-color: black;
border-color: black;
color: white; }
div.button--mod, a.button--mod {
padding: 7px 30px; }
input[type="submit"].button--tight,
.button--tight {
background-color: #333;
border-color: #333;
font: 9px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
min-height: 26px;
padding: 0 20px; }
input[type="submit"].button--tight-secondary,
.button--tight-secondary {
background-color: #999;
border-color: #999;
font: 9px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
min-height: 26px;
padding: 0 20px; }
div.button--tight, a.button--tight {
padding: 8px 20px; }
input[type="submit"].button--secondary-tight,
.button--secondary-tight {
background-color: #999;
border-color: #999;
font: 9px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
min-height: 26px;
padding: 0 20px; }
div.button--secondary-tight, a.button--secondary-tight {
padding: 8px 20px; }
input[type="submit"].button--outline, input[type="submit"].button--outline-tight,
.button--outline,
input[type="submit"].button--outline-tight,
.button--outline-tight {
background-color: transparent;
border-width: 1px;
border-color: black;
color: black;
font: 10px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
padding: 0 20px; }
input[type="submit"].button--outline:hover, input[type="submit"].button--outline-tight:hover,
.button--outline:hover,
input[type="submit"].button--outline-tight:hover,
.button--outline-tight:hover {
background-color: black;
border-color: black;
color: white; }
input[type="submit"].button--outline-tight,
.button--outline-tight {
font: 9px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
padding: 0 12px; }
div.button--outline,
div.button--outline-tight, a.button--outline,
a.button--outline-tight {
padding: 9px 20px; }
.button--dashboard {
padding: 10px 20px;
background-color: #999;
border-color: #999;
margin-right: 5px; }
.submit-link {
text-decoration: underline;
border: 0;
background: none;
cursor: pointer; }
input[type="submit"].button--account-merge,
.button--account-merge {
background-color: #737373;
border-color: #737373;
padding: 0 20px; }
/*---
Checkout Box
==============
```
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
```
*/
.checkout-box {
margin-bottom: 10px;
font-weight: inherit;
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: normal; }
.checkout-box__header {
padding: 5px 0;
text-transform: uppercase;
font: 14px/18px "minion-pro", Times, "Times New Roman";
letter-spacing: .05em;
color: #333;
text-align: left;
font-weight: 500; }
th .checkout-box__header {
padding: 5px 0;
font-weight: normal; }
.checkout-box__text, .payment-total-block {
padding: 5px 0 10px 0; }
.checkout .checkout-box__text {
padding: 15px 0 30px 0; }
.checkout-box__right select {
float: right;
text-align: right;
padding-right: 10px; }
.checkout-box__right p {
font: 11px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
float: right;
margin: 5px 25px 0 0;
width: 50%; }
.checkout-box__h3 {
text-transform: uppercase;
font: 14px/18px "minion-pro", Times, "Times New Roman";
letter-spacing: 1px;
text-align: left; }
.signin--container {
padding: 30px 0 0 0; }
/*---
Collection Banners--All sites
=======
Collection Banners for all sites
```
```
*/
.banner table td {
vertical-align: middle; }
.bannerHeadCell {
width: 255px; }
#content.orphan {
margin-top: -31px; }
#content.orphan .banner h2 {
width: 700px; }
.lifestyleBanner {
height: 246px;
width: 791px;
background-color: #FFF;
margin-bottom: 10px;
position: relative; }
table tr td.swatches {
padding: 0; }
.catLink {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0; }
.bannerLink {
color: #eee;
text-transform: uppercase;
text-align: center;
padding: 2px 0;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
position: absolute;
width: 246px;
bottom: 95px;
left: 30px; }
.bannerLink a {
color: #6C6663; }
.collectionPromoBanner {
width: 791px;
height: 100px;
margin-bottom: 10px; }
.collectionPromoBanner table {
width: 791px;
background-color: #958e8a;
height: 100px; }
.collectionPromoBanner strong {
font-size: 30px;
display: block;
font-weight: normal;
margin-bottom: 5px; }
.collectionPromoBanner .promoSub {
display: block;
padding-top: 10px; }
.collectionPromoBanner em {
border-bottom: 1px solid #ddd;
font-style: normal;
padding: 0 0 5px 0;
font-size: 16px;
letter-spacing: 4px; }
.collectionPromoBanner .bannerHead3 {
font-size: 14px;
text-transform: uppercase;
line-height: 24px; }
.collectionBanner--rh, .collectionBanner--mo {
position: relative;
color: #000; }
.collectionBanner--rh table, .collectionBanner--mo table {
z-index: 2;
width: 1000px; }
.collectionBanner--rh table {
background: transparent; }
.collectionBanner--mo table {
background: black; }
.banner, .banner a, .banner h1 {
color: #000;
text-decoration: none; }
.collectionBanner--rh.no-link-banner {
padding: 0 0 20px 0; }
.collectionBanner--rh.text-left-220 table {
background: transparent; }
.frame--true {
padding: 0 0 29px 0;
background: transparent url(/assets/images/rh/cg_paper_btm_bg.png) bottom left no-repeat; }
.frame--false {
height: auto; }
.frame--false .banner-image {
padding: 0; }
.frame--false.collectionBanner--rh {
padding: 0 0 29px 0; }
.frame--false.collectionBanner--mo {
padding: 0 0 7px 0; }
.saleFlag--rh, .saleFlag--mo {
position: absolute;
top: 10px;
left: 20px;
text-align: left;
width: 280px;
padding: 2px 0;
background-color: transparent;
text-transform: uppercase;
z-index: 3;
font: 16px "minion-pro", Times, "Times New Roman";
font-style: italic; }
.text-left-220 .saleFlag--rh, .text-left-220 .saleFlag--mo {
left: 10px; }
.saleFlag--mo {
font: 200 16px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0.075em;
font-style: normal; }
.bannerTextArea--rh, .bannerTextArea--mo {
width: 294px;
padding-bottom: 0;
vertical-align: middle; }
.text-left-220 .bannerTextArea--rh, .text-left-220 .bannerTextArea--mo {
width: 185px;
padding: 0 10px;
background-color: #F5f6f6; }
.bannerTextArea--rh a, .bannerTextArea--mo a {
text-decoration: none; }
.bannerTextArea--rh {
background-color: #E8E8E8;
color: #000; }
.bannerTextArea--mo {
background-color: black;
color: white; }
.bannerIntroducing--rh, .bannerIntroducing--mo {
text-transform: uppercase;
display: block; }
.bannerIntroducing--rh {
font: 13px "minion-pro", Times, "Times New Roman";
letter-spacing: 0;
margin: 0 0 5px 0;
color: #000; }
.bannerIntroducing--mo {
font: 100 12px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: .075em;
margin: 0 0 5px 3px;
color: white; }
.bannerHead1--rh, .bannerHead1--mo {
padding: 0 18px;
text-align: left; }
.text-left-220 .bannerHead1--rh, .text-left-220 .bannerHead1--mo {
padding: 0; }
.bannerHead1--rh span.collection, .bannerHead1--mo span.collection {
text-align: left;
margin-top: 0;
display: block; }
.bannerHead1--rh {
margin: 40px 0 0 0;
font: 28px/24px "minion-pro", Times, "Times New Roman";
letter-spacing: 0;
text-transform: uppercase; }
.bannerHead1--rh .bannerHead {
color: #000; }
.bannerHead1--rh span.collection {
letter-spacing: 1px;
color: #000;
text-transform: inherit;
font: 18px/20px "minion-pro", Times, "Times New Roman"; }
.bannerHead1--mo {
margin: -30px 0 0 0;
font: 100 normal 42px/38px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: -.074em;
text-transform: uppercase; }
.bannerHead1--mo .bannerHead {
color: white; }
.bannerHead1--mo span.collection {
letter-spacing: 0.001em;
font: 200 18px/30px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
.cg-subsubtitle--rh, .cg-subsubtitle--mo {
text-align: left; }
.cg-subsubtitle--rh {
margin: 18px 20px 15px 18px;
font: 12px/15px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0;
text-transform: none; }
.cg-subsubtitle--mo {
margin: 18px 0 15px 18px;
font: 200 11px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: .075em;
text-transform: uppercase; }
h2.bannerHead3 {
text-align: center;
width: 480px;
vertical-align: middle;
width: 480px;
letter-spacing: 1px;
margin: 0;
color: #000;
font: lighter 14px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
line-height: 15px; }
.lifestyledesc--rh, .lifestyledesc--mo {
text-align: left;
width: auto;
text-transform: uppercase; }
.text-left-220 .lifestyledesc--rh, .text-left-220 .lifestyledesc--mo {
margin: 40px 0 0 0; }
.lifestyledesc--rh {
margin: 20px 18px 0 18px;
font: 12px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: normal; }
.lifestyledesc--mo {
margin: 0 0 0 18px;
font: 200 11px/17px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: .075em; }
.collectionBanner__member-price {
font-weight: 600; }
.banner-swatches {
padding: 0 14px 18px 14px;
vertical-align: bottom;
background-color: #E8E8E8; }
.text-left-220 .banner-swatches {
padding: 0;
background-color: #F5f6f6; }
.banner-swatches img {
width: 100%; }
.text-left-220 .banner-swatches img {
margin: 0;
float: left;
margin-left: 10px; }
.banner-image {
padding: 0;
text-align: right;
width: 706px;
background-color: transparent; }
.text-left-220 .banner-image {
padding: 0; }
.banner-image img {
min-height: 244px;
width: 696px; }
.text-left-220 .banner-image img {
width: 780px; }
#collectiongallery li {
border-width: 0; }
#collectiongallery li.odd {
margin-right: 10px; }
.categoryBannerDesc {
background-color: transparent; }
.leftDrape {
position: relative;
float: left;
display: inline;
/*for IE6 double margin bug*/
margin-left: 20px;
height: 349px;
background-color: transparent;
/* Drapery Collections */
width: 141px; }
.leftDrape p {
color: #fff;
text-align: center;
padding: 0 5px;
margin: 15px 0 0 0; }
.leftDrape a {
color: #fff;
text-decoration: none; }
.leftDrape h1 {
padding: 50px 0 0 0;
margin: 0; }
.drapeHead .bannerHead {
display: block; }
.drapeHead a span.bannerHead {
font-size: 14px;
letter-spacing: 1px;
display: block; }
.leftDrape h1.drapeHead a span.bannerHead {
font-size: 20px; }
.draperyCollection {
position: relative;
margin: 0;
width: 390px;
height: 371px;
background: transparent url(/assets/images/bc/paper-cg-drapes.jpg) no-repeat; }
.draperyCollection .saleFlag {
top: 21px;
left: 0;
width: 141px;
font: 12px/18px "minion-pro", Times, "Times New Roman"; }
.rightDrape {
float: right;
width: 220px;
height: 349px; }
.rightDrape img {
margin: 21px 20px 0 0;
width: 200px; }
.drapeImage img {
position: absolute;
bottom: 0;
left: 0; }
.saleFlag-fw--rh, .saleFlag-fw--mo {
top: 21px;
position: absolute;
font: 16px "minion-pro", Times, "Times New Roman";
font-style: italic; }
.saleFlag-fw--rh {
left: 20px; }
.saleFlag-fw--mo {
left: 22px;
font: 200 16px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0.075em;
font-style: normal; }
.lifestyledesc-fw--rh, .lifestyledesc-fw--mo {
width: 300px;
margin-bottom: 10px; }
.lifestyledesc-fw--rh {
font: 12px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: normal; }
.lifestyledesc-fw--mo {
font: 200 11px/17px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: .075em; }
.collectionBanner-fw__member-price {
font-weight: 600; }
#collectiongallery .banner-image-full img {
width: 100%; }
.bannerIntroducing-fw--rh {
font: 12px/18px "minion-pro", Times, "Times New Roman";
letter-spacing: 0.03em;
margin-left: 3px; }
.bannerIntroducing-fw--mo {
font: 200 13px/10px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: .075em;
margin-left: 3px; }
.collectionBanner-fw--rh, .collectionBanner-fw--mo {
position: relative;
color: white;
text-transform: uppercase;
width: 1000px; }
.collectionBanner-fw--rh {
padding-bottom: 29px; }
.collectionBanner-fw--mo {
padding-bottom: 7px; }
.cg-full-image-text--rh, .cg-full-image-text--mo {
position: absolute;
top: 0;
left: 21px;
font-size: 10px;
line-height: 13px; }
.cg-full-image-text--rh a, .cg-full-image-text--mo a {
color: white;
text-decoration: none; }
.cg-full-image-text--rh h1, .cg-full-image-text--mo h1 {
color: white; }
.cg-full-image-text--rh .cg-subsubtitle, .cg-full-image-text--mo .cg-subsubtitle {
text-align: left;
margin: 10px 0 15px 0;
text-transform: uppercase; }
.cg-full-image-text--rh .collection, .cg-full-image-text--mo .collection {
display: block; }
.cg-full-image-text--rh {
width: 380px;
margin-top: 152px; }
.cg-full-image-text--rh a {
letter-spacing: 0; }
.cg-full-image-text--rh h1 {
font-size: 40px;
line-height: 36px;
margin: -7px 0 18px 0;
font-weight: normal;
letter-spacing: 0; }
.cg-full-image-text--rh .cg-subsubtitle {
font: 600 11px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0; }
.cg-full-image-text--rh .collection {
font: 25px/30px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0; }
.cg-full-image-text--mo {
width: 320px;
margin-top: 52px; }
.cg-full-image-text--mo a {
letter-spacing: .075em; }
.cg-full-image-text--mo h1 {
font-family: "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-size: 42px;
line-height: 36px;
margin: -7px 0 0 0;
font-weight: 200;
letter-spacing: -.074em; }
.cg-full-image-text--mo .cg-subsubtitle {
font: 200 11px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: 0.1em; }
.cg-full-image-text--mo .collection {
font: 200 19px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
letter-spacing: -.05em; }
.banner-image-full {
width: 100%;
margin: 0; }
/*---
Expanding Promo Banner
=======
I don't know, is that a pop-up?
Styles expanding-banner.jsp
```
```
*/
.promo-banner span#formText {
padding-right: 10px; }
.promo-banner, #browserWarning {
display: none;
padding: 5px 0;
color: #fff;
font-weight: 600; }
.promo-banner {
text-align: center;
padding: 10px 0; }
.promo-banner form {
color: #fff;
padding: 0;
height: 18px;
position: relative;
width: 900px;
margin: 0 auto; }
.promo-banner form input {
height: 18px;
padding: 0 0 0 2px;
border-width: 0; }
.promo-banner form .inline {
top: 0;
left: 5px; }
.promo-banner form input.submit {
padding: 0 6px;
height: 18px;
overflow: visible;
white-space: nowrap;
border: 1px solid #bfb7b4; }
.promo-banner form div {
display: inline; }
.promo-banner fieldset {
margin: 0; }
a.closeBanner {
float: right;
width: 11px;
height: 11px;
color: #fff;
cursor: pointer;
position: relative;
top: -4px;
right: 5px; }
.closeBanner span {
display: none; }
.promo-banner p, #browserWarning p {
padding: 5px 40px 0 20px; }
.sitewide-promo {
margin-bottom: 10px; }
/*---
Footer--Checkout
=======
Footer During the Checkout Flow
```
```
*/
#footer-corporate {
margin-top: 20px;
text-align: center;
padding-top: 10px;
border-color: #3C3B3D; }
#footer-corporate a {
text-decoration: none;
padding: 0 10px;
border-right: solid 1px;
border-color: #000; }
#footer-corporate a:last-of-type {
border-right: none; }
#footer-corporate a:hover {
text-decoration: underline; }
#footer-security {
text-align: center;
margin-top: 20px; }
#footer-copyright {
text-align: center;
margin-top: 5px;
font-size: 90%; }
/*---
Footer--Large
=======
Footer for all RH brands
```
```
*/
.footer-container {
min-width: 1060px;
clear: both;
background-color: transparent;
padding-top: 52px; }
#footer-menus {
overflow: hidden;
margin: 0 auto;
box-sizing: border-box;
width: 1060px;
text-align: left;
padding: 20px 0px 30px 80px;
letter-spacing: 0.15em; }
#footer-menus li {
margin-bottom: 8px;
font: 300 10px/17px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-transform: uppercase; }
#footer-menus .menu {
overflow: hidden;
letter-spacing: 0.15em; }
#footer-menus .menu a {
text-decoration: none;
color: #666; }
#footer-menus .menu a:hover {
text-decoration: underline;
color: #666; }
#footer-menus .menu h3 {
font: 12px/27px "minion-pro", Times, "Times New Roman";
text-transform: uppercase;
margin-bottom: 14px;
color: #333; }
#footer-menus .menu h3 a {
color: #333; }
#footer-menus .signup-input {
display: block;
padding: 0 0 0 2px;
height: 18px;
width: 100%;
margin: 0 0 5px 0;
border-width: 0;
background-color: #ddd;
color: #302F31; }
#footer-menus #signup .inline {
font-size: 13px;
top: 0; }
#footer-menus .submit {
padding: 0 6px;
font-size: 85%; }
.js #footer-menus label.inline {
color: #3c3b3d; }
#footer-copyright {
color: #666;
font-size: 9px;
letter-spacing: 0.2em;
padding-bottom: 10px;
margin-top: 65px; }
/*---
Forms
=======
Forms should lay out correctly by default assuming correct usage of fieldsets containing label/input pairs. Multiple label/input pairs that need to lay out horizontally should be enclosed within divs in a single fieldset.
```
```
*/
legend {
font-size: 14px; }
fieldset {
display: block;
border-width: 0;
margin: 0 0 1em 0;
padding: 0; }
fieldset div {
display: inline-block; }
label {
display: block; }
input[type="radio"],
input[type="checkbox"] {
opacity: 0;
margin: 0;
height: 1px;
padding: 0;
position: absolute; }
input[type="radio"] ~ label,
input[type="checkbox"] ~ label {
display: inline-block;
padding-left: 20px;
position: relative;
cursor: pointer;
margin-left: 16px;
margin-top: 7px;
text-indent: -16px;
line-height: 20px; }
input[type="radio"] ~ label:before,
input[type="checkbox"] ~ label:before {
display: inline-block;
position: relative;
top: -2px;
margin: 0 12px 0 -20px;
vertical-align: middle;
content: ' '; }
input[type="radio"]:checked ~ label:before,
input[type="checkbox"]:checked ~ label:before {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
input[type="radio"] ~ label:before,
input[type="radio"] + label:nth-child(n):before, input[type="radio"]:checked ~ label:before,
input[type="radio"]:checked + label:nth-child(n):before, input[type="checkbox"] ~ label:before,
input[type="checkbox"] + label:nth-child(n):before, input[type="checkbox"]:checked ~ label:before,
input[type="checkbox"]:checked + label:nth-child(n):before, input[type="checkbox"]:checked ~ label.account-merge--label:before,
input[type="checkbox"]:checked + label.account-merge--label:nth-child(n):before {
background-size: 20px 20px;
height: 20px;
width: 20px; }
input[type="radio"] ~ label:before,
input[type="radio"] + label:nth-child(n):before {
background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22CHECKED%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cstyle%3E.st0%7Bfill%3A%23bbb%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.5%201.5c5%200%209%204%209%209s-4%209-9%209-9-4-9-9%204-9%209-9m0-1C5%20.5.5%205%20.5%2010.5s4.5%2010%2010%2010%2010-4.5%2010-10-4.5-10-10-10z%22%20id%3D%22Outline_copy%22%2F%3E%3C%2Fsvg%3E"); }
input[type="radio"]:checked ~ label:before,
input[type="radio"]:checked + label:nth-child(n):before {
background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22CHECKED%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cstyle%3E.st0%7Bfill%3A%23bbb%7D.st1%7Bfill%3A%23666%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.5%201.5c5%200%209%204%209%209s-4%209-9%209-9-4-9-9%204-9%209-9m0-1C5%20.5.5%205%20.5%2010.5s4.5%2010%2010%2010%2010-4.5%2010-10-4.5-10-10-10z%22%20id%3D%22Outline_copy%22%2F%3E%3Ccircle%20class%3D%22st1%22%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%225.9%22%20id%3D%22Solid%22%2F%3E%3C%2Fsvg%3E"); }
input[type="checkbox"] ~ label:before,
input[type="checkbox"] + label:nth-child(n):before {
background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23bbb%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19%201v18H1V1h18m1-1H0v20h20V0z%22%2F%3E%3C%2Fsvg%3E"); }
input[type="checkbox"]:checked ~ label:before,
input[type="checkbox"]:checked + label:nth-child(n):before {
background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22CHECKED%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23666%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Echeckbox_on%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M.5.5h19v19H.5z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%201v18H1V1h18m1-1H0v20h20V0z%22%2F%3E%3Cpath%20id%3D%22path%22%20class%3D%22cls-2%22%20d%3D%22M4.7%2010.3l3.7%203.6L16%205%22%2F%3E%3C%2Fsvg%3E"); }
input[type="radio"][disabled] ~ label:before,
input[type="radio"][disabled] + label:nth-child(n):before,
input[type="checkbox"][disabled] ~ label:before,
input[type="checkbox"][disabled] + label:nth-child(n):before {
opacity: .5; }
input[type="checkbox"]:checked ~ label.account-merge--label:before,
input[type="checkbox"]:checked + label.account-merge--label:nth-child(n):before {
background-image: url('data:image/svg+xml,
CLICK TO SEE FONT STYLES
I am an h1
I am an h2
I am an h3
I am an h4
I am an h5
I am a .brand h1
I am a .brand h2
I am a .brand h3
I am a .brand h4
I am a .brand h5
I am a .title h1
I am a .title h2
I am a .title h3
I am a .title h4
I am a .title h5
I am a .brand and .title h1
I am a .brand and .title h2
I am a .brand and .title h3
I am a .brand and .title h4
I am a .brand and .title h5
I am a p
I am an a
I am an li in a .bulleted ul
I am an li in a .bulleted ul
I am a strong p so I have the $bold variable
I am an abbr
I am a down-size p
```
*/
html.wf-active body, html.wf-inactive body, html.no-js body {
visibility: visible; }
.pixel {
position: absolute; }
a {
text-decoration: underline; }
a.pdf {
padding: 0 0 0 20px;
background: url("images/file_pdf.png") no-repeat left; }
strong,
strong a,
strong span {
font-weight: 600; }
abbr {
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: .9em; }
body, input, select, a, #line-items .error label, .setContainerHead, .js textarea {
color: #000; }
body, input, select, button, table {
background: #fff;
font: 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
font-weight: normal; }
input {
letter-spacing: 1px; }
.down-size, .down-size table {
font-size: 12px;
line-height: 14px; }
.uppercase {
text-transform: uppercase; }
.titlecase {
text-transform: capitalize; }
.lowercase {
text-transform: lowercase; }
.invisible {
visibility: hidden; }
.capFirst {
text-transform: capitalize; }
p {
margin: 0 10px 9px 0; }
h1 {
font: 18px/18px "minion-pro", Times, "Times New Roman";
margin: 0 0 18px 0;
padding-top: 10px; }
.h1-brand, .h1-brand {
display: none; }
h2 {
font: 16px/18px "minion-pro", Times, "Times New Roman";
margin: 18px 0 0 0; }
h2.title.brand {
color: #404040; }
h3 {
font: 14px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif; }
h4 {
margin: 30px 0 13px 0;
padding: 0;
font: 600 12px/18px "proxima-nova", "open-sans", Arial, Helvetica, sans-serif;
text-transform: uppercase; }
ul.bulleted, ul.bulleted--lg {
margin: 0 0 9px; }
ul.bulleted li, ul.bulleted--lg li {
list-style-type: disc;
list-style-position: outside;
margin: 0 0 0 15px; }
ul.bulleted li ul li, ul.bulleted--lg li ul li {
list-style-type: circle; }
ul.bulleted--lg li {
margin-bottom: 18px; }
.brand, .tabs a {
text-transform: uppercase;
letter-spacing: 0.08em; }
/*---
Prices
=======
There are two types of product price display, the range as seen on the gallery, explore rooms, pdp and pdp line items,
and the line item price as seen in cart, checkout giftlist and wishlist (basically where you are displaying sku prices).
The classes by themselves do not have a lot of styles applied, rather we establish consistent class names that can
be adjusted based on their location. This is in part because the jsp is shared by so many places that we can't have
location-specific class names.
NOTE: Layout is set up in a table because of the alignment of the labels and the column-spanning price message. When
layout changes we can continue to use the same classes and update the markup to move away from the table model.
```
Product Price Normal
$1000 - $1500
$750 - $1125
Member
Product Price Sale
$1000 - $1500
Original
Select Items on Sale
$900 - $1400
Sale
$810 - $1260
Member
Item Price Normal
Item Price Sale
$1000 Original
$900
Sale
$810
Member
```
*/
.product-price__amount--sale, .item-price__amount--sale, .product-price__label--sale, .item-price__label--sale, .product-price__amount--member--sale, .item-price__amount--member--sale, .product-price__label--member--sale, .item-price__label--member--sale, .product-price__amount--trade--sale, .item-price__amount--trade--sale, .product-price__label--trade--sale, .item-price__label--trade--sale {
color: #cc6666;
font-weight: normal;
text-transform: uppercase; }
.product-price__amount--sale a, .item-price__amount--sale a, .product-price__label--sale a, .item-price__label--sale a, .product-price__amount--member--sale a, .item-price__amount--member--sale a, .product-price__label--member--sale a, .item-price__label--member--sale a, .product-price__amount--trade--sale a, .item-price__amount--trade--sale a, .product-price__label--trade--sale a, .item-price__label--trade--sale a {
color: #cc6666; }
.product-price__amount--member, .item-price__amount--member, .product-price__label--member, .item-price__label--member, .product-price__amount--member--sale, .item-price__amount--member--sale, .product-price__label--member--sale, .item-price__label--member--sale, .product-price__amount--trade, .item-price__amount--trade, .product-price__label--trade, .item-price__label--trade, .product-price__amount--trade--sale, .item-price__amount--trade--sale, .product-price__label--trade--sale, .item-price__label--trade--sale {
font-weight: 600; }
.product-price__label, .product-price__label--original, .item-price__label--original, .item-price__label, .product-price__label--sale, .item-price__label--sale, .product-price__label--member, .item-price__label--member, .product-price__label--member--sale, .item-price__label--member--sale, .product-price__label--trade, .item-price__label--trade, .product-price__label--trade--sale, .item-price__label--trade--sale, .item-price__label--override {
display: table-cell;
text-transform: uppercase;
padding: 0 0 0 1em;
font-size: 90.9%; }
.product-price__label:empty, .product-price__label--original:empty, .item-price__label--original:empty, .item-price__label:empty, .product-price__label--sale:empty, .item-price__label--sale:empty, .product-price__label--member:empty, .item-price__label--member:empty, .product-price__label--member--sale:empty, .item-price__label--member--sale:empty, .product-price__label--trade:empty, .item-price__label--trade:empty, .product-price__label--trade--sale:empty, .item-price__label--trade--sale:empty, .item-price__label--override:empty {
display: none; }
.product-price__label:empty + .product-price__sku, .product-price__label--original:empty + .product-price__sku, .item-price__label--original:empty + .product-price__sku, .item-price__label:empty + .product-price__sku, .product-price__label--sale:empty + .product-price__sku, .item-price__label--sale:empty + .product-price__sku, .product-price__label--member:empty + .product-price__sku, .item-price__label--member:empty + .product-price__sku, .product-price__label--member--sale:empty + .product-price__sku, .item-price__label--member--sale:empty + .product-price__sku, .product-price__label--trade:empty + .product-price__sku, .item-price__label--trade:empty + .product-price__sku, .product-price__label--trade--sale:empty + .product-price__sku, .item-price__label--trade--sale:empty + .product-price__sku, .item-price__label--override:empty + .product-price__sku {
display: table-cell;
margin-left: 0px; }
.product-price__amount, .item-price__amount, .product-price__amount--sale, .item-price__amount--sale, .product-price__amount--original, .item-price__amount--original, .product-price__amount--member, .item-price__amount--member, .product-price__amount--member--sale, .item-price__amount--member--sale, .product-price__amount--trade, .item-price__amount--trade, .product-price__amount--trade--sale, .item-price__amount--trade--sale, .item-price__amount--override {
display: table-cell; }
/* formats the $ */
.price-currency {
font-size: 90.9%; }
/* wraps the entire price block */
.product-price--table, .item-price--table {
display: table;
margin: 0;
text-align: left; }
/* each price type displays in it's own row */
.product-price__price, .item-price__price {
display: table-row;
margin: 0; }
.item-price__amount, .item-price__status {
display: table-cell; }
/* on PDP we show the item id in the price block */
.product-price__sku {
display: table-cell; }
.product-price__sku .label {
/* preventing vertical shift */
line-height: 1; }
/* price message that displays under the prices */
.product-price__message {
font-size: 90.9%;
text-transform: uppercase; }
.trade .product-price__message {
display: none; }
/* to center prices when it appears in the cart, wishlist, registry table. This is needed if the prices are in a table,
but does no harm for the display:block */
.order-item-prices .item-price--table {
margin-left: auto;
margin-right: auto; }
/* Regular Price */
/* Sale Price */
/* Original Price */
.product-price__amount--original, .item-price__amount--original {
text-decoration: line-through; }
/* Member Price */
/* Member Sale */
/* Trade/Contract Price */
/* Trade/contract Sale */
/* Item Override */
/*---
Contact Us Page
=======
*/
.contact--modules {
margin-bottom: 40px; }
.contact--modules .module--head {
font: 15px "minion-pro", Times, "Times New Roman";
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 25px;
margin-bottom: 25px;
cursor: pointer;
text-decoration: none; }
.contact--modules .module--head-link {
text-decoration: none; }
.contact--modules .module--connect .module--head {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29udGFjdC1Vcy1wZy9MaXZlLUNoYXQtMi1Db3B5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzMxLjAwMDAwMCwgLTIyMS4wMDAwMDApIj4gICAgICAgIDxwYXRoIGQ9Ik0zNDUuOTA0MTEsMjIxIEwzMzIuMDk1ODksMjIxIEMzMzEuNDkzMTUxLDIyMSAzMzEsMjIxLjQ5MzE1MSAzMzEsMjIyLjA5NTg5IEwzMzEsMjMwLjIwNTQ3OSBDMzMxLDIzMC44MDgyMTkgMzMxLjQ5MzE1MSwyMzEuMzAxMzcgMzMyLjA5NTg5LDIzMS4zMDEzNyBMMzM5Ljc2NzEyMywyMzEuMzAxMzcgTDMzOS43NjcxMjMsMjM0LjQ3OTQ1MiBMMzQzLjQ3MDEzNywyMzEuMzAxMzcgTDM0NS45MDQxMSwyMzEuMzAxMzcgQzM0Ni41MDY4NDksMjMxLjMwMTM3IDM0NywyMzAuODA4MjE5IDM0NywyMzAuMjA1NDc5IEwzNDcsMjIyLjA5NTg5IEMzNDcsMjIxLjQ5MzE1MSAzNDYuNTA2ODQ5LDIyMSAzNDUuOTA0MTEsMjIxIiBpZD0iUGFnZS0xIiBmaWxsPSIjNEE0QTRBIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=) left no-repeat;
padding-left: 32px;
background-size: 20px 24px; }
.contact--modules .module--email .module--head {
background: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eemail%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.575%208.795V.008H.01v8.787h5.566z%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M.049%205.247H15V.041H.05z%22%2F%3E%3Cpath%20id%3D%22e%22%20d%3D%22M0%20.003V5.36h17.513V.003z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(12.025%201.364)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M.009%203.354l5.441%205.44c.079-.125.125-.273.125-.431V.008L.01%203.354z%22%20fill%3D%22%234A4A4A%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%201.454v8.273c0%20.12.027.234.074.337L5.358%204.78%200%201.454z%22%20fill%3D%22%234A4A4A%22%2F%3E%3Cg%20transform%3D%22translate(1.202%205.3)%22%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%234A4A4A%22%20mask%3D%22url(%23d)%22%20d%3D%22M9.794.041L7.388%201.488%205.179.117.05%205.247H15z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%20.052)%22%3E%3Cmask%20id%3D%22f%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%234A4A4A%22%20mask%3D%22url(%23f)%22%20d%3D%22M8.6%205.36L17.513.003H0V.02z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") left no-repeat;
padding-left: 32px;
background-size: 20px 24px; }
.contact--modules .module--gallery .module--head {
background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Elocator%3C%2Ftitle%3E%3Cpath%20d%3D%22M5.707%208.291c-1.448%200-2.626-1.172-2.626-2.613%200-1.442%201.178-2.614%202.626-2.614%201.447%200%202.626%201.172%202.626%202.614%200%201.44-1.179%202.613-2.626%202.613m0-8.291C2.56%200%200%202.547%200%205.678%200%208.603%204.712%2015%205.249%2015.72c.108.145.278.23.458.23s.35-.085.458-.23c.537-.72%205.249-7.118%205.249-10.043C11.414%202.547%208.854%200%205.707%200%22%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") left no-repeat;
padding-left: 28px;
background-size: 24px 20px; }
.contact--modules .module--phone .module--head {
background: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ecall%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.053%2014.266h7.66V2.298h-7.66v11.968zm3.83%202.585c-.45%200-.814-.364-.814-.814%200-.45.364-.814.814-.814.45%200%20.814.365.814.814%200%20.45-.365.814-.814.814zM8.33%200H1.436C.646%200%200%20.646%200%201.436v15.128C0%2017.354.646%2018%201.436%2018H8.33c.79%200%201.436-.646%201.436-1.436V1.436C9.766.646%209.12%200%208.33%200z%22%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") left no-repeat;
cursor: auto;
padding-left: 28px;
background-size: 24px 20px; }
.contact--modules .module--content {
color: #999; }
.contact-form-head {
margin-bottom: 14px; }
.contact--form .contact--input {
width: 100%; }
@media print {
#main-body {
font-size: 14px; }
.noprint {
display: none; }
#wo-header, #sidebar, #topnav, #topnav-checkout, #footer-menus, #footer-corporate, #footer-security, input.submit, .main-navigation {
display: none; }
.checkout .group-a, .group-a, .group-ab, .group-abc, .group-b, .group-bc, .group-c, .checkout .group-b {
float: none;
width: 100% !important; }
.mod {
margin: 0 0 10px 0 !important; }
.mod h3 {
background-color: transparent !important;
color: #5F5853 !important; }
div#logo {
color: #5F5853;
text-indent: 0;
display: block;
margin-bottom: 20px;
background-image: none; }
#print-store-info {
display: block !important; }
.quote-info th {
font-weight: bold;
text-align: left; }
.quote-info th, .quote-info td {
padding: 0 40px 0 0; }
.trade #sale-item-detail, .trade #saleMessage, .trade .price-message, .trade span.sale {
display: none; } }
/*# sourceMappingURL=rh-estore.css.map */ 
