/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  overflow-y: scroll;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 3 */ }

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0; }

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
body,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9 
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  *margin-left: -7px;
  /* 2 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding that is displayed in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/* 
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset {
  background-color: #edecea;
  border: 1px solid #e2e1df;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 35px 50px; }

html {
  font-size: 12px; }

body {
  background: #f9f9f9;
  color: #4d442e;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

a {
  color: #34b5d0;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:active {
    color: #45c6e1; }

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1; }
  nav ul:after {
    content: "";
    display: table;
    clear: both; }
nav a {
  text-decoration: none; }

hr {
  background: #e2e1dd;
  border: none;
  clear: both;
  color: #e2e1dd;
  float: none;
  height: 1px;
  margin: 10px 0;
  width: 100%; }

address {
  font-style: normal; }

label[for] {
  cursor: pointer; }

table.list-style {
  color: #4d442e;
  font-size: 12px;
  width: 100%; }
  table.list-style th, table.list-style td {
    background-color: #f0f0ee;
    border: 1px solid #e2e1dd;
    border-width: 0 1px 1px 0;
    text-align: left;
    padding: 10px 15px; }
  table.list-style thead {
    border: 1px solid #d1d0cc;
    border-width: 1px 0 0 1px; }
    table.list-style thead th, table.list-style thead td {
      border-color: #d1d0cc; }
    table.list-style thead th {
      background-color: #e2e1dd;
      color: #a6a197;
      font-weight: 400; }
  table.list-style tbody {
    border: 1px solid #e2e1dd;
    border-width: 1px 0 0 1px; }
    table.list-style tbody tr:nth-child(even) th, table.list-style tbody tr:nth-child(even) td {
      background-color: #f7f7f6; }
  table.list-style a {
    color: #4d442e;
    text-decoration: underline; }

/* Sprite Coordinates (in pixels)
 * -----------------------------------------------------------------------------
 * $sprite_label: $left, $top, $width, $height
 */
/* IFF Sprite Mixin
 * -----------------------------------------------------------------------------
 */
.nyroModalBg {
  background-color: #e2e1dd;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1900; }

.nmReposition {
  position: absolute; }

.nyroModalCloseButton {
  height: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 10px;
  position: absolute;
  right: 0;
  -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 0;
  width: 24px;
  z-index: 2100; }
  .nyroModalCloseButton .icon, .nyroModalCloseButton .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .nyroModalCloseButton span, .nyroModalCloseButton .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .nyroModalCloseButton span {
    background-position: -96px -48px;
    height: 24px;
    width: 24px; }
  .nyroModalCloseButton:hover {
    background-color: #e2e1dd;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.nyroModalCont {
  background-color: #f9f9f9;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  margin: 20px;
  position: absolute;
  z-index: 2000; }

.nyroModalDom, .nyroModalData {
  position: relative;
  padding: 40px 20px 20px;
  min-height: 160px;
  min-width: 250px;
  max-width: 1000px; }

.nyroModalData .instructions {
  margin-top: 10px; }

.nyroModalLink, .nyroModalForm, .nyroModalFormFile {
  position: relative;
  padding: 35px 10px 0;
  min-height: 160px;
  min-width: 250px;
  max-width: 1000px; }
  .nyroModalLink .content-module, .nyroModalLink .content-module.gallery-slideshow, .nyroModalForm .content-module, .nyroModalForm .content-module.gallery-slideshow, .nyroModalFormFile .content-module, .nyroModalFormFile .content-module.gallery-slideshow {
    margin: 0 auto; }

.nyroModalLink {
  padding-bottom: 10px; }

.nyroModalError {
  border: 4px solid red;
  color: red;
  width: 250px;
  height: 250px; }
  .nyroModalError div {
    min-width: 0;
    min-height: 0;
    padding: 10px; }

.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
  position: relative; }

.nyroModalImage img {
  vertical-align: top; }

.nyroModalHidden {
  left: -9999em;
  top: -9999em; }

.nyroModalLoad {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #f9f9f9 url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") center center no-repeat;
  padding: 0; }

.nyroModalPrev, .nyroModalNext {
  outline: none;
  position: absolute;
  top: 0;
  height: 60%;
  width: 150px;
  min-height: 50px;
  max-height: 300px;
  cursor: pointer;
  text-indent: -9999em;
  background: transparent url("data:image/gif;base64,AAAA") left 20% no-repeat; }

.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
  height: 100%;
  width: 40%;
  max-height: none; }

.nyroModalPrev {
  left: 0; }
  .nyroModalPrev:hover {
    background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/small-chevron-left?fmt=png-alpha"); }

.nyroModalNext {
  right: 0;
  background-position: right 20%; }
  .nyroModalNext:hover {
    background-position: right 20%;
    background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/small-chevron-right?fmt=png-alpha"); }

.nyroModalCont .interstitial-title {
  border-bottom: 1px solid #e2e1dd;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px; }
.nyroModalCont .instructions {
  color: #a6a197;
  font-size: 18px; }
  .nyroModalCont .instructions p {
    margin: 0 0 20px; }
  .nyroModalCont .instructions .help {
    background-position: -120px 0px;
    height: 24px;
    width: 24px;
    margin: -4px 0 0 10px; }
  .nyroModalCont .instructions.small {
    font-size: 14px; }
    .nyroModalCont .instructions.small .help {
      background-position: -124px -4px;
      height: 16px;
      width: 16px; }
.nyroModalCont fieldset {
  border: 1px solid #e2e1dd;
  margin: 0 0 15px;
  *zoom: 1;
  position: relative; }
  .nyroModalCont fieldset:after {
    content: "";
    display: table;
    clear: both; }
  .nyroModalCont fieldset.no-legend {
    padding: 5px 0; }
.nyroModalCont legend {
  display: block;
  font-size: 13px;
  font-weight: bold;
  left: 2px;
  padding: 0;
  position: absolute;
  top: 4px; }
.nyroModalCont label {
  font-size: 13px;
  font-weight: bold; }
.nyroModalCont .icon-trigger {
  border: 3px solid transparent;
  float: left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 11px;
  -moz-transition: border-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: border-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: border-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: border-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .nyroModalCont .icon-trigger:last-child {
    margin-right: 0; }
  .nyroModalCont .icon-trigger img {
    height: 72px;
    vertical-align: top;
    width: 72px; }
  .nyroModalCont .icon-trigger .tipsy {
    width: 150px !important; }
  .nyroModalCont .icon-trigger:hover {
    z-index: 2000; }
    .nyroModalCont .icon-trigger:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
  .nyroModalCont .icon-trigger.active {
    border-color: #4d442e;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .nyroModalCont .icon-trigger.last {
    margin-right: 0; }

.nyroModalCont .nyroModalIframe {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 45px; }
.nyroModalCont.video .nyroModalIframe {
  min-height: 420px; }
.nyroModalCont.module .nyroModalIframe {
  width: 1000px;
  height: 650px;
  margin-bottom: 20px; }
  .nyroModalCont.module .nyroModalIframe iframe {
    height: 100%;
    width: 100%; }
.nyroModalCont.ecatalog .nyroModalIframe {
  min-height: 670px; }
  .nyroModalCont.ecatalog .nyroModalIframe iframe {
    min-height: 660px; }
.nyroModalCont.video iframe, .nyroModalCont.module iframe, .nyroModalCont.ecatalog iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#global-search {
  width: 960px;
  position: relative; }

#global-search-label {
  position: absolute;
  top: 7px;
  left: 20px;
  color: #4d442e;
  font-size: 72px;
  font-weight: normal;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

#global-search-input {
  background: transparent;
  border: 1px solid #e2e1dd;
  border-width: 0 0 1px;
  color: #4d442e;
  font-size: 72px;
  margin-bottom: 10px;
  padding: 10px 20px;
  max-width: 920px;
  width: 100%; }
  #global-search-input:focus {
    outline: none; }

#global-search-results {
  display: none; }
  #global-search-results .thumbnail-index {
    min-height: 0px; }

#product-filter-form {
  max-width: 970px;
  width: 100%; }
  #product-filter-form fieldset {
    padding: 26px 0 0;
    background-color: transparent;
    border: none;
    border-top: 1px solid #e2e1dd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  #product-filter-form p {
    color: #a6a197;
    line-height: 1.5;
    margin: 0 0 0 20px; }
    #product-filter-form p a {
      color: #a6a197;
      text-decoration: underline; }
  #product-filter-form input[type='checkbox'] {
    position: absolute;
    left: -9999px; }
  #product-filter-form #product-type {
    float: left;
    width: 623px; }
  #product-filter-form #product-scale {
    float: left;
    width: 347px; }
  #product-filter-form #product-color {
    clear: both; }
  #product-filter-form #advanced-filters .filter {
    float: left;
    margin-right: 2%;
    width: 23%; }
  #product-filter-form #advanced-filters input[type='checkbox'] {
    position: relative;
    left: 0;
    width: 16px; }
  #product-filter-form #advanced-filters label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 5px; }

#global-find-a-rep {
  width: 930px; }
  #global-find-a-rep #area_code {
    width: 80px; }
  #global-find-a-rep #result-message {
    margin-top: 10px; }
  #global-find-a-rep .interstitial-title {
    border: none; }
  #global-find-a-rep .fieldgroup {
    *zoom: 1; }
    #global-find-a-rep .fieldgroup:after {
      content: "";
      display: table;
      clear: both; }
    #global-find-a-rep .fieldgroup .title {
      width: 20%;
      float: left;
      margin: 12px 0 0; }
    #global-find-a-rep .fieldgroup .field {
      width: 50%;
      float: left; }
  #global-find-a-rep #countryfieldgroup {
    min-height: 52px; }
  #global-find-a-rep #statefieldgroup {
    display: none; }
  #global-find-a-rep #global-find-a-rep-results {
    margin-top: 10px; }
  #global-find-a-rep button.hide {
    display: none; }

#nav-item-orders, #nav-item-dashboard {
  position: relative; }

#nav-item-dashboard,
#nav-item-orders {
  position: relative; }
  #nav-item-dashboard .counter,
  #nav-item-orders .counter {
    position: absolute;
    top: 20px;
    right: 5px;
    font-weight: bold; }

#dashboard-cart-flyout {
  width: 250px;
  height: auto;
  position: absolute;
  top: 40px;
  display: none; }
  #dashboard-cart-flyout .marker {
    width: inherit;
    background: #f0f0ee; }
    #dashboard-cart-flyout .marker:before {
      top: -10px;
      left: 38%;
      background: #f0f0ee; }
  #dashboard-cart-flyout .marker-content {
    padding: 0 16px;
    background: #f0f0ee;
    color: #a6a197;
    overflow: hidden;
    *zoom: 1; }
    #dashboard-cart-flyout .marker-content a {
      width: auto;
      height: auto;
      position: relative;
      margin: 16px 0;
      padding: 8px 0;
      font-size: 14px;
      color: #a6a197;
      text-align: left;
      background: #f0f0ee;
      text-shadow: none;
      border: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
      #dashboard-cart-flyout .marker-content a:hover {
        color: #4d442e;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
        #dashboard-cart-flyout .marker-content a:hover span.icon, #dashboard-cart-flyout .marker-content a:hover .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #dashboard-cart-flyout .marker-content a:hover span, #dashboard-cart-flyout .marker-content a:hover .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #dashboard-cart-flyout .marker-content a:hover span {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
    #dashboard-cart-flyout .marker-content .icon, #dashboard-cart-flyout .marker-content .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #dashboard-cart-flyout .marker-content span, #dashboard-cart-flyout .marker-content .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #dashboard-cart-flyout .marker-content span {
      margin: 0 5px 0 0;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      background-position: -48px 0px;
      height: 24px;
      width: 24px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
    #dashboard-cart-flyout .marker-content .counter {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      margin-right: 10px;
      top: -10px;
      font-size: 10px;
      font-weight: bold; }
  #dashboard-cart-flyout.loading .marker-content {
    min-height: 184px; }
    #dashboard-cart-flyout.loading .marker-content:after {
      width: 32px;
      height: 32px;
      display: block;
      position: absolute;
      top: 43%;
      right: 43%;
      content: ".";
      background: url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") no-repeat center center;
      text-indent: -99999px; }

.order-error, .cart-error, #error-container, .required-errors {
  background-color: #feeaeb;
  color: #d00;
  padding: 15px;
  margin-bottom: 10px;
  clear: both; }
  .order-error a, .cart-error a, #error-container a, .required-errors a {
    color: inherit;
    text-decoration: underline; }

.product-detail-dealer .tipsy.error, .product-detail-dealer .tipsy.tooltip {
  z-index: 20000; }

#product-form {
  width: 550px;
  padding: 0;
  z-index: 700;
  overflow: visible; }
  #product-form .size {
    clear: left; }
  #product-form .col-left {
    height: 200px; }
  #product-form.hold .col-left {
    height: auto; }
  #product-form.hold, #product-form.dyelot, #product-form.adhesive {
    width: 400px;
    min-height: 340px; }
    #product-form.hold form#material_order-form ul.form-fields li .col-left, #product-form.dyelot form#material_order-form ul.form-fields li .col-left, #product-form.adhesive form#material_order-form ul.form-fields li .col-left {
      width: 50%; }
    #product-form.hold form#material_order-form ul.form-fields li .col-right, #product-form.dyelot form#material_order-form ul.form-fields li .col-right, #product-form.adhesive form#material_order-form ul.form-fields li .col-right {
      width: 50%; }
  #product-form h2 {
    margin: 0 0 10px 0; }
  #product-form .product-detail {
    width: 50%;
    margin: 0 0 20px;
    padding-top: 20px;
    float: left;
    border-top: 1px solid #e2e1dd;
    *zoom: 1; }
    #product-form .product-detail:after {
      content: "";
      display: table;
      clear: both; }
    #product-form .product-detail .thumb {
      width: 48px;
      height: 48px;
      float: left; }
    #product-form .product-detail .info {
      float: left;
      max-width: 142px;
      margin: 6px 0 0 10px; }
    #product-form .product-detail .name {
      max-width: 130px;
      font-weight: 400; }
    #product-form .product-detail .detail {
      color: #a6a197;
      margin-top: 5px; }
  #product-form .product-attributes {
    width: 50%;
    float: left;
    padding: 20px 0;
    border-top: 1px solid #e2e1dd; }
    #product-form .product-attributes dl {
      margin-top: 5px;
      color: #a6a197; }
    #product-form .product-attributes dt {
      width: 25%;
      padding-right: 10%; }
    #product-form .product-attributes dd {
      width: 63%; }
    #product-form .product-attributes dt, #product-form .product-attributes dd {
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline; }
  #product-form form#material_order-form {
    width: 100%;
    clear: both; }
    #product-form form#material_order-form .title {
      display: none; }
    #product-form form#material_order-form input, #product-form form#material_order-form select, #product-form form#material_order-form option, #product-form form#material_order-form .selector span {
      font-size: 12px;
      color: #4d442e; }
    #product-form form#material_order-form fieldset {
      background-color: transparent;
      border: none;
      margin: 0 0 25px 0;
      padding: 0;
      border-bottom: 1px solid #e2e1dd; }
    #product-form form#material_order-form input {
      display: block; }
    #product-form form#material_order-form label {
      cursor: default;
      display: block;
      margin: 0; }
    #product-form form#material_order-form select {
      display: block;
      margin: 0; }
    #product-form form#material_order-form textarea {
      height: 136px;
      resize: none;
      font-size: 12px;
      line-height: 20px; }
    #product-form form#material_order-form button {
      margin: 0;
      width: 160px; }
    #product-form form#material_order-form ul.form-fields li {
      *zoom: 1; }
      #product-form form#material_order-form ul.form-fields li:after {
        content: "";
        display: table;
        clear: both; }
      #product-form form#material_order-form ul.form-fields li .col-left {
        width: 70%; }
        #product-form form#material_order-form ul.form-fields li .col-left .field {
          width: 160px;
          margin: 0 28px 10px 0;
          float: left; }
      #product-form form#material_order-form ul.form-fields li .col-right {
        width: 30%; }
      #product-form form#material_order-form ul.form-fields li .col-left, #product-form form#material_order-form ul.form-fields li .col-right {
        float: left;
        *zoom: 1; }
        #product-form form#material_order-form ul.form-fields li .col-left:after, #product-form form#material_order-form ul.form-fields li .col-right:after {
          content: "";
          display: table;
          clear: both; }
    #product-form form#material_order-form .field.quantity .note {
      color: #a6a197;
      display: none;
      font-size: 11px;
      margin-bottom: 15px; }
    #product-form form#material_order-form .field.quantity .icon, #product-form form#material_order-form .field.quantity .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #product-form form#material_order-form .field.quantity span, #product-form form#material_order-form .field.quantity .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #product-form form#material_order-form .field.quantity span {
      background-position: -120px 0px;
      height: 24px;
      width: 24px;
      background-position: -124px -4px;
      height: 16px;
      margin-top: -2px;
      width: 16px; }
    #product-form form#material_order-form .field.price {
      position: relative; }
      #product-form form#material_order-form .field.price #price {
        padding-left: 20px; }
      #product-form form#material_order-form .field.price .symbol {
        color: #a6a197;
        left: 10px;
        position: absolute;
        top: 11px; }
    #product-form form#material_order-form .form-actions {
      -moz-transition: padding 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: padding 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: padding 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: padding 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      #product-form form#material_order-form .form-actions button:focus {
        outline: none; }
      #product-form form#material_order-form .form-actions.loading {
        padding-left: 45px;
        background: url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") no-repeat center left; }
  #product-form .field.backing.select-field {
    clear: left; }

#global-share .share-options {
  min-height: 90px; }
#global-share .fieldgroup {
  *zoom: 1; }
  #global-share .fieldgroup:after {
    content: "";
    display: table;
    clear: both; }
#global-share .sender_name, #global-share .sender_email, #global-share .recipient_name, #global-share .recipient_email {
  float: left;
  width: 48%; }
#global-share .sender_name, #global-share .recipient_name {
  margin-right: 4%; }

#inventory {
  padding: 10px 10px;
  position: relative; }
  #inventory h2 {
    margin: 0;
    padding: 10px 0;
    font-weight: normal; }
  #inventory table {
    width: 100%;
    *zoom: 1; }
    #inventory table:after {
      content: "";
      display: table;
      clear: both; }
    #inventory table td, #inventory table th {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    #inventory table tr td {
      vertical-align: top; }
    #inventory table tbody .product {
      width: 25%;
      padding: 10px 15px;
      position: relative; }
      #inventory table tbody .product .thumb {
        float: left;
        width: 30%; }
      #inventory table tbody .product .info {
        float: left;
        width: 70%; }
      #inventory table tbody .product .color, #inventory table tbody .product .info {
        font-size: 11px; }
    #inventory table tbody .varient {
      width: 75%; }
    #inventory table tbody .open-row tr.empty td {
      border: none !important;
      background: #f0f0ee !important; }
    #inventory table tfoot table {
      margin: 0;
      padding: 0; }
    #inventory table tfoot td {
      border: none;
      background: #e2e1dd;
      padding: 0;
      color: #a6a197; }
      #inventory table tfoot td a {
        color: #a6a197; }
        #inventory table tfoot td a.hide {
          display: none; }
      #inventory table tfoot td table td {
        padding: 10px 15px; }
      #inventory table tfoot td.left {
        width: 1px; }
      #inventory table tfoot td.center {
        text-align: center; }
      #inventory table tfoot td.right {
        width: 1px;
        text-align: right; }
    #inventory table thead {
      background-color: #e2e1dd; }
      #inventory table thead th {
        padding: 10px 15px;
        text-align: left;
        color: #a6a197;
        font-weight: normal;
        border: none;
        background-color: #e2e1dd; }
        #inventory table thead th.product {
          width: 16.666%; }
        #inventory table thead th.backing {
          width: 16.666%; }
        #inventory table thead th.size {
          width: 12.5%; }
        #inventory table thead th.quantity {
          width: 14%; }
        #inventory table thead th.details {
          width: auto; }
  #inventory table.backings {
    width: 100%;
    border-right: 2px solid #e2e1dd; }
    #inventory table.backings tr.default {
      cursor: pointer; }
    #inventory table.backings tr.actions {
      display: none; }
      #inventory table.backings tr.actions > td {
        padding: 0; }
      #inventory table.backings tr.actions .null:nth-child(1) {
        border-right: 1px solid #e2e1dd; }
    #inventory table.backings td {
      padding: 12px 15px;
      overflow: hidden;
      vertical-align: middle; }
      #inventory table.backings td.backing {
        width: 22%; }
      #inventory table.backings td.size {
        width: 17%; }
      #inventory table.backings td.quantity.empty {
        background: none; }
      #inventory table.backings td.quantity {
        width: 18.6%;
        max-width: 130px;
        border-right: none;
        overflow: hidden; }
      #inventory table.backings td.detail {
        width: auto; }
  #inventory table.quantity-actions {
    width: 100%; }
    #inventory table.quantity-actions tr.open button {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    #inventory table.quantity-actions tr.freeze:hover button {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      cursor: default; }
    #inventory table.quantity-actions tr:hover td button {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    #inventory table.quantity-actions td {
      padding: 5px 15px;
      vertical-align: middle;
      border-left: 1px solid #e2e1dd; }
    #inventory table.quantity-actions button {
      padding: 6px 8px;
      margin: 5px 4px;
      font-size: 12px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    #inventory table.quantity-actions button.status {
      display: none;
      background: none;
      cursor: default;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
      #inventory table.quantity-actions button.status:hover {
        box-shadow: none; }
    #inventory table.quantity-actions dl {
      line-height: 160%;
      *zoom: 1; }
      #inventory table.quantity-actions dl:after {
        content: "";
        display: table;
        clear: both; }
    #inventory table.quantity-actions dl, #inventory table.quantity-actions dt, #inventory table.quantity-actions dd {
      display: block;
      margin: 0;
      word-break: break-all;
      word-wrap: break-word;
      white-space: normal;
      vertical-align: top; }
    #inventory table.quantity-actions dt {
      min-width: 64px;
      float: left;
      clear: both;
      padding-right: 5px;
      color: #a6a197; }
    #inventory table.quantity-actions dd {
      float: left; }
    #inventory table.quantity-actions.quickship td.inventory {
      width: 141px; }
    #inventory table.quantity-actions .quantity-value {
      width: 130px; }
    #inventory table.quantity-actions .detail-values {
      width: 146px; }
    #inventory table.quantity-actions .order-actions {
      width: auto;
      min-width: 106px;
      text-align: center;
      padding-left: 0px;
      border-left: 0; }
    #inventory table.quantity-actions .detail-values .location {
      display: none; }
    #inventory table.quantity-actions .showLocation .detail-values .location {
      display: block; }
  #inventory tr.alt td, #inventory table.alt tr.default td {
    background-color: #f0f0ee; }
  #inventory table tr.default.open td {
    background-color: #e2e1dd; }
  #inventory table.quantity-actions tr.alt td {
    background-color: #f0f0ee; }
  #inventory table.quantity-actions tr.alt:hover td {
    background-color: transparent; }
  #inventory table.quantity-actions .help {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  #inventory table#inventory-list > tbody {
    border-bottom: 1px solid #e2e1dd; }
  #inventory table#inventory-list > tbody > tr > td.product {
    border-bottom: 1px solid #e2e1dd;
    border-left: 1px solid #e2e1dd; }
  #inventory table.backings {
    border-left: 2px solid #e2e1dd;
    border-right: 2px solid #e2e1dd; }
    #inventory table.backings > tbody > tr.default {
      border-top: 1px solid #e2e1dd; }
      #inventory table.backings > tbody > tr.default > td {
        border-right: 1px solid #e2e1dd; }
    #inventory table.backings > tbody > tr.default.open {
      border-top: 1px solid #fff; }
  #inventory table.backings > tbody > tr.alt {
    background-color: #f0f0ee; }
  #inventory table.backings > tbody > tr:hover > td.backing, #inventory table.backings > tbody > tr:hover td.size, #inventory table.backings > tbody > tr:hover td.quantity, #inventory table.backings > tbody > tr:hover td.detail {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #f5f5f5), color-stop(100%, #ebebeb));
    background: -moz-linear-gradient(#f5f5f5 30%, #ebebeb);
    background: -webkit-linear-gradient(#f5f5f5 30%, #ebebeb);
    background: linear-gradient(#f5f5f5 30%, #ebebeb); }
  #inventory table.backings > tbody > tr.empty > td.backing, #inventory table.backings > tbody > tr.empty td.size, #inventory table.backings > tbody > tr.empty td.quantity, #inventory table.backings > tbody > tr.empty td.detail, #inventory table.backings > tbody tr.empty:hover > td.backing, #inventory table.backings > tbody tr.empty:hover td.size, #inventory table.backings > tbody tr.empty:hover td.quantity, #inventory table.backings > tbody tr.empty:hover td.detail {
    cursor: default;
    background: none; }
  #inventory table.backings .detail span.quickship {
    display: inline-block; }
  #inventory .content {
    position: relative;
    min-height: 24px; }
  #inventory .row-indicator {
    display: block;
    width: 10px;
    height: 10px;
    padding: 4px;
    background: url("../images/dropdown-indicator.png") no-repeat center center;
    position: absolute;
    right: 10px;
    top: 13%; }
  #inventory table.backings .open .row-indicator {
    background: url("../images/dropdown-indicator-active.png") no-repeat center center; }
  #inventory #modal-active {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 699; }

.interstitial-container {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 510; }

#seeAllResults {
  margin-bottom: 10px; }

.tipsy.interstitial {
  z-index: 99999999999; }

.tipsy {
  max-width: 300px;
  position: absolute;
  padding: 10px;
  z-index: 100; }

.tipsy-inner {
  background-color: #69614c;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  color: #ebeae8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  padding: 12px 20px;
  text-align: center; }

.tipsy-arrow {
  border: 10px dashed #69614c;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0; }

.tipsy-arrow-n {
  border-bottom-color: #69614c; }

.tipsy-arrow-s {
  border-top-color: #69614c; }

.tipsy-arrow-e {
  border-left-color: #69614c; }

.tipsy-arrow-w {
  border-right-color: #69614c; }

.tipsy-n .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  top: 1px;
  left: 50%;
  margin-left: -10px; }

.tipsy-nw .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  left: 30px;
  top: 1px; }

.tipsy-ne .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  right: 30px;
  top: 1px; }

.tipsy-s .tipsy-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -10px;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid; }

.tipsy-sw .tipsy-arrow {
  bottom: 1px;
  left: 10px;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid; }

.tipsy-se .tipsy-arrow {
  bottom: 1px;
  right: 10px;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid; }

.tipsy-e .tipsy-arrow {
  right: 1px;
  margin-top: -10px;
  border-bottom-color: transparent;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  top: 50%; }

.tipsy-w .tipsy-arrow {
  border-bottom-color: transparent;
  border-left: none;
  border-right-style: solid;
  border-top-color: transparent;
  left: 1px;
  margin-top: -10px;
  top: 50%; }

.indicator .tipsy-inner {
  padding: 0;
  display: table; }
.indicator .content, .indicator .close {
  display: table-cell;
  min-height: 40px;
  vertical-align: middle; }
.indicator .content {
  padding: 15px 20px;
  text-align: left;
  max-width: 300px; }
.indicator .close {
  cursor: pointer;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 0 10px;
  -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 24px; }
  .indicator .close .icon, .indicator .close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .indicator .close span, .indicator .close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .indicator .close span {
    display: block;
    background-position: -120px -48px;
    height: 24px;
    width: 24px; }
  .indicator .close:hover {
    background-color: rgba(249, 249, 249, 0.15);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
.indicator.error {
  z-index: 200; }
  .indicator.error .tipsy-inner {
    background-color: #d00;
    color: #fce6e6; }
  .indicator.error .tipsy-arrow-n {
    border-bottom-color: #d00; }
  .indicator.error .tipsy-arrow-s {
    border-top-color: #d00; }
  .indicator.error .tipsy-arrow-e {
    border-left-color: #d00; }
  .indicator.error .tipsy-arrow-w {
    border-right-color: #d00; }
.indicator.instruction .tipsy-inner {
  width: 300px; }
.indicator.instruction .content {
  margin-right: 30px; }
.indicator.fixed {
  position: fixed;
  z-index: 2000; }

.tipsy.tooltip {
  z-index: 2000; }

.tuck-left {
  margin-left: -25px; }

.marker {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  position: relative; }

.marker-content {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.marker:before {
  width: 30px;
  height: 30px;
  display: block;
  content: "";
  position: absolute;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  background: #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.ie8 .marker:before,
.ie7 .marker:before {
  display: none;
  visibility: hidden; }

/* Standard forms - these are forms that we've styled for general use on the site */
form.standard {
  *zoom: 1; }
  form.standard:after {
    content: "";
    display: table;
    clear: both; }
  form.standard h2, form.standard h3 {
    font-weight: 300; }
  form.standard h3 {
    color: #a6a197;
    text-align: center; }
    form.standard h3 a {
      color: #a6a197; }

/* Compact forms - these are smaller, less complex forms. Used in the checkout process. */
form.compact {
  *zoom: 1; }
  form.compact:after {
    content: "";
    display: table;
    clear: both; }

form .fieldset-header {
  margin-top: 25px; }
  form .fieldset-header h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0; }
  form .fieldset-header h3 {
    font-size: 14px;
    font-style: italic;
    text-align: left;
    margin: 5px 0 15px; }

/* Form fields list (<ul> or <ol> element) */
.form-fields {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1; }
  .form-fields:after {
    content: "";
    display: table;
    clear: both; }

.formError {
  display: none !important; }

#error-container {
  display: none; }

#error-container a, .required-errors a {
  display: block;
  padding: 5px 0; }

.select-field .selector.error {
  background-color: #fef5f5;
  border-color: #d00; }

/* Fieldgroups */
.fieldgroup {
  margin: 0 0 10px;
  *zoom: 1; }
  .fieldgroup:after {
    content: "";
    display: table;
    clear: both; }
  .fieldgroup:last-of-type {
    margin-bottom: 0; }
    .fieldgroup:last-of-type .field:last-of-type label {
      margin-bottom: 0; }
      .fieldgroup:last-of-type .field:last-of-type label.hidden {
        display: none; }
  .fieldgroup .title {
    line-height: 1;
    margin: 0 0 10px; }
  .fieldgroup label {
    font-size: 14px; }
  .fieldgroup b {
    color: #d00; }

/* General field styles */
.field {
  margin-bottom: 10px;
  position: relative; }
  .field label {
    color: #a6a197;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 5px 5px 5px 0; }
    .field label.hidden {
      font: 0/0 serif;
      text-shadow: none;
      color: transparent; }
    .field label.error {
      background: #69614c;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      bottom: -15px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
      box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
      color: #f9f9f9;
      display: none;
      font-style: normal;
      max-width: 250px;
      min-width: 150px;
      padding: 10px;
      position: absolute;
      right: 0;
      z-index: 4000; }
      .field label.error:after {
        background: transparent url("http://interfaceinc.scene7.com/is/image/InterfaceInc/error-label-tip?fmt=png-alpha") center top no-repeat;
        height: 20px;
        content: "";
        right: 10px;
        position: absolute;
        top: -19px;
        width: 35px; }
  .field:hover label.error, .field input:focus + label.error {
    display: block; }

/* Inputs and textareas */
input.text, textarea, .selector {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -moz-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0) 40px);
  background: -webkit-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0) 40px);
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0) 40px);
  background-color: #f9f9f9;
  border: 1px solid #a6a197;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #4d442e;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0;
  padding: 10px;
  -moz-transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 100%; }
  input.text:hover, textarea:hover, .selector:hover, input.text.hover, textarea.hover, .hover.selector {
    background-color: #fcfcfc;
    -moz-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms; }
  input.text:focus, textarea:focus, .selector:focus, input.text.focus, textarea.focus, .focus.selector {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 20px);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 20px);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 20px);
    background-color: #fff;
    border-color: #4d442e;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    outline: none; }
  input.text.error, textarea.error, .error.selector {
    background-color: #fef5f5;
    border-color: #d00; }
  input.text.small, textarea.small, .small.selector {
    font-size: 14px;
    padding: 5px; }
  input.text.disabled, textarea.disabled, .disabled.selector {
    background-color: #edecea;
    background-image: none; }

textarea {
  height: 120px;
  resize: none; }

/* Radio and checkbox fields */
input[type="checkbox"], input[type="radio"] {
  margin-right: 5px; }

.radio-field label, .checkbox-field label {
  color: #a6a197;
  font-size: 14px;
  font-style: normal;
  padding-left: 5px; }

/* Photo upload fields */
.photo_upload-field {
  margin-bottom: 30px;
  *zoom: 1; }
  .photo_upload-field:after {
    content: "";
    display: table;
    clear: both; }
  .photo_upload-field label {
    color: #4d442e;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold; }
  .photo_upload-field .photo {
    float: left;
    margin-right: 15px;
    width: 100px; }
  .photo_upload-field img {
    border: 1px solid #a6a197;
    display: block;
    vertical-align: top; }
  .photo_upload-field .input {
    float: left;
    overflow: hidden;
    position: relative;
    width: 300px; }
    .photo_upload-field .input input {
      text-indent: -9999px;
      position: absolute;
      visibility: hidden; }
    .photo_upload-field .input .button {
      margin-right: 10px; }
    .photo_upload-field .input .filename {
      display: block;
      margin: 12px 0 2px;
      max-width: 300px;
      overflow: hidden;
      -moz-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .photo_upload-field .input .filename.hide {
        height: 0px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    .photo_upload-field .input .close {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-indent: -119988px;
      overflow: hidden;
      text-align: left;
      background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/close-small?fmt=png-alpha");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 16px;
      height: 16px; }
  .photo_upload-field .note {
    color: #a6a197;
    font-size: 11px;
    font-style: italic;
    font-weight: 400; }

/* select fields */
.selector {
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .selector span {
    display: block;
    font-size: 16px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .selector span:after {
      border-color: #a6a197 transparent transparent transparent;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      height: 0;
      width: 0;
      content: "";
      display: block;
      margin-top: -3px;
      position: absolute;
      right: 10px;
      top: 50%;
      z-index: 2; }
  .selector.loading {
    background: url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") no-repeat center center;
    text-indent: -9999999px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
  .selector select {
    width: 100%;
    height: 100%;
    bottom: 0;
    border: none;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3; }
    .selector select option {
      padding: 5px; }
  .selector.hover span:after, .selector.focus span:after {
    border-color: #4d442e transparent transparent transparent; }
  .selector.small {
    padding: 0; }
    .selector.small span {
      font-size: 12px;
      padding: 8px 24px 8px 8px; }
      .selector.small span:after {
        right: 8px; }

.salesperson-field {
  line-height: 1.25;
  *zoom: 1; }
  .salesperson-field:after {
    content: "";
    display: table;
    clear: both; }
  .salesperson-field .photo img {
    float: left;
    margin-right: 20px; }
  .salesperson-field .name {
    margin: 0; }
  .salesperson-field .phone, .salesperson-field .email {
    color: #a6a197;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin: 0; }
  .salesperson-field p.email_address {
    margin-top: 0; }
    .salesperson-field p.email_address a {
      color: #a6a197;
      text-decoration: none; }
      .salesperson-field p.email_address a:hover {
        text-decoration: underline; }

#floor_data_fieldgroup {
  margin-top: 20px;
  padding: 15px 20px;
  border: 1px solid #e2e1dd;
  display: none; }

.floorshare-field {
  *zoom: 1;
  margin-bottom: 0;
  color: #a6a197; }
  .floorshare-field:after {
    content: "";
    display: table;
    clear: both; }
  .floorshare-field figure {
    width: 60px;
    float: left;
    padding-right: 15px;
    padding: 0px 15px 0 0; }
  .floorshare-field img {
    width: 100%;
    height: auto; }
  .floorshare-field h4 {
    margin: 0;
    padding: 10px 0 0; }
  .floorshare-field p {
    margin: 5px 0; }
  .floorshare-field h4, .floorshare-field a:link, .floorshare-field a:visited {
    color: inherit; }

.address-field {
  color: #a6a197;
  font-size: 14px;
  line-height: 1.4; }
  .address-field label {
    font: 0/0 serif;
    text-shadow: none;
    color: transparent; }
  .address-field .address-select {
    display: block;
    margin-top: 20px; }

.date-field {
  position: relative; }
  .date-field .ui-datepicker-trigger {
    position: absolute;
    right: 15px;
    top: 12px; }

.ui-datepicker {
  background: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  display: none;
  width: 18em; }
  .ui-datepicker .ui-datepicker-header {
    height: 32px;
    position: relative; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    top: 0;
    width: 32px;
    height: 32px; }
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
      margin: 4px; }
  .ui-datepicker .ui-datepicker-prev {
    left: 0; }
    .ui-datepicker .ui-datepicker-prev span {
      background-position: 0px -72px;
      height: 24px;
      width: 24px; }
  .ui-datepicker .ui-datepicker-next {
    right: 0; }
    .ui-datepicker .ui-datepicker-next span {
      background-position: -24px -72px;
      height: 24px;
      width: 24px; }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    background-color: #dcdbd9;
    cursor: pointer; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    margin: 0 2.3em;
    text-align: center;
    text-transform: uppercase; }
    .ui-datepicker .ui-datepicker-title select {
      line-height: 1.3em;
      margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 42%; }
  .ui-datepicker table {
    border-collapse: collapse;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4px 0.9em;
    width: 90%; }
  .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 1px solid #e2e1dd;
    padding: 0; }
    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      padding: 0.4em 0.2em;
      text-align: right;
      text-decoration: none; }
    .ui-datepicker td a {
      color: #a6a197; }
      .ui-datepicker td a.ui-state-hover {
        background-color: #f1f0ee;
        color: #34b5d0; }
      .ui-datepicker td a.ui-state-highlight {
        color: #4d442e; }
      .ui-datepicker td a.ui-state-active {
        background-color: #e2e1dd;
        color: #4d442e; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: 0.5em 0.2em 0.4em;
      cursor: pointer;
      padding: 0.2em 0.6em 0.3em 0.6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }

#ui-datepicker-div {
  z-index: 1000 !important; }

.field .hint {
  display: block;
  position: absolute;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/small-hint?fmt=png-alpha");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 16px;
  height: 16px;
  right: -24px;
  top: 12px; }

#header, #content-area, #footer {
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  position: relative;
  max-width: 960px;
  width: auto !important; }
  #header:after, #content-area:after, #footer:after {
    content: "";
    display: table;
    clear: both; }

#contain-to-grid.fixed {
  -moz-box-shadow: 0px -12px 34px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px -12px 34px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -12px 34px 10px rgba(0, 0, 0, 0.3); }

#header {
  height: 48px;
  position: relative;
  padding: 0; }
  #header #site-name,
  #header #primary-nav,
  #header #toolbox-nav,
  #header #secondary-nav,
  #header #tertiary-nav {
    position: absolute; }
  #header #site-name {
    top: 53px;
    margin: 0; }
  #header #primary-nav {
    right: 0;
    top: 64px; }
  #header #toolbox-nav {
    right: 0;
    top: 0; }
    #header #toolbox-nav #nav-item-region {
      padding-right: 0; }

#secondary-nav {
  top: 12px;
  max-width: 960px;
  width: 100%; }
  #secondary-nav .primary-tools {
    float: left; }
    #secondary-nav .primary-tools > * {
      float: left; }
  #secondary-nav .secondary-tools {
    float: right; }
    #secondary-nav .secondary-tools .secondary {
      padding-right: 0;
      padding-left: 16px; }
    #secondary-nav .secondary-tools > * {
      float: left; }
  #secondary-nav #tertiary-nav {
    display: none; }

#site-name a {
  width: 170px;
  height: 33px;
  display: inline-block; }
#site-name .icon, #site-name .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #site-name span, #site-name .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #site-name span {
  width: 170px;
  height: 33px;
  background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/Interfacelogo2015medRbrown?fmt=png&wid=170"); }

#header-nav #primary-nav li {
  float: left;
  font-size: 18px; }
  #header-nav #primary-nav li a {
    padding: 0 18px;
    color: #66614e; }
#header-nav #toolbox-nav li {
  float: left;
  padding: 18px;
  position: relative; }
#header-nav #toolbox-nav a {
  color: #a6a197;
  text-transform: uppercase;
  font-size: 11px; }
  #header-nav #toolbox-nav a img {
    display: none; }
#header-nav #toolbox-nav li ul {
  -moz-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.2);
  padding: 0;
  position: absolute;
  top: 48px;
  width: 200px;
  left: -50%;
  right: -50%;
  z-index: 400;
  display: none;
  opacity: 0;
  visibility: hidden; }
  #header-nav #toolbox-nav li ul li, #header-nav #toolbox-nav li ul a, #header-nav #toolbox-nav li ul .dropdown {
    line-height: 100%;
    font-size: inherit; }
  #header-nav #toolbox-nav li ul li {
    float: none;
    background: #fff;
    display: block;
    padding: 0; }
    #header-nav #toolbox-nav li ul li a {
      text-transform: none;
      text-align: center;
      border-bottom: 1px solid #eee;
      margin: 0 10px;
      padding: 16px 18px;
      display: block;
      width: auto;
      background: white; }
      #header-nav #toolbox-nav li ul li a:hover {
        background: rgba(255, 255, 255, 0.85); }
#header-nav #toolbox-nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible; }

#nav-item-search {
  overflow: hidden;
  width: 18px;
  height: 24px; }
  #nav-item-search a {
    padding: 0 !important; }
  #nav-item-search .icon, #nav-item-search .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #nav-item-search span, #nav-item-search .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #nav-item-search span {
    width: 24px;
    height: 21px;
    background: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/search-icon?wid=17");
    background-repeat: no-repeat;
    background-position: 0 0; }

#header-nav #toolbox-nav #nav-item-orders .has-count, #header-nav #toolbox-nav #nav-item-dashboard .has-count {
  color: #E5423E; }
  #header-nav #toolbox-nav #nav-item-orders .has-count .counter, #header-nav #toolbox-nav #nav-item-dashboard .has-count .counter {
    display: inline; }
#header-nav #toolbox-nav #nav-item-orders .counter, #header-nav #toolbox-nav #nav-item-dashboard .counter {
  display: none;
  position: static;
  font-weight: normal;
  padding: 3px; }
  #header-nav #toolbox-nav #nav-item-orders .counter:before, #header-nav #toolbox-nav #nav-item-dashboard .counter:before {
    content: "("; }
  #header-nav #toolbox-nav #nav-item-orders .counter:after, #header-nav #toolbox-nav #nav-item-dashboard .counter:after {
    content: ")"; }

#content-area {
  padding-top: 13px; }

#content-area {
  margin-bottom: 90px;
  min-height: 480px;
  position: relative;
  padding-bottom: 40px; }
  #content-area .container {
    *zoom: 1; }
    #content-area .container:after {
      content: "";
      display: table;
      clear: both; }
  #content-area.loading {
    min-height: 400px;
    background: url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") center center no-repeat; }

#interstitials {
  display: none; }

#footer {
  background: #e2e1dd;
  color: #a6a197;
  font-size: 11px;
  z-index: 1000;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%; }
  #footer .container {
    margin: 0 auto;
    max-width: 960px;
    padding: 36px 0px;
    *zoom: 1; }
    #footer .container:after {
      content: "";
      display: table;
      clear: both; }
  #footer a {
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }

#footer-primary {
  float: left;
  width: 40%; }

#footer-nav {
  font-weight: bold;
  margin: 0 0 2px;
  *zoom: 1; }
  #footer-nav:after {
    content: "";
    display: table;
    clear: both; }
  #footer-nav li {
    float: left;
    margin-right: 15px; }
  #footer-nav a {
    color: #a6a197; }

#footer-copyright {
  font-size: 10px;
  line-height: 1.4;
  margin: 0; }
  #footer-copyright a {
    color: #a6a197;
    margin-left: 10px; }

#footer-secondary {
  float: left;
  width: 50%;
  margin-left: 20px; }

#footer-social-links {
  border: 1px solid #d1d0cc;
  border-width: 0 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 20px 0 5px;
  *zoom: 1; }
  #footer-social-links:after {
    content: "";
    display: table;
    clear: both; }
  #footer-social-links li {
    float: left;
    margin-left: 15px;
    padding: 10px 0; }
  #footer-social-links a {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    #footer-social-links a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    #footer-social-links a.facebook .icon, #footer-social-links a.facebook .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-social-links a.facebook span, #footer-social-links a.facebook .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-social-links a.facebook span {
      background-position: 0px -48px;
      height: 24px;
      width: 24px; }
    #footer-social-links a.linkedin .icon, #footer-social-links a.linkedin .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-social-links a.linkedin span, #footer-social-links a.linkedin .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-social-links a.linkedin span {
      background-position: -96px -96px;
      height: 24px;
      width: 24px; }
    #footer-social-links a.twitter .icon, #footer-social-links a.twitter .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-social-links a.twitter span, #footer-social-links a.twitter .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-social-links a.twitter span {
      background-position: -24px -48px;
      height: 24px;
      width: 24px; }
    #footer-social-links a.youtube .icon, #footer-social-links a.youtube .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-social-links a.youtube span, #footer-social-links a.youtube .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-social-links a.youtube span {
      background-position: -48px -48px;
      height: 24px;
      width: 24px; }
    #footer-social-links a.pinterest .icon, #footer-social-links a.pinterest .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-social-links a.pinterest span, #footer-social-links a.pinterest .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-social-links a.pinterest span {
      background-position: -96px -72px;
      height: 24px;
      width: 24px; }
  #footer-social-links a, #footer-social-links a:hover {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; }

#footer-change-country {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #4d442e;
  display: block;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 10px 0 10px 30px;
  -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 50%; }
  #footer-change-country:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  #footer-change-country .icon, #footer-change-country .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev #footer-change-country span, #footer-change-country .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next #footer-change-country span {
    float: left;
    background-position: -72px -48px;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 10px; }
  #footer-change-country .label {
    font-size: 12px;
    font-weight: bold;
    line-height: 28px; }

a#footer-change-country, a#footer-change-country:hover {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; }

.grid-structure {
  *zoom: 1; }
  .grid-structure:after {
    content: "";
    display: table;
    clear: both; }
  .grid-structure .column {
    float: left; }
    .grid-structure .column img[src='/assets/images/placeholder.png'] {
      height: 300px;
      width: 100%; }

.one-column .column {
  float: none;
  max-width: 960px;
  width: 100%; }

.two-column .column {
  float: left;
  margin-right: 12px;
  width: 474px; }
  .two-column .column.row-end, .two-column .column.column-2 {
    margin-right: 0; }

.three-column .column {
  float: left;
  margin-right: 1.25%;
  width: 32.5%; }
  .three-column .column img {
    min-height: 312px; }
  .three-column .column.row-end, .three-column .column.column-3 {
    margin-right: 0; }
.three-column.right .column {
  float: right;
  margin-right: 0;
  margin-left: 1.25%; }
  .three-column.right .column.row-end, .three-column.right .column.column-3 {
    margin-left: 0; }

.five-column .tile img {
  min-height: 184px; }
.five-column .column {
  float: left;
  margin-right: 1%;
  width: 19%; }
  .five-column .column.row-end, .five-column .column.column-5 {
    margin-right: 0; }
.five-column.right .column {
  float: right;
  margin-right: 0;
  margin-left: 1%; }
  .five-column.right .column.row-end, .five-column.right .column.column-5 {
    margin-left: 0; }

.one-column-textual .column {
  float: none;
  margin: 0 12.5%;
  width: 75%; }

.three-column-small > li {
  width: 204px; }
.three-column-small .thumbnail a, .three-column-small .thumbnail img {
  height: 204px;
  width: 204px; }
.three-column-small .thumbnail .details {
  width: 204px; }

.add-favorite {
  background-color: #edecea;
  cursor: pointer;
  margin-top: -76px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 20; }
  .add-favorite .icon, .add-favorite .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .add-favorite span, .add-favorite .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .add-favorite span {
    display: block;
    background-position: -168px 0px;
    height: 24px;
    width: 24px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    position: relative;
    -moz-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .add-favorite:hover .icon, .add-favorite:hover .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .add-favorite:hover span, .add-favorite:hover .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .add-favorite:hover span {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .favorited .add-favorite .icon, .favorited .add-favorite .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .favorited .add-favorite span, .favorited .add-favorite .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .favorited .add-favorite span {
    background-position: -144px 0px; }

.article-link {
  color: #4d442e;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none; }
  .article-link:hover {
    color: #6f6650;
    text-decoration: underline; }

button, .button {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2Y5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzc5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007f9f), color-stop(100%, #007795));
  background: -moz-linear-gradient(#007f9f, #007795);
  background: -webkit-linear-gradient(#007f9f, #007795);
  background: linear-gradient(#007f9f, #007795);
  background-color: #007b9a;
  border: 1px solid #065672;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f9f9f9;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 14px;
  margin: 0 15px 0 0;
  padding: 10px 15px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0; }
  button:hover, .button:hover {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGJhZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmI4NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008bae), color-stop(100%, #006b86));
    background: -moz-linear-gradient(#008bae, #006b86);
    background: -webkit-linear-gradient(#008bae, #006b86);
    background: linear-gradient(#008bae, #006b86);
    background-color: #005978;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 1px 4px;
    color: #f9f9f9;
    text-decoration: none; }
  button:active, .button:active {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzM5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083a4), color-stop(100%, #007390));
    background: -moz-linear-gradient(#0083a4, #007390);
    background: -webkit-linear-gradient(#0083a4, #007390);
    background: linear-gradient(#0083a4, #007390);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  button.secondary, .button.secondary {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTNlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZGZkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e3e0), color-stop(100%, #e0dfda));
    background: -moz-linear-gradient(#e4e3e0, #e0dfda);
    background: -webkit-linear-gradient(#e4e3e0, #e0dfda);
    background: linear-gradient(#e4e3e0, #e0dfda);
    background-color: #e2e1dd;
    border-color: #d1d0cc;
    color: #4d442e;
    text-shadow: rgba(249, 249, 249, 0.75) 0 1px 0; }
    button.secondary:hover, .button.secondary:hover {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDdkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebe8), color-stop(100%, #d9d7d2));
      background: -moz-linear-gradient(#ebebe8, #d9d7d2);
      background: -webkit-linear-gradient(#ebebe8, #d9d7d2);
      background: linear-gradient(#ebebe8, #d9d7d2);
      background-color: #c0bfbb;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px, rgba(0, 0, 0, 0.1) 0 0 2px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px, rgba(0, 0, 0, 0.1) 0 0 2px;
      box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px, rgba(0, 0, 0, 0.1) 0 0 2px;
      color: #4d442e; }
    button.secondary:active, .button.secondary:active {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZThlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGFkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e8e5), color-stop(100%, #dbdad5));
      background: -moz-linear-gradient(#e9e8e5, #dbdad5);
      background: -webkit-linear-gradient(#e9e8e5, #dbdad5);
      background: linear-gradient(#e9e8e5, #dbdad5);
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  button.inverted, .button.inverted {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYTg5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlmOWE4ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ada89f), color-stop(100%, #9f9a8f));
    background: -moz-linear-gradient(#ada89f, #9f9a8f);
    background: -webkit-linear-gradient(#ada89f, #9f9a8f);
    background: linear-gradient(#ada89f, #9f9a8f);
    background-color: #a6a197;
    border-color: #847f75;
    color: #fff;
    text-shadow: rgba(77, 68, 46, 0.75) 0 1px 0; }
    button.inverted:hover, .button.inverted:hover {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYjdiMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxOGI3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbb7b0), color-stop(100%, #918b7e));
      background: -moz-linear-gradient(#bbb7b0, #918b7e);
      background: -webkit-linear-gradient(#bbb7b0, #918b7e);
      background: linear-gradient(#bbb7b0, #918b7e);
      background-color: #625d53;
      color: #fff; }
    button.inverted:active, .button.inverted:active {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYTg5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlmOWE4ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ada89f), color-stop(100%, #9f9a8f));
      background: -moz-linear-gradient(#ada89f, #9f9a8f);
      background: -webkit-linear-gradient(#ada89f, #9f9a8f);
      background: linear-gradient(#ada89f, #9f9a8f);
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  button.giant, .button.giant {
    display: block;
    float: none;
    font-size: 24px;
    line-height: 120%;
    font-weight: 300;
    margin: 0;
    padding: 36px 30px;
    width: 100%; }
    button.giant:hover, .button.giant:hover {
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 6px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 6px;
      box-shadow: rgba(0, 0, 0, 0.5) 0 2px 6px; }
    button.giant:active, .button.giant:active {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  button.giant.secondary:hover, .button.giant.secondary:hover {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px; }
  button.giant.secondary:active, .button.giant.secondary:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  button.small, .button.small {
    font-size: 12px;
    padding: 6px 8px; }
  button.last, .button.last {
    margin-right: 0; }
  button:disabled, button.disabled, .button:disabled, .button.disabled {
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
    button:disabled:hover, button.disabled:hover, .button:disabled:hover, .button.disabled:hover {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2Y5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzc5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007f9f), color-stop(100%, #007795));
      background: -moz-linear-gradient(#007f9f, #007795);
      background: -webkit-linear-gradient(#007f9f, #007795);
      background: linear-gradient(#007f9f, #007795);
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }

.content-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  *zoom: 1; }
  .content-list:after {
    content: "";
    display: table;
    clear: both; }
  .content-list li {
    background: #f0f0ee;
    float: left;
    margin-right: 1%;
    height: 350px;
    overflow: hidden;
    width: 19%; }
    .content-list li:hover img {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
      opacity: 0.75; }
    .content-list li a {
      display: block; }
  .content-list .thumb {
    position: relative;
    max-height: 184px;
    overflow: hidden;
    display: block;
    background: #a6a197; }
    .content-list .thumb .active-video {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100px;
      min-height: 100px;
      text-indent: -999999px;
      background: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/arrow-video?fmt=png-alpha") center center no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }
      .content-list .thumb .active-video:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
  .content-list h4 .thumb {
    background: none;
    min-height: auto;
    display: inline; }
  .content-list img {
    height: auto;
    -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: top;
    width: 100%; }
  .content-list .body {
    padding: 10px 15px; }
  .content-list .title {
    font-size: 18px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    margin: 0 0 5px; }
    .content-list .title a {
      color: #4d442e; }
      .content-list .title a:hover {
        text-decoration: none; }
  .content-list p {
    color: #6f6650;
    line-height: 1.5;
    margin: 0 0 10px; }
    .content-list p:last-of-type {
      margin-bottom: 0; }

.copy p {
  color: #a6a197;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 12px; }
  .copy p:last-of-type {
    margin-bottom: 0; }

.cta {
  color: #007b9a;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1;
  padding: 8px; }
  .cta .icon, .cta .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .cta span, .cta .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .cta span {
    line-height: 22px;
    margin-top: -2px;
    -moz-transition: margin-left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: margin-left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: margin-left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: margin-left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .cta:hover {
    color: #33aecd;
    text-decoration: none; }
    .cta:hover .icon, .cta:hover .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .cta:hover span, .cta:hover .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .cta:hover span {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
      opacity: 0.9; }
  .cta.secondary {
    color: #007b9a; }
    .cta.secondary .icon, .cta.secondary .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .cta.secondary span, .cta.secondary .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .cta.secondary span {
      background-position: -144px -48px; }
    .cta.secondary:hover {
      color: #847f75; }
  .cta.primary {
    margin-left: 16px;
    color: white;
    background-color: #ec5a4f; }
    .cta.primary .icon, .cta.primary .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .cta.primary span, .cta.primary .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .cta.primary span {
      display: none; }

.feature {
  color: #a6a197;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 24px; }

.headline {
  color: #4d442e;
  font-size: 34px;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 40px;
  text-rendering: optimizeLegibility; }
  .headline b, .headline strong {
    font-weight: 700; }

.icon, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/sprites?wid=200&fmt=png-alpha");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px; }
  .icon.help, .ui-datepicker .ui-datepicker-prev span.help, .ui-datepicker .ui-datepicker-next span.help {
    background-position: -120px 0px;
    height: 24px;
    width: 24px; }
  .icon.info, .ui-datepicker .ui-datepicker-prev span.info, .ui-datepicker .ui-datepicker-next span.info {
    background-position: -120px -96px;
    height: 24px;
    width: 24px; }

.icon-filter-controls li {
  float: left; }
.icon-filter-controls a {
  display: block;
  height: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 8px 0 8px 8px;
  -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 24px; }
  .icon-filter-controls a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75; }
  .icon-filter-controls a.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  .icon-filter-controls a .icon, .icon-filter-controls a .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .icon-filter-controls a span, .icon-filter-controls a .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .icon-filter-controls a span {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 24px;
    height: 24px; }
  .icon-filter-controls a.installation .icon, .icon-filter-controls a.installation .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .icon-filter-controls a.installation span, .icon-filter-controls a.installation .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .icon-filter-controls a.installation span {
    background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/installation?wid=24&hei=24"); }
  .icon-filter-controls a.configuration .icon, .icon-filter-controls a.configuration .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .icon-filter-controls a.configuration span, .icon-filter-controls a.configuration .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .icon-filter-controls a.configuration span {
    background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/installation-configuration?wid=24&hei=24"); }
  .icon-filter-controls a.detail .icon, .icon-filter-controls a.detail .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .icon-filter-controls a.detail span, .icon-filter-controls a.detail .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .icon-filter-controls a.detail span {
    background-image: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/installation-detail?wid=24&hei=24"); }

.nav-menu {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }
  .nav-menu li {
    float: left;
    margin-right: 15px; }
  .nav-menu a {
    color: #a6a197;
    display: block;
    line-height: 40px;
    text-decoration: none; }
    .nav-menu a:hover {
      color: #7a7363; }
  .nav-menu .active a {
    color: #4d442e;
    font-weight: 700; }

.page-title, .page-subtitle {
  float: left;
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  margin: 0 10px 0 0; }
  .page-title a, .page-subtitle a {
    color: #4d442e; }

.page-subtitle {
  color: #a6a197;
  font-size: 12px;
  line-height: 40px; }

.product {
  *zoom: 1;
  position: relative; }
  .product:after {
    content: "";
    display: table;
    clear: both; }

.product-header {
  *zoom: 1; }
  .product-header:after {
    content: "";
    display: table;
    clear: both; }
  .product-header .specs {
    color: #a6a197;
    float: left; }
    .product-header .specs > * {
      float: left; }
  .product-header .label {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 15px 10px 0; }
  .product-header p {
    font-weight: bold;
    line-height: 38px;
    margin: 0 15px 0 0; }
    .product-header p.alert {
      color: #71273d;
      font-size: 11px;
      width: 500px;
      overflow: hidden;
      height: 38px; }
  .product-header .actions {
    float: right;
    text-align: right;
    position: absolute;
    right: 0; }
    .product-header .actions > * {
      float: left;
      margin-left: 10px; }

.static-wrapper {
  position: relative; }

.quicksearch {
  max-width: 960px;
  z-index: 1100; }
  .scrolled .quicksearch {
    -moz-box-shadow: #f9f9f9 0 5px 40px;
    -webkit-box-shadow: #f9f9f9 0 5px 40px;
    box-shadow: #f9f9f9 0 5px 40px;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
  .quicksearch.empty {
    background: #e2e1dd;
    height: 60px;
    margin-left: 0;
    position: static;
    z-index: 1; }
  .small-window .quicksearch {
    margin-bottom: 20px; }

.quicksearch-form {
  background-color: #e2e1dd;
  padding: 0 40px;
  *zoom: 1; }
  .quicksearch-form:after {
    content: "";
    display: table;
    clear: both; }
  .quicksearch-form form {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 85%; }
    .quicksearch-form form.loading {
      position: relative;
      display: block; }
      .quicksearch-form form.loading input.submit {
        display: none; }
      .quicksearch-form form.loading:before {
        width: 32px;
        height: 32px;
        display: block;
        position: absolute;
        top: 13px;
        right: 7px;
        content: ".";
        background: url("http://interfaceinc.scene7.com/is/content/InterfaceInc/loading") no-repeat center center;
        text-indent: -99999px;
        -moz-background-size: 75%;
        -o-background-size: 75%;
        -webkit-background-size: 75%;
        background-size: 75%; }
  .quicksearch-form label {
    float: left;
    font-size: 14px;
    padding: 12px 12px 12px 0;
    width: 38%; }
  .quicksearch-form input.text, .quicksearch-form textarea, .quicksearch-form .selector {
    float: left;
    font-size: 14px;
    padding-right: 32px;
    width: 60%; }
  .quicksearch-form input.submit {
    margin-top: -12px;
    position: absolute;
    top: 30px;
    right: 10px;
    cursor: default; }
  .quicksearch-form .quicksearch-filters {
    color: #4d442e;
    float: right;
    padding: 22px 0; }

.quicksearch-results {
  background-color: #f9f9f9;
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  left: 338px;
  max-height: 400px;
  overflow: auto;
  position: absolute;
  -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 50px;
  width: 447px;
  z-index: 100; }
  .quicksearch-results.hidden {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    display: none; }
  .quicksearch-results .all-results-link {
    color: #a6a197;
    display: block;
    font-size: 14px;
    padding: 10px;
    -moz-transition: background-color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: background-color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: background-color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background-color 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    text-align: center; }
    .quicksearch-results .all-results-link:hover {
      background-color: #e8e8e8;
      text-decoration: none; }
  .small-window .quicksearch-results {
    left: 410px; }

.quicksearch-results-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: table;
  width: 100%; }
  .quicksearch-results-list li {
    display: table-row;
    background-color: #f9f9f9;
    border-bottom: 1px solid #edecea;
    cursor: pointer;
    height: 73px;
    overflow: hidden;
    *zoom: 1;
    -moz-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .quicksearch-results-list li:after {
      content: "";
      display: table;
      clear: both; }
    .quicksearch-results-list li:hover {
      background-color: #e8e8e8; }
      .quicksearch-results-list li:hover .actions button {
        visibility: visible; }
    .quicksearch-results-list li.hidden {
      height: 0px; }
  .quicksearch-results-list .thumbnail, .quicksearch-results-list .details {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
  .quicksearch-results-list .thumbnail {
    width: 48px; }
  .quicksearch-results-list .details {
    padding-left: 0; }
    .quicksearch-results-list .details .title, .quicksearch-results-list .details .subtitle, .quicksearch-results-list .details .sku {
      color: #a6a197;
      font-size: 12px;
      font-weight: 400;
      margin: 0 0 5px; }
    .quicksearch-results-list .details .title {
      color: #4d442e; }
    .quicksearch-results-list .details .sku {
      margin-bottom: 0; }
  .quicksearch-results-list .actions {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .quicksearch-results-list .actions button {
      visibility: hidden;
      margin: 0; }

.touch .quicksearch-results-list li .actions {
  display: table-cell; }
  .touch .quicksearch-results-list li .actions button {
    visibility: visible; }

.reminder {
  background-color: #edecea;
  border: 1px solid #e2e1df;
  line-height: 1.4;
  padding: 20px;
  margin: 3em 0;
  position: relative; }
  .reminder p {
    color: #a6a197;
    font-size: 14px;
    margin: 0 0 6px; }
  .reminder a {
    margin-top: 6px; }
  .reminder .intro {
    color: #4d442e;
    font-size: 16px;
    font-weight: bold; }
  .reminder .close {
    display: block;
    margin-top: -22px;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 50%; }
    .reminder .close .icon, .reminder .close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .reminder .close span, .reminder .close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .reminder .close span {
      background-position: -96px -48px;
      height: 24px;
      width: 24px; }
    .reminder .close:hover {
      background-color: #e2e1df; }

.rep-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .rep-list .rep {
    border-top: 1px solid #e2e1dd;
    padding: 10px;
    *zoom: 1; }
    .rep-list .rep:after {
      content: "";
      display: table;
      clear: both; }
    .rep-list .rep:first-child {
      border-top: 0; }
    .rep-list .rep:hover {
      background-color: #f0f0ee;
      cursor: pointer; }
  .rep-list .image, .rep-list .info {
    float: left;
    margin-right: 10px; }
  .rep-list .actions {
    float: right;
    padding: 17px 0; }
    .rep-list .actions > * {
      float: left;
      margin-left: 10px; }
  .rep-list .image img {
    vertical-align: top; }
  .rep-list .info .name {
    font-weight: 400;
    margin: 5px 0; }
  .rep-list .info p {
    color: #a6a197;
    margin: 0 0 5px; }

.reset-help {
  display: block;
  margin: 6px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .reset-help .icon, .reset-help .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .reset-help span, .reset-help .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .reset-help span {
    background-position: -120px 0px;
    height: 24px;
    width: 24px; }
  .reset-help:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.rule-heading {
  border-top: 1px solid #e2e1dd;
  color: #a6a197;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 10px 0; }

.share-options .option {
  float: left;
  margin-right: 20px; }

.snippet-list {
  *zoom: 1; }
  .snippet-list:after {
    content: "";
    display: table;
    clear: both; }
  .snippet-list dt, .snippet-list dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px; }
  .snippet-list dt {
    clear: both;
    color: #a6a197;
    float: left;
    width: 40%; }
  .snippet-list dd {
    float: right;
    margin-left: 0;
    width: 60%; }

.status-bar {
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.4;
  margin: 10px 0;
  overflow: hidden;
  padding: 15px 15px 15px 55px;
  position: relative;
  background-color: #edecea;
  border-color: #e2e1df; }
  .status-bar .icon-wrapper {
    height: 100%;
    width: 44px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 10px; }
    .status-bar .icon-wrapper .icon, .status-bar .icon-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar .icon-wrapper span, .status-bar .icon-wrapper .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar .icon-wrapper span {
      background: transparent url("http://interfaceinc.scene7.com/is/image/InterfaceInc/sprites-statuses?fmt=png-alpha") 0 0 no-repeat;
      display: inline-block;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      position: absolute;
      top: 50%;
      width: 24px; }
  .status-bar .close {
    display: block;
    margin-top: -22px;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 50%; }
    .status-bar .close .icon, .status-bar .close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar .close span, .status-bar .close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar .close span {
      background-position: -96px -48px;
      height: 24px;
      width: 24px; }
    .status-bar .close:hover {
      background-color: #e2e1df; }
  .status-bar p {
    margin: 0;
    color: #a6a197; }
    .status-bar p a {
      color: #a6a197;
      text-decoration: underline; }
      .status-bar p a:hover {
        color: #34b5d0;
        text-decoration: none; }
  .status-bar .intro {
    font-size: 16px;
    color: #4d442e; }
  .status-bar.status-neutral {
    padding: 15px; }
  .status-bar.status-positive .icon-wrapper .icon, .status-bar.status-positive .icon-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar.status-positive .icon-wrapper span, .status-bar.status-positive .icon-wrapper .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar.status-positive .icon-wrapper span {
    background-position: -24px 0; }
  .status-bar.status-warning .icon-wrapper .icon, .status-bar.status-warning .icon-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar.status-warning .icon-wrapper span, .status-bar.status-warning .icon-wrapper .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar.status-warning .icon-wrapper span {
    background-position: -48px 0; }
  .status-bar.status-negative .icon-wrapper .icon, .status-bar.status-negative .icon-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar.status-negative .icon-wrapper span, .status-bar.status-negative .icon-wrapper .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar.status-negative .icon-wrapper span {
    background-position: -72px 0; }
  .status-bar.status-info .icon-wrapper .icon, .status-bar.status-info .icon-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .status-bar.status-info .icon-wrapper span, .status-bar.status-info .icon-wrapper .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .status-bar.status-info .icon-wrapper span {
    background-position: -96px 0; }

input.status-highlight {
  border-color: #666 !important;
  background-color: #F9F9F0 !important; }

.select-field.status-highlight .selector {
  border-color: #666 !important; }
.select-field.status-highlight span {
  background-color: #F9F9F0 !important; }

.steps {
  background: #edecea;
  counter-reset: li;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  *zoom: 1;
  max-width: 960px;
  width: 100%; }
  .steps:after {
    content: "";
    display: table;
    clear: both; }
  .steps .step {
    width: auto;
    min-width: 20%;
    max-width: 192px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #a6a197;
    float: left;
    padding: 0;
    position: relative;
    word-wrap: break-word;
    text-shadow: #f9f9f9 0 1px 0; }
    .steps .step:before {
      content: counter(li);
      counter-increment: li;
      font-size: 18px;
      height: 18px;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      left: 40px;
      line-height: 1;
      margin: -9px 0 0;
      position: absolute;
      top: 50%; }
    .steps .step:after {
      border-color: transparent transparent transparent #edecea;
      border-width: 31px 0 31px 14px;
      border-style: solid;
      height: 0;
      width: 0;
      content: "";
      display: block;
      position: absolute;
      right: -14px;
      top: -1px;
      z-index: 2; }
    .steps .step span {
      max-height: 14px;
      display: block;
      padding: 23px 10px 23px 60px;
      overflow: hidden; }
      .steps .step span:before, .steps .step span:after {
        border-color: transparent transparent transparent #f9f9f9;
        border-width: 31px 0 31px 14px;
        border-style: solid;
        height: 0;
        width: 0;
        content: "";
        display: block;
        position: absolute;
        right: -15px;
        top: -1px;
        z-index: 1; }
      .steps .step span:after {
        right: -16px; }
    .steps .step.last:after, .steps .step.last span:before, .steps .step.last span:after {
      display: none; }
    .steps .step.complete {
      background: #a6a197;
      color: #f9f9f9;
      text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; }
      .steps .step.complete:after {
        border-color: transparent transparent transparent #a6a197; }
    .steps .step.here {
      background: #847f75;
      color: #f9f9f9;
      text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; }
      .steps .step.here:after {
        border-color: transparent transparent transparent #847f75; }

.subhead {
  color: #4d442e;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 20px; }

.promotion, .system-alert {
  display: none;
  left: 0;
  position: fixed;
  -moz-transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2000; }

.promotion-outer, .system-alert-outer {
  background: #4d442e;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 8px, rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 1px 0 inset, rgba(0, 0, 0, 0.25) 0 -1px 0 inset;
  color: #f9f9f9;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1.4;
  max-width: 600px;
  min-height: 24px;
  padding: 20px 48px 15px 24px;
  position: relative;
  text-align: left; }
  .promotion-outer p, .system-alert-outer p {
    margin: 0; }
    .promotion-outer p + p, .system-alert-outer p + p {
      margin-top: 1em; }
  .promotion-outer .close, .system-alert-outer .close {
    height: 24px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    padding: 17px 10px;
    position: absolute;
    right: 0;
    -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    top: 0;
    width: 24px;
    z-index: 1100; }
    .promotion-outer .close .icon, .promotion-outer .close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .promotion-outer .close span, .promotion-outer .close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .promotion-outer .close span, .system-alert-outer .close .icon, .system-alert-outer .close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .system-alert-outer .close span, .system-alert-outer .close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .system-alert-outer .close span {
      background-position: -120px -48px;
      height: 24px;
      width: 24px; }
    .promotion-outer .close:hover, .system-alert-outer .close:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }

.thumbnail-index {
  list-style: none;
  padding: 0;
  *zoom: 1; }
  .thumbnail-index:after {
    content: "";
    display: table;
    clear: both; }
  .thumbnail-index > li {
    float: left;
    margin: 0 1.25% 1.25% 0;
    overflow: hidden;
    position: relative; }
    .thumbnail-index > li.row-end {
      margin-right: 0; }
    .thumbnail-index > li:hover .add-favorite, .thumbnail-index > li.hover .add-favorite {
      margin-top: 0; }
    .thumbnail-index > li:hover .color-choices-list, .thumbnail-index > li.hover .color-choices-list {
      bottom: 35px; }
  .thumbnail-index a {
    color: #4d442e; }
    .thumbnail-index a:hover {
      color: #6f6650; }
  .thumbnail-index img {
    height: auto;
    margin-bottom: 5px;
    width: 100%;
    vertical-align: top; }
  .thumbnail-index .thumbnail {
    background: #e2e1dd; }
    .thumbnail-index .thumbnail a {
      display: block;
      position: relative; }
    .thumbnail-index .thumbnail img {
      margin-bottom: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .thumbnail-index .thumbnail img.hide, .thumbnail-index .thumbnail img.inactive {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        display: none; }
  .thumbnail-index .details {
    background-color: #f9f9f9;
    min-height: 40px;
    position: relative; }
  .thumbnail-index .title, .thumbnail-index .subtitle {
    font-weight: 400;
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .thumbnail-index .title {
    font-size: 14px;
    min-height: 18px;
    padding-top: 5px; }
  .thumbnail-index .subtitle {
    color: #807761;
    font-size: 12px;
    min-height: 14px; }
    .thumbnail-index .subtitle a {
      color: #807761; }
      .thumbnail-index .subtitle a:hover {
        color: #a29983; }
  .thumbnail-index .color-choices-toggle {
    background: transparent url("http://interfaceinc.scene7.com/is/image/InterfaceInc/color-choices?fmt=png-alpha") 10px 12px no-repeat;
    padding: 13px 10px 13px 30px;
    position: absolute;
    right: 0;
    text-align: right;
    bottom: 0;
    z-index: 10; }
    .thumbnail-index .color-choices-toggle span {
      display: none; }
    .thumbnail-index .color-choices-toggle:hover {
      color: #4d442e;
      text-decoration: none; }
  .thumbnail-index .color-choices-list {
    background-color: #edecea;
    border: 2px solid #edecea;
    border-width: 2px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 20px 5px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    -moz-transition: bottom 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: bottom 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: bottom 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: bottom 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    bottom: 0;
    width: 315px;
    height: 37px; }
    .thumbnail-index .color-choices-list li {
      border: 2px solid #edecea;
      border-width: 0 2px 0 0;
      float: left;
      width: 37px !important; }
    .thumbnail-index .color-choices-list a {
      display: block;
      position: relative; }
      .thumbnail-index .color-choices-list a:hover img {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
        opacity: 0.75; }
      .thumbnail-index .color-choices-list a.active:before {
        background: url("http://interfaceinc.scene7.com/is/image/InterfaceInc/color-choices-active?fmt=png-alpha") center bottom no-repeat;
        content: "";
        display: block;
        height: 5px;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        -moz-transition: top 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: top 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transition: top 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: top 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        top: -7px;
        width: 10px; }
    .thumbnail-index .color-choices-list img {
      margin-bottom: 0; }
  .thumbnail-index.five-column > li {
    margin-right: 0.85%;
    width: 19%; }
    .thumbnail-index.five-column > li.row-end {
      margin-right: 0; }
    .thumbnail-index.five-column > li .details {
      width: 100%; }
  .thumbnail-index.five-column .thumbnail a, .thumbnail-index.five-column .thumbnail img {
    height: auto;
    width: 100%; }
  .thumbnail-index.five-column .thumbnail .details {
    width: 100%; }
  .thumbnail-index.three-column > li {
    width: 32%;
    margin-right: 1%; }
  .thumbnail-index.three-column.row-end {
    margin-right: 0; }
  .thumbnail-index.three-column .thumbnail a, .thumbnail-index.three-column .thumbnail img {
    height: auto;
    width: 100%; }
  .thumbnail-index.three-column .thumbnail img {
    min-height: 312px; }
  .thumbnail-index.three-column .details {
    width: 100%; }

.tile-nav-wrapper {
  min-height: 60px;
  max-width: 960px; }
  .tile-nav-wrapper .hidden {
    display: none; }
  .tile-nav-wrapper.pagination .tile-set-items {
    margin-left: 48px; }

.tile-nav {
  background-color: #e2e1dd;
  min-height: 60px;
  *zoom: 1;
  max-width: 960px;
  z-index: 400; }
  .tile-nav:after {
    content: "";
    display: table;
    clear: both; }
  .tile-nav .tile-set {
    float: left;
    position: relative;
    display: inline-block; }
  .tile-nav .tile-set-items {
    display: inline-block; }
  .tile-nav .tile-set-action {
    display: block;
    padding: 16px 12px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .tile-nav .tile-set-action:hover {
      background-color: rgba(0, 0, 0, 0.25);
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
    .tile-nav .tile-set-action.inactive {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      background-color: transparent;
      cursor: default;
      display: none; }
  .tile-nav .tile-set-close {
    float: right;
    position: relative;
    z-index: 20; }
    .tile-nav .tile-set-close .icon, .tile-nav .tile-set-close .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile-set-close span, .tile-nav .tile-set-close .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile-set-close span {
      background-position: -96px -48px;
      height: 24px;
      width: 24px; }
  .tile-nav .tile-set-prev {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 20; }
    .tile-nav .tile-set-prev .icon, .tile-nav .tile-set-prev .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile-set-prev span, .tile-nav .tile-set-prev .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile-set-prev span {
      background-position: 0px -72px;
      height: 24px;
      width: 24px; }
  .tile-nav .tile-set-next {
    position: absolute;
    right: -48px;
    top: 0px;
    z-index: 20; }
    .tile-nav .tile-set-next .icon, .tile-nav .tile-set-next .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile-set-next span, .tile-nav .tile-set-next .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile-set-next span {
      background-position: -24px -72px;
      height: 24px;
      width: 24px; }
  .tile-nav .tile {
    float: left;
    margin-right: -6px;
    position: relative; }
    .tile-nav .tile.active a {
      background-color: #c0bfbb; }
    .tile-nav .tile a, .tile-nav .tile .tile-wrapper {
      display: block;
      height: 48px;
      padding: 6px;
      -moz-transition: outline-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: outline-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: outline-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: outline-color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      min-width: 48px;
      width: auto; }
      .tile-nav .tile a:hover img, .tile-nav .tile a:hover .text-tile, .tile-nav .tile .tile-wrapper:hover img, .tile-nav .tile .tile-wrapper:hover .text-tile {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
        opacity: 0.35; }
      .tile-nav .tile a:hover.remove .icon, .tile-nav .tile a:hover.remove .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile a:hover.remove span, .tile-nav .tile a:hover.remove .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile a:hover.remove span, .tile-nav .tile .tile-wrapper:hover.remove .icon, .tile-nav .tile .tile-wrapper:hover.remove .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile .tile-wrapper:hover.remove span, .tile-nav .tile .tile-wrapper:hover.remove .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile .tile-wrapper:hover.remove span {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      .tile-nav .tile a.remove, .tile-nav .tile .tile-wrapper.remove {
        display: block;
        left: 0;
        padding: 18px;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 0; }
        .tile-nav .tile a.remove .icon, .tile-nav .tile a.remove .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile a.remove span, .tile-nav .tile a.remove .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile a.remove span, .tile-nav .tile .tile-wrapper.remove .icon, .tile-nav .tile .tile-wrapper.remove .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev .tile-nav .tile .tile-wrapper.remove span, .tile-nav .tile .tile-wrapper.remove .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-next .tile-nav .tile .tile-wrapper.remove span {
          display: block;
          background-position: -120px -48px;
          height: 24px;
          width: 24px;
          -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0; }
    .tile-nav .tile img {
      height: 48px;
      -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      width: 48px; }
    .tile-nav .tile .text-tile {
      background-color: #514F2C;
      color: #f9f9f9;
      font-size: 12px;
      height: 40px;
      line-height: 1.1;
      margin: 0;
      overflow: hidden;
      padding: 5px 3px 3px 5px;
      -moz-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      text-shadow: rgba(0, 0, 0, 0.75) 0 1px 1px;
      min-width: 40px;
      word-wrap: break-word;
      width: auto; }
  .tile-nav .cta {
    float: right;
    margin: 11px 0 6px 6px; }

h1 sup {
  font-size: 50%; }

.product-detail-specifications-print {
  width: auto;
  padding: 0;
  margin: 0 !important;
  background: transparent;
  font-size: 10pt;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .product-detail-specifications-print * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .product-detail-specifications-print #content-area {
    width: auto;
    padding: 0;
    margin: 23.8125mm 0 0;
    top: 0; }
    .product-detail-specifications-print #content-area .header {
      position: relative;
      min-height: 10.05417mm;
      margin-bottom: 10.58333mm;
      border-bottom: 1px solid #e2e1dd;
      *zoom: 1; }
      .product-detail-specifications-print #content-area .header:after {
        content: "";
        display: table;
        clear: both; }
      .product-detail-specifications-print #content-area .header h1, .product-detail-specifications-print #content-area .header h2 {
        margin: 0mm; }
      .product-detail-specifications-print #content-area .header h1 {
        width: 50%;
        float: right;
        font-size: 27pt;
        text-align: right; }
      .product-detail-specifications-print #content-area .header h2 {
        width: 50%;
        float: left;
        font-size: 20pt;
        font-weight: normal; }
    .product-detail-specifications-print #content-area .content {
      position: relative;
      *zoom: 1; }
      .product-detail-specifications-print #content-area .content:after {
        content: "";
        display: table;
        clear: both; }
      .product-detail-specifications-print #content-area .content .product-details {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10.58333mm; }
        .product-detail-specifications-print #content-area .content .product-details .product-image {
          width: 10%;
          min-width: 62.97083mm;
          float: left; }
        .product-detail-specifications-print #content-area .content .product-details .installation {
          width: 64%;
          padding-left: 7.9375mm;
          float: left; }
        .product-detail-specifications-print #content-area .content .product-details h6 {
          margin-top: 0;
          margin-bottom: 2.64583mm; }
        .product-detail-specifications-print #content-area .content .product-details p, .product-detail-specifications-print #content-area .content .product-details li {
          color: #a6a197; }
        .product-detail-specifications-print #content-area .content .product-details ul {
          padding: 0;
          margin: 0;
          list-style-type: none;
          *zoom: 1; }
          .product-detail-specifications-print #content-area .content .product-details ul:after {
            content: "";
            display: table;
            clear: both; }
          .product-detail-specifications-print #content-area .content .product-details ul li {
            width: 18.52083mm;
            float: left;
            margin: 0 2.64583mm 1.5875mm 0;
            font-size: 1.5875mm; }
            .product-detail-specifications-print #content-area .content .product-details ul li img {
              width: 100%;
              height: 100%;
              display: block;
              margin-bottom: 1.5875mm; }
      .product-detail-specifications-print #content-area .content .product-spec {
        float: left;
        width: 100%; }
        .product-detail-specifications-print #content-area .content .product-spec table {
          width: 100%;
          font-size: 10pt; }
          .product-detail-specifications-print #content-area .content .product-spec table th, .product-detail-specifications-print #content-area .content .product-spec table td {
            padding: 2.64583mm 0 2.64583mm 2.64583mm;
            color: #4d442e;
            background-color: #ffffff;
            text-align: left;
            vertical-align: center;
            page-break-inside: avoid; }
          .product-detail-specifications-print #content-area .content .product-spec table thead {
            border: none;
            border-bottom: 1px solid #e2e1dd; }
            .product-detail-specifications-print #content-area .content .product-spec table thead th {
              border: none;
              padding-top: 0;
              padding-bottom: 7.9375mm; }
              .product-detail-specifications-print #content-area .content .product-spec table thead th span {
                display: inline-block;
                margin-right: 5.29167mm; }
          .product-detail-specifications-print #content-area .content .product-spec table tbody {
            border: none; }
            .product-detail-specifications-print #content-area .content .product-spec table tbody td {
              padding: 1.5875mm 0 1.5875mm 2.64583mm;
              color: #a6a197;
              border: none;
              border-bottom: 1px solid #e2e1dd; }
          .product-detail-specifications-print #content-area .content .product-spec table .alpha {
            width: 35%; }
          .product-detail-specifications-print #content-area .content .product-spec table .omega {
            width: 35%; }
          .product-detail-specifications-print #content-area .content .product-spec table .beta {
            width: 20%; }
          .product-detail-specifications-print #content-area .content .product-spec table .head td {
            color: #4d442e;
            font-weight: bold; }

@page {
  size: auto;
  margin: 10mm 10mm 10mm 10mm !important;
  table {
    page-break-inside: auto; }

  tr {
    page-break-inside: avoid;
    page-break-after: auto; }

  thead {
    display: table-header-group; }

  tfoot {
    display: table-footer-group; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  img {
    page-break-inside: avoid; }

  body {
    margin: 0 !important; } }