/*filter swatch colors */
/*expects <div class='center-image-class'><img/></div>*/
/*filter swatch colors */
/*expects <div class='center-image-class'><img/></div>*/
div {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0; }
  body * {
    font-family: Arial, sans-serif; }

table {
  border-collapse: collapse;
  margin: 0; }

td {
  padding: 0; }

a,
a:focus,
a:active,
a:hover {
  outline: 0 !important; }

form {
  margin: 0;
  padding: 0; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

.inline-block {
  display: inline-block; }

.bold {
  font-weight: bold; }

.standardFont, .emailTextField, .errorMessage, .userProfileTextField,
.dialogTitle, .detailsDescription, .postProse {
  font-size: 12px;
  color: #201f1e;
  line-height: 1.25; }

.standardGray, .menuText, .menuText a:link, .menuText a:visited,
.textLink, .textLink a:link, .textLink a:visited,
.crossLinkText, .crossLinkText a:link, .crossLinkText a:visited,
.labelText, .brandListItem, .legal a:link, .legal a:visited, #globalMenu a,
.popupMenuItem, .sidebarSubheader, .dialogFormLabel, .detailsAction, .showDetailsButton, .detailsDescription .seeMore:hover, #widgetbuilder-sample-note, .widgetSmallTitle, .hintBubble, .pickerTabs li a, #pickerSelectedCount a.active, .postProse, .soldOut {
  color: #666666; }

.lighterGrey, .onSale, .articleDescriptionContainer, .dealEndDate, .detailsTitle .nativePrice, .poweredBy, #totalBrandPicker li.pickerTab {
  color: #999999; }

.veryLightGray {
  color: #cdccca; }

.proseBold, #ssPoweredBy, .editLookHelpTextHeader, .dealsRetailerTitle, .clickToCopyHint, .detailsLabel, .detailsAction, .detailsTitle, .showDetailsButton, #totalBrandPicker li.pickerTab {
  font-weight: bold; }

.spacedFont {
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 3.5px; }

.underline, .dealReturnText {
  text-decoration: underline; }

.errorMessage, .userErrorMessage {
  font-size: 10px;
  color: #ff3f3f; }

.userErrorMessage {
  padding-top: 6px;
  width: 200px; }

.menuText, .menuText a:link, .menuText a:visited,
.textLink, .textLink a:link, .textLink a:visited,
.crossLinkText, .crossLinkText a:link, .crossLinkText a:visited,
.labelText, .brandListItem, .legal a:link, .legal a:visited {
  white-space: nowrap;
  line-height: 1.25; }

.left {
  float: left; }

.right {
  float: right; }

.pink {
  color: #ee0066; }

.bordered, .emailTextField, .userProfileTextField, .buttonCellDisabled, .smallButtonCellDisabled, .departmentContent, .grayTextField, .scrollingDivContainer {
  border: 1px solid #cdccca; }

.topBordered {
  border-top: 1px #999999 solid; }

.bottomBordered, .wrapperHeader, .wrapperFooter {
  border-bottom: 1px #999999 solid; }

.leftBordered {
  border-left: 1px #999999 solid; }

.rightBordered {
  border-right: 1px #999999 solid; }

.lightBordered, .buttonCell, .buttonCellDisabled, .smallButtonCell, .smallButtonCellDisabled {
  border: 1px #d5d3d3 solid; }

.lightLeftBordered, #totalBrandPicker li.pickerTab a, #totalBrandPicker li.pickerTab a.active, #saleAlertBrandContent {
  border-left: 1px #d5d3d3 solid; }

.lightRightBordered {
  border-right: 1px #d5d3d3 solid; }

.lightTopBordered {
  border-top: 1px #d5d3d3 solid; }

.lightBottomBordered, #ssHeader, #saleAlertBrandList, .brandPickerTitle, #saleAlertBrandContent > div:first-child {
  border-bottom: 1px #d5d3d3 solid; }

.centered, .dealsRetailerTitle, .dealTitle, .dealSubtitle, .dealEndDate, .dealsCopyHint, .dealCheckoutCodeDiv, .clickToCopyHint {
  margin-left: auto;
  margin-right: auto; }

.text-centered {
  text-align: center; }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.title {
  color: #201f1e; }

.paragraph {
  font-size: 13px;
  line-height: 18px; }

.paragraph + .paragraph {
  padding-top: 15px; }

.h1-title {
  font-size: 24px;
  padding: 15px 0;
  font-weight: bold; }

.h2-title {
  font-size: 18px;
  padding: 10px 0; }

.h3-title {
  font-size: 16px;
  padding: 10px 0; }

.opaque {
  background-color: white; }

/* SSContainer is a top-level component containing our markup, vs that of a partner */
.SSContainer {
  font-family: Arial, sans-serif; }
  .SSContainer ul, .SSContainer li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .SSContainer a, .SSContainer a:hover {
    text-decoration: none;
    white-space: nowrap; }
  .SSContainer h1, .SSContainer h2 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline; }
  .SSContainer.home .subnav .search-container {
    display: none; }
  .SSContainer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/** standard list menu **/
ul.popsugar {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background: white; }
  ul.popsugar, ul.popsugar li {
    list-style: none;
    padding: 0;
    margin: 0; }
  ul.popsugar li {
    height: 26px;
    line-height: 26px; }
    ul.popsugar li:hover span {
      background: #ee0066;
      color: white; }
  ul.popsugar span {
    padding: 0 10px;
    color: #201f1e;
    display: block; }

/** arrows **/
.arrow-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-bottom: 4px solid #201f1e; }
  .arrow-up.pink {
    border-bottom: 4px solid #ee0066; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 4px solid #201f1e; }
  .arrow-down.pink {
    border-top: 4px solid #ee0066; }
  .arrow-down.light-grey {
    border-top: 4px solid #cccccc; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 4px solid #201f1e;
  display: inline-block; }
  .arrow-right.pink {
    border-left: 4px solid #ee0066; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-right: 4px solid #201f1e;
  display: inline-block; }
  .arrow-left.pink {
    border-right: 4px solid #ee0066; }

.activity-indicator {
  width: 32px;
  height: 30px;
  background-image: url("../im/circle-loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 32px 30px;
  -moz-background-size: 32px 30px;
  background-size: 32px 30px;
  margin: 20px auto; }

.sectionLabel {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 16px 0 8px;
  color: black;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap; }

.menuText, .menuText a:link, .menuText a:visited {
  color: #606060; }

.custom-checkbox {
  display: inline-block;
  background-image: url("../im/checkbox.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 56px 18px;
  -moz-background-size: 56px 18px;
  background-size: 56px 18px;
  background-position: -19px 0;
  height: 18px;
  width: 18px;
  margin-right: 6px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .custom-checkbox {
      background-image: url("../im/checkbox@2x.png"); } }
  .custom-checkbox.checked {
    display: inline-block;
    background-image: url("../im/checkbox.png");
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-background-size: 56px 18px;
    -moz-background-size: 56px 18px;
    background-size: 56px 18px;
    background-position: -38px 0;
    height: 18px;
    width: 18px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      .custom-checkbox.checked {
        background-image: url("../im/checkbox@2x.png"); } }
    .custom-checkbox.checked.disabled {
      display: inline-block;
      background-image: url("../im/checkbox.png");
      background-repeat: no-repeat;
      background-color: transparent;
      -webkit-background-size: 56px 18px;
      -moz-background-size: 56px 18px;
      background-size: 56px 18px;
      background-position: 0 0;
      height: 18px;
      width: 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        .custom-checkbox.checked.disabled {
          background-image: url("../im/checkbox@2x.png"); } }
  .custom-checkbox.disabled {
    display: inline-block;
    background-image: url("../im/checkbox.png");
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-background-size: 56px 18px;
    -moz-background-size: 56px 18px;
    background-size: 56px 18px;
    background-position: 0 0;
    height: 18px;
    width: 18px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      .custom-checkbox.disabled {
        background-image: url("../im/checkbox@2x.png"); } }
  .custom-checkbox + label {
    vertical-align: top;
    line-height: 23px; }

.hidden {
  position: absolute;
  display: none;
  z-index: 999999; }

.inlineDetails {
  position: absolute;
  left: 400px;
  top: 50px;
  z-index: 999999; }

.visible {
  position: absolute;
  display: block;
  z-index: 99; }

.centered-text {
  text-align: center; }

.btn {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  background: #999999;
  border-color: #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  color: white;
  border: 0; }
  .btn i {
    display: inline-block;
    vertical-align: middle; }
  .btn a {
    color: white; }
  .btn.btn-white {
    color: #666666;
    background: white; }
  .btn.btn-black {
    color: white;
    background: #201f1e; }
  .btn.btn-dark {
    color: white;
    background: #666666; }
  .btn.btn-extra-dark {
    color: white;
    background: #444444; }
  .btn.btn-light {
    color: #666666;
    background: #e4e3e1; }
  .btn.btn-primary {
    background: #ee0066; }
    .btn.btn-primary:hover {
      background: #201f1e; }
  .btn.btn-secondary {
    background: #403f3d; }
    .btn.btn-secondary:hover {
      background: #ee0066; }
  .btn.btn-large {
    min-width: 140px;
    text-align: center;
    padding: 10px 12px; }
  .btn.btn-small {
    font-size: 11px;
    padding: 1px 8px; }
  .btn.blue {
    background: #d4d4d4; }
    .btn.blue:hover {
      background: #c5c5c5; }
  .btn.active {
    -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
    background: #cdccca;
    color: #666666; }
  .btn.btn-centered {
    text-align: center; }
  .btn:hover, .btn.btn-hover-dark:hover {
    background: #201f1e;
    color: white; }

.header .profile-photo {
  float: left;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  background-size: contain;
  background-position: center center;
  border: 0 solid white;
  overflow: hidden; }

.profile-picture {
  display: inline-block;
  float: none;
  top: 1px;
  left: 1px;
  width: 28px;
  height: 28px;
  border-radius: 14px; }
  .profile-picture img {
    border-radius: 14px;
    width: 28px;
    height: 28px; }
  .profile-picture.bordered img, .profile-picture.emailTextField img, .profile-picture.userProfileTextField img, .profile-picture.buttonCellDisabled img, .profile-picture.smallButtonCellDisabled img, .profile-picture.departmentContent img, .profile-picture.grayTextField img, .profile-picture.scrollingDivContainer img {
    width: 26px;
    height: 26px; }
  .profile-picture.bordered, .profile-picture.emailTextField, .profile-picture.userProfileTextField, .profile-picture.buttonCellDisabled, .profile-picture.smallButtonCellDisabled, .profile-picture.departmentContent, .profile-picture.grayTextField, .profile-picture.scrollingDivContainer {
    border: 1px #dfddda solid; }

.profile-picture-r32 {
  width: 32px;
  height: 32px;
  border-radius: 16px; }
  .profile-picture-r32 img {
    border-radius: 16px;
    width: 32px;
    height: 32px; }
  .profile-picture-r32.bordered img, .profile-picture-r32.emailTextField img, .profile-picture-r32.userProfileTextField img, .profile-picture-r32.buttonCellDisabled img, .profile-picture-r32.smallButtonCellDisabled img, .profile-picture-r32.departmentContent img, .profile-picture-r32.grayTextField img, .profile-picture-r32.scrollingDivContainer img {
    width: 30px;
    height: 30px; }

.profile-picture-r50 {
  width: 50px;
  height: 50px;
  border-radius: 25px; }
  .profile-picture-r50 img {
    border-radius: 25px;
    width: 50px;
    height: 50px; }
  .profile-picture-r50.bordered img, .profile-picture-r50.emailTextField img, .profile-picture-r50.userProfileTextField img, .profile-picture-r50.buttonCellDisabled img, .profile-picture-r50.smallButtonCellDisabled img, .profile-picture-r50.departmentContent img, .profile-picture-r50.grayTextField img, .profile-picture-r50.scrollingDivContainer img {
    width: 48px;
    height: 48px; }

.profile-picture-r60 {
  width: 60px;
  height: 60px;
  border-radius: 30px; }
  .profile-picture-r60 img {
    border-radius: 30px;
    width: 60px;
    height: 60px; }
  .profile-picture-r60.bordered img, .profile-picture-r60.emailTextField img, .profile-picture-r60.userProfileTextField img, .profile-picture-r60.buttonCellDisabled img, .profile-picture-r60.smallButtonCellDisabled img, .profile-picture-r60.departmentContent img, .profile-picture-r60.grayTextField img, .profile-picture-r60.scrollingDivContainer img {
    width: 58px;
    height: 58px; }

.profile-picture-r80 {
  width: 80px;
  height: 80px;
  border-radius: 40px; }
  .profile-picture-r80 img {
    border-radius: 40px;
    width: 80px;
    height: 80px; }
  .profile-picture-r80.bordered img, .profile-picture-r80.emailTextField img, .profile-picture-r80.userProfileTextField img, .profile-picture-r80.buttonCellDisabled img, .profile-picture-r80.smallButtonCellDisabled img, .profile-picture-r80.departmentContent img, .profile-picture-r80.grayTextField img, .profile-picture-r80.scrollingDivContainer img {
    width: 78px;
    height: 78px; }

.profile-picture-r100 {
  width: 100px;
  height: 100px;
  border-radius: 50px; }
  .profile-picture-r100 img {
    border-radius: 50px;
    width: 100px;
    height: 100px; }
  .profile-picture-r100.bordered img, .profile-picture-r100.emailTextField img, .profile-picture-r100.userProfileTextField img, .profile-picture-r100.buttonCellDisabled img, .profile-picture-r100.smallButtonCellDisabled img, .profile-picture-r100.departmentContent img, .profile-picture-r100.grayTextField img, .profile-picture-r100.scrollingDivContainer img {
    width: 98px;
    height: 98px; }

.profile-picture-r160 {
  width: 160px;
  height: 160px;
  border-radius: 80px; }
  .profile-picture-r160 img {
    border-radius: 80px;
    width: 160px;
    height: 160px; }
  .profile-picture-r160.bordered img, .profile-picture-r160.emailTextField img, .profile-picture-r160.userProfileTextField img, .profile-picture-r160.buttonCellDisabled img, .profile-picture-r160.smallButtonCellDisabled img, .profile-picture-r160.departmentContent img, .profile-picture-r160.grayTextField img, .profile-picture-r160.scrollingDivContainer img {
    width: 148px;
    height: 148px; }
  .profile-picture-r160.bordered, .profile-picture-r160.emailTextField, .profile-picture-r160.userProfileTextField, .profile-picture-r160.buttonCellDisabled, .profile-picture-r160.smallButtonCellDisabled, .profile-picture-r160.departmentContent, .profile-picture-r160.grayTextField, .profile-picture-r160.scrollingDivContainer {
    border-width: 6px; }

[data-truncate] {
  position: relative; }

.ui-see-more-button {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 11px;
  cursor: pointer;
  background: white; }
  .ui-see-more-button span {
    color: #ee0066;
    margin-left: 5px; }

.clearfix {
  *zoom: 1;
  /* http://stackoverflow.com/questions/20683104/css-star-hack */ }

.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
  line-height: 0; }

.clearfix:after {
  clear: both; }

.vertical-center {
  position: absolute;
  top: 50%;
  width: 100%; }

.bubble-menu {
  width: 100%;
  height: 32px;
  margin-bottom: 10px; }
  .bubble-menu li {
    background: white;
    color: #201f1e;
    font-weight: bold;
    border: 1px solid #201f1e;
    border-right: 0;
    line-height: 30px;
    padding: 0 9px;
    float: left;
    cursor: pointer;
    display: block; }
    .bubble-menu li.first {
      border-radius: 4px 0 0 4px; }
    .bubble-menu li.last {
      border-right: 1px solid #201f1e;
      border-radius: 0 4px 4px 0; }
    .bubble-menu li.selected, .bubble-menu li.ui-state-active {
      background: #201f1e;
      border-color: #201f1e;
      color: white; }
      .bubble-menu li.selected a, .bubble-menu li.ui-state-active a {
        color: white; }
  .bubble-menu a {
    display: block;
    color: #201f1e; }

.custom-radio {
  height: 14px;
  width: 14px;
  border: 1px solid #ccc;
  margin-bottom: -3px;
  margin-top: 3px;
  margin-right: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block; }
  .custom-radio.checked {
    background: #ee0066; }

/* bootstrap style error message */
.success-message {
  width: 100%;
  padding: 10px;
  background-color: #f8f0d7;
  border: 1px solid #e9cf80;
  font-weight: bold; }
  .success-message i {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer; }

.popsugar-link {
  cursor: pointer; }

.video-overlay-button {
  top: 50%;
  position: relative;
  z-index: 0; }

.video-overlay-button:before {
  content: '';
  width: 80px;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  background: #201f1e;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=7)';
  filter: alpha(opacity=7);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  z-index: 1; }

.video-overlay-button:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -13px;
  z-index: 2; }

.video-overlay-button:hover:after {
  border-left-color: #ee0066; }

.video-overlay-button.small:before {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  margin-left: -30px;
  margin-top: -30px; }

.video-overlay-button.small:after {
  border-width: 11.25px 0 11.25px 19.5px;
  margin-left: -6px;
  margin-top: -11.25px; }

.video-overlay-button.tiny:before {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  margin-left: -20px;
  margin-top: -20px; }

.video-overlay-button.tiny:after {
  border-width: 7.5px 0 7.5px 13px;
  margin-left: -6px;
  margin-top: -7.5px; }

.video-overlay-button img {
  /* Fix for IE8 z-index bug */
  position: relative;
  z-index: -1; }

.video-overlay-button .carousel-img {
  /* Fix for IE8 z-index bug*/
  position: relative;
  z-index: -2; }

.multi-ellipsis {
  position: absolute;
  bottom: 0;
  right: 0; }

.multi-ellipsis-white {
  color: white; }

.simple-menu {
  width: 1000px;
  margin: 0 auto;
  height: 32px; }
  .simple-menu li {
    border: 0;
    text-align: center;
    margin: 0 10px;
    background: white;
    color: #201f1e;
    font-weight: bold;
    line-height: 30px;
    padding: 0 9px;
    float: left;
    cursor: pointer;
    display: block;
    font-size: 13px; }
    .simple-menu li.active, .simple-menu li.ui-state-active {
      border-bottom: 4px solid #ee0066; }

form.structured p {
  min-height: 30px;
  margin: 4px 0 10px 0; }
form.structured label {
  display: inline-block;
  width: 160px;
  min-height: 20px;
  font-weight: bold; }
  form.structured label.right {
    text-align: right;
    padding-right: 10px; }
    form.structured label.right.email {
      width: auto; }
form.structured input[type=text],
form.structured input[type=email],
form.structured input[type=password],
form.structured textarea {
  position: relative;
  top: 0;
  width: 300px;
  border: 1px solid #d5d3d3;
  padding: 10px; }
  form.structured input[type=text]:focus,
  form.structured input[type=email]:focus,
  form.structured input[type=password]:focus,
  form.structured textarea:focus {
    outline: 0;
    border-color: #868686;
    background: #f5f3f1; }
form.structured input[type=text],
form.structured input[type=email],
form.structured input[type=password] {
  height: 34px;
  line-height: 30px; }
form.structured textarea {
  height: 165px;
  line-height: 16px; }
form.structured a {
  color: #ee0066; }
form.structured .form-text-error input[type=text],
form.structured .form-text-error input[type=email],
form.structured .form-text-error input[type=password],
form.structured .form-text-error textarea {
  border: 1px solid #ff3f3f;
  color: #ff3f3f; }
form.structured .form-error {
  margin-left: 170px;
  color: #ff3f3f;
  font-weight: bold; }
form.structured .select-menu {
  vertical-align: bottom; }
form.structured .select-menu .menu-outer {
  width: 300px;
  background: white; }
form.structured.stacked label,
form.structured.stacked input[type=text],
form.structured.stacked input[type=email],
form.structured.stacked input[type=password],
form.structured.stacked textarea,
form.structured.stacked .select-menu .menu-outer {
  width: 100%; }
form.structured.stacked label {
  padding: 5px 0; }
form.structured.stacked .form-error {
  margin-left: 0; }
form.structured.stacked .sf-user-settings-submit {
  margin-top: 5px;
  border-top: 0;
  padding-top: 0; }
form.structured.stacked .input-replacement {
  margin: 10px 0; }
form.structured.light label {
  color: #999999; }
form.structured.large input[type=text],
form.structured.large input[type=email],
form.structured.large input[type=password] {
  height: 42px;
  line-height: 40px; }

.emailTextField, .userProfileTextField {
  margin: 2px 0;
  text-align: left;
  padding: 7px;
  line-height: 1.4; }

.userProfileTextField {
  width: 220px; }

.emailTextField {
  width: 350px; }

.requiredAsterisk {
  padding-right: 2px; }

.joinListMessage {
  position: absolute;
  top: -14px;
  left: 0;
  white-space: nowrap; }

/**************
** Icons
***************/
.icon, .favorite, .favorite-medium, .eclusive-star-white, .popular-heart-white, .arrivals-clock-white, .shopstyle_inlineCellBrowserLeftArrow, .shopstyle_inlineCellBrowserLeftArrowDisabled, .shopstyle_inlineCellBrowserRightArrow, .shopstyle_inlineCellBrowserRightArrowDisabled, .filterCheck, .filter-color-swatch.Gold, .filter-color-swatch.Silver, #ColorFilterMenu p .filterCheck {
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../im/browse-sprite.png");
  -webkit-background-size: 160px 2253px;
  -moz-background-size: 160px 2253px;
  background-size: 160px 2253px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .icon, .favorite, .favorite-medium, .eclusive-star-white, .popular-heart-white, .arrivals-clock-white, .shopstyle_inlineCellBrowserLeftArrow, .shopstyle_inlineCellBrowserLeftArrowDisabled, .shopstyle_inlineCellBrowserRightArrow, .shopstyle_inlineCellBrowserRightArrowDisabled, .filterCheck, .filter-color-swatch.Gold, .filter-color-swatch.Silver, #ColorFilterMenu p .filterCheck {
      background-image: url("../im/browse-sprite@2x.png"); } }

.favorite {
  background-position: 0 -302px;
  width: 14px;
  height: 15px; }
  .favorite.on, .favorite:hover {
    background-position: -36px -302px;
    width: 14px;
    height: 15px; }
  .favorite.delete, .favorite.delete:hover {
    background-position: -27px -900px;
    height: 9px;
    width: 10px; }
  .favorite.share {
    margin: auto;
    float: left;
    margin-top: 10px;
    margin-right: 5px; }

.favorite-medium {
  background-position: 0 -2031px;
  width: 16px;
  height: 14px; }
  .favorite-medium.on, .favorite-medium:hover {
    background-position: -21px -2031px;
    width: 16px;
    height: 14px; }
  .favorite-medium.share {
    margin: auto;
    float: left;
    margin-top: 11px;
    margin-right: 5px; }

.eclusive-star-white {
  background-position: -20px -2159px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px; }

.popular-heart-white {
  background-position: -18px -2179px;
  width: 14px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.arrivals-clock-white {
  background-position: -20px -2215px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px; }

.share-grey {
  background-position: 0 -1928px;
  width: 15px;
  height: 12px; }
  .share-grey:hover {
    background-position: -42px -1928px;
    width: 15px;
    height: 12px; }

.alert-grey {
  background-position: 0 -1366px;
  height: 14px;
  width: 15px; }

.alert-medium-light {
  background-position: -28px -1945px;
  width: 13px;
  height: 15px; }
  .alert-medium-light:hover {
    background-position: -45px -1945px;
    width: 13px;
    height: 15px; }

.add-list-grey {
  background-position: 0 -1397px;
  height: 14px;
  width: 14px; }
  .add-list-grey:hover {
    background-position: -14px -1397px;
    height: 14px;
    width: 14px; }

.add-list-pink {
  background-position: -14px -1397px;
  height: 14px;
  width: 14px; }

.see-more-light {
  background-position: 0 -2101px;
  width: 17px;
  height: 17px; }
  .see-more-light:hover {
    background-position: 0 -2118px;
    width: 17px;
    height: 17px; }

.product-page-info {
  /*we need this until the icon is included in the sprite */
  display: inline-block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("../im/product-page-icon.png");
  -webkit-background-size: 40px 20px;
  -moz-background-size: 40px 20px;
  background-size: 40px 20px;
  width: 20px;
  height: 20px;
  background-position: 0 0; }
  .product-page-info:hover {
    background-position: -20px 0; }

.sa-one-click-bell {
  display: inline-block;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url("../im/gry_bell@2x.png");
  -webkit-background-size: 15px 18px;
  -moz-background-size: 15px 18px;
  background-size: 15px 18px;
  width: 15px;
  height: 18px;
  background-position: 0 0; }
  .sa-one-click-bell.on, .on .sa-one-click-bell {
    background-image: url("../im/pnk_bell@2x.png"); }

.sa-large-bell-icon {
  display: block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-image: url("../im/gry_bell@2x.png");
  -webkit-background-size: 24px 28px;
  -moz-background-size: 24px 28px;
  background-size: 24px 28px;
  width: 24px;
  height: 28px; }

.list-checkmark-pink, .addListPanel input[type='checkbox']:checked + label:after {
  background-position: -26px -2109px;
  width: 15px;
  height: 11px; }

.close-medium {
  background-position: 0 -1905px;
  height: 14px;
  width: 14px; }
  .close-medium:hover {
    background-position: -18px -1905px;
    height: 14px;
    width: 14px; }

.smallLightX {
  background-position: 0 -62px;
  width: 8px;
  height: 8px; }

.lightX {
  background-position: 0 -900px;
  height: 9px;
  width: 10px; }

.darkX {
  background-position: -15px -900px;
  height: 9px;
  width: 10px; }

.whiteArrow.right {
  background-position: -19px -95px;
  width: 7px;
  height: 7px; }

.darkArrow.right {
  background-position: -8px -95px;
  width: 7px;
  height: 7px; }
.darkArrow.left {
  background-position: -8px -73px;
  width: 7px;
  height: 7px; }
.darkArrow.top {
  background-position: -12px -73px;
  width: 7px;
  height: 7px; }

.close-pink {
  background-position: -20px -62px;
  width: 8px;
  height: 8px;
  height: 8px;
  width: 8px; }

.lightArrow.right {
  background-position: 0 -95px;
  width: 7px;
  height: 7px; }
.lightArrow.left {
  background-position: 0 -82px;
  width: 7px;
  height: 7px; }
.lightArrow.top {
  background-position: 0 -73px;
  width: 7px;
  height: 7px; }

.close-dark {
  background-position: -10px -62px;
  width: 8px;
  height: 8px; }

.close-light {
  background-position: 0 -62px;
  width: 8px;
  height: 8px;
  height: 8px;
  width: 8px; }
  .close-light.circle {
    background-position: 0 -1741px;
    height: 16px;
    width: 16px; }
    .close-light.circle.large {
      background-position: 0 -1717px;
      height: 20px;
      width: 20px; }
      .close-light.circle.large:hover {
        background-position: -23px -1717px;
        height: 20px;
        width: 20px; }

.socialLogo {
  float: left;
  margin: 6px; }
  .socialLogo.stylmx {
    background-position: 0 -1105px;
    height: 8px;
    width: 15px; }
  .socialLogo.blog-it {
    background-position: 0 -881px;
    height: 13px;
    width: 15px; }
  .socialLogo.email {
    background-position: 0 -1118px;
    height: 8px;
    width: 15px; }
  .socialLogo.mobile {
    background-position: 0 -426px;
    height: 19px;
    width: 12px; }
  .socialLogo.facebook {
    background-position: 0 -788px;
    height: 14px;
    width: 13px; }
  .socialLogo.facebook_footer {
    background-position: 0 -358px;
    height: 19px;
    width: 18px; }
  .socialLogo.twitter {
    background-position: 0 -825px;
    height: 14px;
    width: 16px; }
  .socialLogo.twitter_footer {
    background-position: 0 -381px;
    height: 19px;
    width: 21px; }
  .socialLogo.pinterest {
    background-position: 0 -843px;
    height: 14px;
    width: 16px; }
  .socialLogo.pinterest_footer {
    background-position: 0 -403px;
    height: 19px;
    width: 18px; }
  .socialLogo.google {
    background-position: 0 -861px;
    height: 15px;
    width: 15px; }
  .socialLogo.google_footer {
    background-position: 0 -448px;
    height: 16px;
    width: 17px; }

.deal-icon {
  background-position: 0 -1179px;
  height: 12px;
  width: 12px;
  padding-left: 17px;
  padding-top: 5px;
  margin: auto; }
  .deal-icon.free-shipping {
    background-position: 0 -1195px;
    height: 12px;
    width: 12px; }

.deal-icon-large {
  background-position: 0 -1762px;
  height: 16px;
  width: 16px;
  display: inline-block; }

.sale-alert-bell, .bell {
  background-position: -17px -1366px;
  height: 14px;
  width: 15px; }

.bell-small {
  background-position: -13px -1946px;
  height: 12px;
  width: 11px; }

.scrollArrow {
  background-position: 0 -1683px;
  height: 8px;
  width: 16px; }

.closeX {
  background-position: 0 -1417px;
  height: 22px;
  width: 22px; }
  .closeX:hover {
    background-position: -25px -1417px;
    height: 22px;
    width: 22px; }

.small-closeX {
  background-position: 0 -62px;
  width: 8px;
  height: 8px; }

.search-image {
  background-position: 0 -43px;
  height: 13px;
  width: 13px; }

.homeEditorPicks {
  background-position: 0 -806px;
  height: 14px;
  width: 15px; }

.homeLinkArrow {
  background-position: 0 -1809px;
  height: 13px;
  width: 6px; }

.emailSubmitArrow {
  background-position: 0 -1658px;
  height: 19px;
  width: 23px; }

.socialButton i {
  display: none; }
.socialButton.facebook {
  background-position: -39px -1443px;
  height: 36px;
  width: 36px; }
  .socialButton.facebook:hover {
    background-position: 0 -1443px;
    height: 36px;
    width: 36px; }
.socialButton.twitter {
  background-position: -39px -1483px;
  height: 36px;
  width: 36px; }
  .socialButton.twitter:hover {
    background-position: 0 -1483px;
    height: 36px;
    width: 36px; }
.socialButton.pinterest {
  background-position: -39px -1522px;
  height: 36px;
  width: 36px; }
  .socialButton.pinterest:hover {
    background-position: 0 -1522px;
    height: 36px;
    width: 36px; }
.socialButton.google {
  background-position: -39px -1562px;
  height: 36px;
  width: 36px; }
  .socialButton.google:hover {
    background-position: 0 -1562px;
    height: 36px;
    width: 36px; }
.socialButton.instagram {
  background-position: -39px -1601px;
  height: 36px;
  width: 36px; }
  .socialButton.instagram:hover {
    background-position: 0 -1601px;
    height: 36px;
    width: 36px; }
.socialButton.dark.facebook {
  background-position: 0 -1443px;
  height: 36px;
  width: 36px; }
.socialButton.dark.twitter {
  background-position: 0 -1483px;
  height: 36px;
  width: 36px; }
.socialButton.dark.pinterest {
  background-position: 0 -1522px;
  height: 36px;
  width: 36px; }
.socialButton.dark.google {
  background-position: 0 -1562px;
  height: 36px;
  width: 36px; }
.socialButton.dark.instagram {
  background-position: 0 -1601px;
  height: 36px;
  width: 36px; }

.appDownloadImage {
  height: 65px;
  width: 95px;
  background-position: 1px -717px;
  height: 65px;
  width: 95px; }

.headerFacebookLogo {
  background-position: 0 -788px;
  height: 14px;
  width: 13px; }

.close-top-hint {
  background-position: 0 -1640px;
  height: 15px;
  width: 15px; }

.locale.en_US {
  background-position: 0 -1347px;
  height: 14px;
  width: 21px; }
.locale.en_GB {
  background-position: 0 -1328px;
  height: 14px;
  width: 21px; }
.locale.en_CA {
  background-position: 0 -1252px;
  height: 14px;
  width: 21px; }
.locale.en_AU {
  background-position: 0 -1233px;
  height: 14px;
  width: 21px; }
.locale.fr_FR {
  background-position: 0 -1290px;
  height: 14px;
  width: 21px; }
.locale.de_DE {
  background-position: 0 -1271px;
  height: 14px;
  width: 21px; }
.locale.ja_JP {
  background-position: 0 -1309px;
  height: 14px;
  width: 21px; }

.star-black {
  display: inline-block;
  background-image: url("../im/browse-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 160px 2253px;
  -moz-background-size: 160px 2253px;
  background-size: 160px 2253px;
  background-position: 0 -806px;
  height: 14px;
  width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .star-black {
      background-image: url("../im/browse-sprite@2x.png"); } }

.grey-arrow-right {
  background-position: 0 -1809px;
  height: 13px;
  width: 6px; }

.icon-share {
  background-position: 0 -1928px;
  width: 15px;
  height: 12px;
  display: inline-block; }

.icon-share-dark {
  background-position: -20px -1928px;
  width: 15px;
  height: 12px;
  display: inline-block; }

.icon-share-pink, .product-share-popup.active .icon-share {
  background-position: -42px -1928px;
  width: 15px;
  height: 12px;
  display: inline-block; }

.social-icon {
  display: inline-block;
  background-image: url("../im/social-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 77px 165px;
  -moz-background-size: 77px 165px;
  background-size: 77px 165px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .social-icon {
      background-image: url("../im/social-sprite@2x.png"); } }
  .social-icon.facebook {
    background-position: 0 0;
    width: 17px;
    height: 17px; }
  .social-icon.twitter {
    background-position: -26px -150px;
    width: 20px;
    height: 15px; }
  .social-icon.pinterest {
    background-position: 0 -34px;
    width: 22px;
    height: 21px; }
  .social-icon.google {
    background-position: 0 -65px;
    width: 18px;
    height: 18px; }
  .social-icon.blog {
    background-position: 0 -92px;
    width: 22px;
    height: 17px; }
  .social-icon.comment {
    background-position: -23px -92px;
    width: 17px;
    height: 17px; }

.facebookLogin {
  background-position: 0 -788px;
  height: 14px;
  width: 13px; }

.circle-check-light, #ColorFilterMenu p .filterCheck {
  background-position: 0 -1989px;
  width: 17px;
  height: 17px;
  display: inline-block; }

.circle-check-dark, #ColorFilterMenu p .filterCheck.White {
  background-position: -21px -1989px;
  width: 17px;
  height: 17px;
  display: inline-block; }

.dialog-close {
  background-position: -40px -1903px;
  height: 15px;
  width: 15px;
  display: inline-block; }
  .dialog-close:hover {
    background-position: -65px -1903px;
    height: 15px;
    width: 15px; }

.deal-tag-pink {
  background-position: 0 -1762px;
  height: 16px;
  width: 16px; }

.deal-tag-white {
  background-position: -18px -1761px;
  width: 14px;
  height: 17px;
  display: inline-block;
  vertical-align: text-top; }

.padlock-small-pink {
  background-position: 0 -2143px;
  width: 11px;
  height: 13px; }

.padlock-white {
  background-position: -15px -2140px;
  width: 14px;
  height: 16px;
  display: inline-block;
  vertical-align: text-top; }

.paperclip {
  background-position: 0 -2236px;
  width: 19px;
  height: 17px; }
  .paperclip:hover, .paperclip.active {
    background-position: -24px -2236px;
    width: 19px;
    height: 17px; }

.tool-tip-prompt {
  background-position: -60px -2216px;
  width: 15px;
  height: 15px; }
  .complete .tool-tip-prompt {
    background-position: -40px -2216px;
    width: 15px;
    height: 15px; }

/*****************************************************
*** this file is for old styles that are still used by partners or just need general cleanup.
*** you could call this a walk-of-shame css file
******************************************************/
/** old style, should get cleaned up (change all html refs to new button class) **/
.buttonCell, .buttonCellDisabled, .smallButtonCell, .smallButtonCellDisabled {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #333230;
  padding: 4px 8px 3px 9px;
  /* asymmetric because letter spacing hangs to the right */
  white-space: nowrap;
  cursor: pointer;
  letter-spacing: 2px;
  display: block; }

.smallButtonCell, .smallButtonCellDisabled {
  font-size: 10px;
  letter-spacing: 1px;
  padding: 3px 7px; }

.buttonCellDisabled, .smallButtonCellDisabled {
  cursor: default;
  color: #e5e3e1;
  background: #cbc9c9;
  border: 1px solid #bcb9b9; }

.buttonBarCell {
  padding-left: 6px;
  position: relative;
  z-index: 10; }
  .buttonBarCell.look {
    margin-bottom: 10px; }
  .buttonBarCell.user {
    height: 50px;
    margin-left: 6px; }
    .buttonBarCell.user .title {
      font-size: 12px;
      text-transform: uppercase;
      color: #201f1e; }
    .buttonBarCell.user .name {
      color: #201f1e;
      font-size: 12px;
      font-weight: bold; }
    .buttonBarCell.user .date {
      color: #868686;
      line-height: 20px;
      font-size: 12px; }

/************************************/
/* Shared Styles for partners */
/************************************/
.searchStatusSection {
  margin-bottom: 12px;
  white-space: nowrap; }

.emptySearchStatusSection {
  height: 1px;
  margin-bottom: 6px; }

/* tweaked in ie.css */
.catNavAdSpacer {
  padding-top: 20px; }

/* important that these two wrapper pieces have the same left-right padding */
.wrapperHeader {
  padding: 10px; }

.wrapperFooter {
  /* top pad is browser dependent, watch IE*.css */
  padding: 0 10px 4px; }

/** Old header component used for outdated partners **/
#topLevelMenu td {
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: normal;
  letter-spacing: 2.5px;
  padding-right: 22px;
  vertical-align: bottom;
  /* do vert positioning with margins on container table, more reliable than cells floating in the middle */ }

#globalMenu a,
.popupMenuItem {
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  text-transform: none;
  text-decoration: none;
  margin: 0 10px;
  letter-spacing: normal;
  line-height: 20px;
  display: block; }

#globalMenu a {
  font-weight: bold;
  margin: 0;
  padding: 0 10px; }
  #globalMenu a:hover {
    background-color: #201f1e;
    color: white;
    font-weight: bold; }

.topLevelNavItem {
  float: left;
  height: 20px;
  line-height: 20px;
  margin-right: 10px; }

.headerLink {
  float: right;
  cursor: pointer;
  color: #999999;
  margin-left: 18px; }
  .headerLink:hover {
    color: white; }

.topMenuRow {
  clear: both;
  background: white;
  height: 30px;
  color: #201f1e; }

#topLevelMenu {
  float: left; }

#globalMenuTitle {
  /* side padding to increase menu mouse-over area */
  padding: 0 10px 0 12px;
  color: #201f1e;
  cursor: pointer;
  float: left;
  background: #eee;
  margin-right: 10px; }

#globalMenu {
  width: 150px;
  padding: 5px 0;
  background: white; }

#globalMenuTitle, #globalMenu {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30px; }

#pageHeaderWrapper.header {
  width: 1024px; }

#popsugar-sub-nav *,
#popsugar-nav * {
  font-family: Arial, sans-serif !important;
  line-height: 20px;
  font-size: 13px; }

#user-login a.account-menu {
  line-height: 28px; }

#account {
  height: 40px; }
  #account a.account-menu {
    height: 30px;
    display: block;
    text-decoration: none;
    vertical-align: top;
    color: white;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #account .profile-picture {
    vertical-align: middle;
    display: block; }
    #account .profile-picture img {
      border-radius: 14px;
      width: 28px;
      height: 28px; }
  #account .profile-picture-default {
    margin: 5px 0 0 12px; }
    #account .profile-picture-default img {
      border-radius: 0;
      width: 19px;
      height: 19px; }
  #account .account-drop-down {
    display: none;
    z-index: 100000;
    position: relative;
    right: 80px; }
  #account:hover .account-drop-down {
    display: block; }
  #account ul.account-menu {
    display: none;
    position: relative;
    background: white;
    padding: 0;
    margin: 0;
    top: 10px;
    left: 0;
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    padding: 12px 20px 20px 15px;
    width: 550px;
    z-index: 777777;
    display: inline-block;
    width: auto;
    min-width: 150px;
    padding: 10px 0;
    background: white; }
    #account ul.account-menu:after {
      position: absolute;
      top: -10px;
      left: 20px;
      display: inline-block;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white;
      border-left: 10px solid transparent;
      content: ''; }
    #account ul.account-menu:after {
      left: 115px; }
    #account ul.account-menu li.separator {
      border-bottom: 1px solid #e5e3e1;
      margin-bottom: 5px;
      padding-top: 5px; }
    #account ul.account-menu li a {
      text-decoration: none;
      color: #666666;
      display: block;
      padding: 3px 10px; }
      #account ul.account-menu li a:hover {
        background: #201f1e;
        color: white; }

.user-arrow-down {
  background-image: url("/im/search-cat-arrow.png");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: 0 0;
  height: 10px;
  width: 10px;
  right: 10px;
  top: 12px;
  position: absolute; }

.hide {
  display: none; }

#user-login {
  float: right;
  position: relative;
  z-index: 10000;
  padding: 0 10px; }
  #user-login.logged-in {
    width: 70px; }
  #user-login .facebookLogin {
    top: 8px;
    right: -12px; }
  #user-login .arrow-down {
    float: right;
    margin-bottom: 5px;
    position: relative;
    top: -15px; }

#account-connect {
  height: 25px;
  line-height: 25px;
  color: white; }
  #account-connect a {
    color: white;
    font-weight: bold; }

#TopLogo {
  height: 20px;
  width: auto; }

.home .page-header {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
  min-width: 600px; }

.page-header {
  height: 90px;
  min-width: 600px;
  background: #313131;
  background: rgba(0, 0, 0, 0.8); }
  .page-header.ribbon-header {
    height: 130px; }
  .page-header #social {
    right: 10px;
    position: relative;
    float: right;
    top: 0;
    z-index: 100000; }
    .page-header #social a {
      margin-top: 7px;
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      width: 100%;
      height: 100%; }
    .page-header #social .menu a {
      color: #201f1e;
      margin: 0; }
  .page-header .menu .arrow-down {
    display: none; }
  .page-header .menu .menu-outer {
    background: none;
    border: 0; }
  .page-header .menu a {
    color: #201f1e; }
  .page-header .mainHeader {
    height: 50px;
    padding: 10px 28px 10px 40px;
    width: 100%; }
  .page-header .logo-container {
    float: left;
    margin-top: 7px;
    position: relative;
    z-index: 10; }
  .page-header .search-container {
    position: absolute;
    width: 100%;
    min-width: 600px;
    left: 0;
    padding: 0 160px 0 220px; }
    .page-header .search-container.logged-out {
      padding: 0 200px 0 220px; }
    .page-header .search-container .search {
      width: auto;
      overflow: hidden;
      margin: 0 20px;
      -webkit-transition-duration: 1s;
      transition-duration: 1s; }
      @media (max-width: 700px) {
        .page-header .search-container .search {
          margin: 0; } }
  .page-header .ribbon-container {
    height: 40px;
    width: 100%;
    background-color: #3e3e3e; }
    .page-header .ribbon-container .ribbon-content {
      text-align: center;
      line-height: 40px; }
    .page-header .ribbon-container a {
      color: white;
      font-size: 11px;
      text-decoration: none;
      letter-spacing: 1px; }

.FR.page-header .search-container.logged-out, .DE.page-header .search-container.logged-out, .JP.page-header .search-container.logged-out {
  padding: 0 240px 0 220px; }

.nav-container {
  height: 40px;
  margin: 0 20px;
  padding: 13px 12px;
  overflow: hidden;
  border-top: #545454 solid 1px; }
  .transparent .nav-container {
    border-color: rgba(225, 225, 225, 0.4); }
  .nav-container a {
    color: white;
    font-size: 12px;
    letter-spacing: 0.2px; }
    .nav-container a:hover {
      text-decoration: underline; }
  .nav-container li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    padding: 0 8px; }
    .nav-container li.right {
      float: right; }
  .nav-container .nav-sale-link {
    color: #ee0066; }

.dropdown-menu {
  display: none;
  background: white;
  position: absolute;
  width: 750px;
  left: 20px;
  top: 84px;
  box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.19);
  z-index: 100; }
  .selected .dropdown-menu {
    display: block; }
  .dropdown-menu a {
    color: #999999;
    font-family: Avenir, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0; }
    .dropdown-menu a:hover {
      text-decoration: none; }
  .dropdown-menu .dropdown-primary-menu {
    padding: 30px 20px; }
    .dropdown-menu .dropdown-primary-menu a {
      font-size: 15px;
      margin: 0 10px;
      transition: border-color .5s ease-in-out;
      -webkit-transition: border-color .5s ease-in-out;
      border-color: transparent; }
      .dropdown-menu .dropdown-primary-menu a.selected {
        color: #3e3e3e;
        padding-bottom: 10px;
        border-bottom: 3px solid #ee0066; }
  .dropdown-menu .pull-right {
    float: right; }
  .dropdown-menu a.shop-all {
    font-size: 12px;
    font-weight: 500; }
    .dropdown-menu a.shop-all:hover {
      border-bottom: 0; }
  .dropdown-menu .shop-all div {
    display: inline;
    padding-left: 10px; }
  .dropdown-menu .dropdown-image {
    width: 260px;
    height: 205px;
    float: left;
    text-align: center;
    line-height: 205px;
    border-right: 1px solid #e4e3e1;
    margin-bottom: 30px; }
    .dropdown-menu .dropdown-image img {
      vertical-align: middle; }
  .dropdown-menu .dropdown-secondary-menu {
    height: 235px; }
    .dropdown-menu .dropdown-secondary-menu a {
      color: #3e3e3e;
      display: block;
      font-size: 15px;
      line-height: 35px; }
  .dropdown-menu .dropdown-column {
    float: left;
    width: 200px;
    margin: 15px 0 15px 40px; }
    .dropdown-menu .dropdown-column a {
      position: relative; }
    .dropdown-menu .dropdown-column .selected::before {
      content: '>';
      display: block;
      position: absolute;
      left: -20px; }
  .dropdown-menu .dropdown-footer {
    border-top: 1px solid #e4e3e1;
    margin: 0 20px;
    padding: 15px 0;
    text-align: right; }
    .dropdown-menu .dropdown-footer .shop-all {
      line-height: 12px; }

.new-header .has-drop-menu.selected:after {
  display: block;
  content: '';
  top: -2px;
  position: relative;
  left: 16%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid white; }

.home-gradient {
  background-image: url("../im/home-gradient.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 110px;
  position: fixed;
  top: 0;
  z-index: -1; }

.SSContainer .country-selector ul, .SSContainer .country-selector li {
  margin: 0;
  padding: 0; }

#localeMenu .chooseCountry {
  height: 30px;
  margin-left: 53px;
  text-transform: uppercase;
  line-height: 31px;
  font-size: 10px;
  background: white;
  padding-left: 5px; }
#localeMenu .popupMenuBody {
  background: transparent; }

.localePicker.menu .menu-outer {
  margin-left: 20px; }
  .localePicker.menu .menu-outer .menu-inner {
    width: 90px;
    right: -5px; }
  .localePicker.menu .menu-outer .menu-item {
    text-align: center; }
  .localePicker.menu .menu-outer .menu-selected-item {
    width: 23px;
    padding: 0; }
    .localePicker.menu .menu-outer .menu-selected-item .icon, .localePicker.menu .menu-outer .menu-selected-item .favorite, .localePicker.menu .menu-outer .menu-selected-item .favorite-medium, .localePicker.menu .menu-outer .menu-selected-item .eclusive-star-white, .localePicker.menu .menu-outer .menu-selected-item .popular-heart-white, .localePicker.menu .menu-outer .menu-selected-item .arrivals-clock-white, .localePicker.menu .menu-outer .menu-selected-item .shopstyle_inlineCellBrowserLeftArrow, .localePicker.menu .menu-outer .menu-selected-item .shopstyle_inlineCellBrowserLeftArrowDisabled, .localePicker.menu .menu-outer .menu-selected-item .shopstyle_inlineCellBrowserRightArrow, .localePicker.menu .menu-outer .menu-selected-item .shopstyle_inlineCellBrowserRightArrowDisabled, .localePicker.menu .menu-outer .menu-selected-item .filterCheck, .localePicker.menu .menu-outer .menu-selected-item .filter-color-swatch.Gold, .localePicker.menu .menu-outer .menu-selected-item .filter-color-swatch.Silver, .localePicker.menu .menu-outer .menu-selected-item #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .localePicker.menu .menu-outer .menu-selected-item .filterCheck {
      top: 2px; }
.localePicker.menu .currentLocaleContainer {
  float: left;
  padding: 4px 4px 2px;
  position: relative;
  right: 8px;
  top: -1px; }
.localePicker.menu #localeMenu {
  width: 72px; }
.localePicker.menu .flyoveritem {
  border-bottom: 1px solid #e5e3e1; }
.localePicker.menu .flyoverdiv {
  padding: 8px 0;
  height: 40px; }
.localePicker.menu .popupMenuItem {
  margin: 0 7px; }
  .localePicker.menu .popupMenuItem span {
    font-size: 14px;
    position: relative;
    left: 2px;
    bottom: 2px; }
.localePicker.menu .localeImage {
  vertical-align: -5px;
  margin-right: 4px;
  margin-left: 2px; }

.headerShippingText {
  color: #999999;
  text-transform: none; }

.locale {
  top: 3px;
  position: relative;
  display: inline-block; }

.ui-state-focus, .ui-state-hover {
  outline: none; }

.ui-slider .ui-slider-handle {
  position: absolute;
  width: 12px;
  height: 18px;
  z-index: 10;
  margin: 0;
  background: white;
  top: 2px;
  border: 2px solid #cdccca;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.ui-slider .ui-slider-end-value {
  position: absolute;
  top: -24px;
  width: 55px; }
  .ui-slider .ui-slider-end-value.max {
    text-align: right; }
.ui-slider .sliderTrack {
  position: absolute;
  top: 4px;
  width: 175px;
  height: 15px;
  background-color: white;
  border-radius: 3px; }
.ui-slider .ui-widget-header {
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  top: 6px;
  height: 11px;
  background: #ee0066; }
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }
.ui-slider .ui-display-value {
  width: 50px;
  height: 20px;
  position: relative;
  top: -18px;
  left: -18px;
  text-align: center; }
.ui-slider .ui-display-value-static {
  height: 20px;
  position: absolute;
  top: -24px;
  right: -21px;
  text-align: center; }
  .ui-slider .ui-display-value-static span {
    color: white;
    font-size: 12px;
    font-weight: bold; }

.sliderTrack {
  position: absolute;
  top: 6px;
  left: 0;
  width: 200px;
  height: 1px;
  background-color: #666666; }

.tick.ui-widget-content {
  border-right: 1px solid #ee0066;
  height: 7px;
  display: inline-block;
  position: absolute;
  top: 8px; }

.ui-slider-tooltip {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  color: white;
  font-weight: bold;
  top: -27px;
  left: -11px;
  padding: 2px 6px;
  text-align: center;
  background: #ee0066;
  border-radius: 2px;
  min-width: 35px;
  height: 18px; }
  .ui-slider-tooltip:after {
    position: absolute;
    display: block;
    content: '';
    bottom: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ee0066; }
  .ui-state-active .ui-slider-tooltip {
    visibility: visible; }

/***** auto-complete suggestions - styles used by the jQuery ui widget *****/
.ui-autocomplete {
  position: absolute;
  width: 335px;
  clear: both;
  background: white;
  margin: 0;
  padding: 2px !important;
  z-index: 1001 !important;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .ui-autocomplete .ui-menu {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .ui-autocomplete .ui-menu-item {
    list-style-type: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    min-width: 192px;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 4px 0 0 0; }
    .ui-autocomplete .ui-menu-item a {
      color: #201f1e !important;
      display: block;
      padding: 6px 10px; }
    .ui-autocomplete .ui-menu-item:hover a, .ui-autocomplete .ui-menu-item a.ui-state-focus {
      color: white !important;
      background-color: #ee0066; }

.ui-shop-icon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 7px;
  height: 20px;
  line-height: 20px !important;
  padding: 0 12px !important;
  font-size: 12px !important; }

.sidebarSection {
  position: relative;
  padding-left: 5px; }

.sidebarSubheader {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: default; }

.articleProductCellSubHeader {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 5px 0 0;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  font-family: Arial, sans-serif;
  cursor: default;
  position: relative;
  right: 16px;
  top: 5px;
  text-align: center; }

.articleCellImageContainer {
  line-height: 12px;
  margin: 3px 0 3px 3px;
  position: relative;
  top: 10px;
  bottom: 5px;
  right: 2px;
  text-align: center; }

.articleCellImage {
  height: 180px;
  width: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto; }

.articleCellTitle {
  font-weight: bold;
  position: relative;
  top: 13px;
  bottom: 5px;
  left: 9px;
  white-space: normal;
  text-align: left;
  line-height: 16px;
  font-size: 12px;
  max-width: 165px; }

.articleDescriptionContainer {
  margin: 2px 0 3px 0;
  white-space: normal;
  font-size: 9px;
  line-height: 10px;
  cursor: pointer;
  text-align: center; }

.articleImageContainer {
  line-height: 12px;
  margin: 3px 0 3px 3px;
  text-align: center; }

.articleImage {
  margin-bottom: 5px; }

.articleTitle {
  white-space: normal;
  text-transform: uppercase; }

.articleDescriptionContainer {
  margin: 2px 0 3px 0;
  white-space: normal;
  font-size: 9px;
  line-height: 10px;
  cursor: pointer;
  text-align: center; }

.articleLinkTextMore {
  margin-top: 4px; }

#pageFooterWrapper {
  position: relative;
  z-index: 2;
  background: white; }

.simpleHome #pageFooterWrapper .footerAppDownload {
  display: none; }
.simpleHome #pageFooterWrapper .pageFooter {
  margin-top: 0; }

#borderedFooterSection {
  border-top: 3px solid black; }

.downloadApp {
  color: white;
  text-decoration: none; }

.footerSocialAction {
  padding-right: 25px; }
  .footerSocialAction .socialTitle {
    line-height: 30px;
    text-transform: uppercase;
    font-size: 11px;
    color: #302f2e; }

.footerSiteLink {
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 10px; }
  .footerSiteLink a {
    color: black; }

.pageFooter {
  border-top: 1px solid #e5e3e1;
  margin-top: 25px;
  clear: both; }
  .pageFooter .joinInput {
    margin: auto;
    clear: both;
    height: 50px; }
  .pageFooter .search {
    height: 44px; }
  .pageFooter .shopstyle-search-bar {
    border: 1px solid #201f1e; }

/*New Pop Shopping Page Footer */
.starscream-footer a, .starscream-footer a:visited {
  color: #201f1e; }
.starscream-footer a:focus, .starscream-footer a:hover, .starscream-footer a:active {
  color: #ee0066;
  text-decoration: underline; }
.starscream-footer ul, .starscream-footer ol {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1em;
  overflow: hidden; }
.starscream-footer .contentContainer {
  height: 150px;
  max-width: 980px;
  margin: 0 auto 60px auto; }
  .starscream-footer .contentContainer h2 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #ee0066;
    margin-bottom: 10px; }
  .starscream-footer .contentContainer li {
    font-size: 13px;
    line-height: 16px;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    width: 48%;
    margin-right: 4%;
    color: #201f1e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .starscream-footer .contentContainer li:nth-child(even) {
      margin-right: 0; }
  .starscream-footer .contentContainer .clearfix:before {
    content: ' ';
    display: table; }
  .starscream-footer .contentContainer .clearfix:after {
    content: ' ';
    display: table; }
  .starscream-footer .contentContainer .borderTest {
    height: 100%; }
  .starscream-footer .contentContainer .brandContent {
    width: 240px;
    margin-right: 20px;
    float: left; }
  .starscream-footer .contentContainer .productContent {
    width: 460px;
    float: left; }
.starscream-footer .aboutDivider {
  width: 100%;
  border-top: 1px solid #e5e3e1; }
.starscream-footer .aboutContainer {
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: auto; }
.starscream-footer .infoLinks {
  float: left;
  text-align: left;
  width: 60%; }
  .starscream-footer .infoLinks ul {
    line-height: 15px; }
  .starscream-footer .infoLinks li {
    float: left;
    margin-right: 1em;
    font-size: 13px;
    color: #201f1e;
    font-weight: bold;
    text-transform: capitalize; }
.starscream-footer .productLinks {
  clear: both;
  margin-top: 10px;
  margin-bottom: 6px;
  margin-right: 10px;
  font-weight: bold; }
  .starscream-footer .productLinks ul {
    overflow: hidden;
    display: inline-block;
    line-height: 11px; }
  .starscream-footer .productLinks li {
    margin-right: 6px; }
  .starscream-footer .productLinks span {
    margin-right: 10px;
    font-size: 13px;
    color: #868686; }
.starscream-footer .legalFooter {
  font-size: 12px;
  color: #868686;
  padding-top: 5px;
  clear: both; }
.starscream-footer .mailingContainer {
  float: right;
  text-align: left;
  width: 40%; }
  .starscream-footer .mailingContainer a.active, .starscream-footer .mailingContainer a.hover, .starscream-footer .mailingContainer a.focus, .starscream-footer .mailingContainer a.visited {
    text-decoration: none; }
  .starscream-footer .mailingContainer #joinListField {
    width: 200px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e1e1e1;
    font-style: italic;
    margin-right: 8px;
    padding: 0 9px; }
  .starscream-footer .mailingContainer .btn {
    padding: 8px 20px 7px; }
    .starscream-footer .mailingContainer .btn:hover {
      background-color: #ee0066;
      color: white; }
  .starscream-footer .mailingContainer .joinListMessage {
    font-size: 14px;
    margin-left: 70px;
    color: #ee0066;
    text-transform: capitalize;
    top: -21px; }
  .starscream-footer .mailingContainer .footerMailingButton {
    margin-left: 0; }
.starscream-footer .socialButtons {
  position: absolute;
  bottom: 11px;
  right: 21px; }
.starscream-footer .socialBar {
  height: 50px;
  width: 100%;
  background-color: #e5e3e1;
  padding: 7px 0; }
  .starscream-footer .socialBar .country-selector {
    margin: 0; }
  .starscream-footer .socialBar .socialContent {
    max-width: 980px;
    margin: 0 auto;
    height: 100%; }
    .starscream-footer .socialBar .socialContent .socialContainer {
      width: 220px;
      margin: 0 auto; }
      .starscream-footer .socialBar .socialContent .socialContainer .socialButton {
        float: left;
        margin-right: 10px; }
        .starscream-footer .socialBar .socialContent .socialContainer .socialButton.last {
          margin-right: 0; }
        .starscream-footer .socialBar .socialContent .socialContainer .socialButton:last-child {
          margin-right: 0; }

.footerMailingButton {
  margin-left: 10px;
  padding: 7px; }

#joinListField {
  width: 241px;
  height: 38px;
  border-radius: 3px 0 0 3px;
  border: 1px #cdccca solid;
  font-size: 14px;
  font-style: italic; }

.joinButton {
  font-size: 10px;
  background: #201f1e !important;
  padding: 4px 8px;
  height: 22px;
  border-right: 1px #cdccca solid;
  border-top: 1px #cdccca solid;
  border-bottom: 1px #cdccca solid;
  border-left: 0;
  border-radius: 0 3px 3px 0; }

#secureFrame {
  display: none; }

.shopstyle_cellBrowserLeftArrow {
  height: 22px;
  width: 22px;
  background-image: url("../im/page-left.png");
  cursor: pointer; }

.shopstyle_cellBrowserLeftArrowDisabled {
  height: 22px;
  width: 22px;
  background-image: url("../im/page-left-disabled.png");
  cursor: default; }

.shopstyle_cellBrowserRightArrow {
  height: 22px;
  width: 22px;
  background-image: url("../im/page-right.png");
  cursor: pointer; }

.shopstyle_cellBrowserRightArrowDisabled {
  height: 22px;
  width: 22px;
  background-image: url("../im/page-right-disabled.png");
  cursor: default; }

.shopstyle_inlineCellBrowserLeftArrow {
  background-position: -21px -520px;
  height: 35px;
  width: 17px;
  cursor: pointer; }

.shopstyle_inlineCellBrowserLeftArrowDisabled {
  background-position: 0 -520px;
  height: 35px;
  width: 17px;
  cursor: default; }

.shopstyle_inlineCellBrowserRightArrow {
  background-position: -21px -556px;
  height: 35px;
  width: 17px;
  cursor: pointer; }

.shopstyle_inlineCellBrowserRightArrowDisabled {
  background-position: 0 -556px;
  height: 35px;
  width: 17px;
  cursor: pointer; }

.shopstyle_cellBrowserLeftArrowSmall {
  width: 15px;
  height: 15px;
  background-image: url("../im/widget/page-left.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  cursor: pointer; }

.shopstyle_cellBrowserLeftArrowSmallDisabled {
  width: 15px;
  height: 15px;
  background-image: url("../im/widget/page-left-disabled.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  cursor: default; }

.shopstyle_cellBrowserRightArrowSmall {
  width: 15px;
  height: 15px;
  background-image: url("../im/widget/page-right.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  cursor: pointer; }

.shopstyle_cellBrowserRightArrowSmallDisabled {
  width: 15px;
  height: 15px;
  background-image: url("../im/widget/page-right-disabled.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  cursor: default; }

.shopstyle_cellBrowserTextSmall {
  font-size: 10px; }

.departmentHeaderText {
  color: #201f1e;
  font-family: Georgia, times, serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  display: inline-block; }

.departmentHeaderContainer {
  position: absolute;
  z-index: 100;
  width: 100%; }

.departmentScroller {
  position: absolute;
  height: 184px;
  width: 100%;
  border-bottom: 1px solid #d5d3d3; }

.departmentCell {
  position: relative;
  height: 135px;
  margin-right: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 #d8d8d8;
  background: white; }

.departmentTitle {
  position: absolute;
  bottom: 7px;
  overflow: hidden;
  text-align: center;
  width: 90%;
  margin: 0 5px;
  line-height: 13px;
  text-overflow: ellipsis; }
  .departmentTitle a, .departmentTitle a:hover {
    color: #666666;
    white-space: normal;
    font-weight: bold;
    text-align: center; }

.departmentTitleOffset {
  position: absolute;
  top: -7px;
  right: -8px;
  left: 10px; }

.departmentHeader {
  position: relative;
  float: left;
  min-height: 42px;
  width: 100%; }

.departmentHeaderText {
  font-size: 15px;
  text-transform: none;
  color: #302f2e;
  text-align: center;
  display: block; }

.resultCount {
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  color: #565656; }
  .resultCount.progress {
    display: none; }

.suggestionText {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #201f1e;
  line-height: 1.25;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap; }

.noResultInsertText {
  font-style: italic;
  text-transform: capitalize; }

.scrollUp {
  min-width: 43px;
  padding: 0 16px;
  height: 60px;
  color: black;
  border: 1px solid #e5e3e1;
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 999999;
  display: none;
  font-size: 14px;
  font-weight: bold;
  background-color: white;
  cursor: pointer;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  opacity: 0.9; }
  .scrollUp:hover {
    color: #ee0066;
    opacity: 1; }
    .scrollUp:hover .scrollArrow {
      background-position: 0 -1703px;
      height: 8px;
      width: 16px; }
  .scrollUp .scrollText {
    text-transform: uppercase; }
  .scrollUp .scrollArrow {
    margin: 18px auto 5px; }
  .scrollUp.popScrollUp {
    bottom: -1px; }

.no-matches-header {
  background: #e8e8e8;
  margin-right: 140px;
  color: #403f3d;
  text-align: center;
  padding: 15px; }
  .no-matches-header .emphasis-title {
    display: block;
    font-size: 18px; }
  .no-matches-header .text {
    display: block;
    font-size: 13px; }

.inlineArticle {
  max-width: 183px;
  max-height: 274px; }

.inlineAd {
  padding: 0 43px;
  position: absolute;
  display: none;
  border: 0 solid white;
  box-shadow: 0 0 0 white;
  z-index: 1; }

/* default size for the cell browser on the browse page,
    so that non-javascript clients (like search engine spiders) will see a non-zero height */
#browserContent.cellBrowserResize {
  min-height: 500px; }

#browserContentCell {
  padding: 9px 0 0 0;
  overflow-y: auto;
  overflow-x: hidden; }

.browserContentCondensed {
  padding-top: 5px !important; }

.browserContentCell {
  position: relative;
  left: 72px;
  top: 0;
  bottom: 0;
  right: 0; }
  .browserContentCell.wide {
    left: 240px; }
  .browserContentCell.saleAlert {
    left: 20px; }

.noResultsMessage {
  margin-left: 230px;
  font-size: 14px;
  color: #201f1e;
  text-align: center;
  white-space: normal; }
  .noResultsMessage .hilite {
    font-weight: bold; }

.noMatchesLine1 {
  font-size: 18px; }

.noMatchesLine2 {
  font-size: 14px;
  padding-top: 10px; }

.shopping-deals {
  margin-top: 15px; }
  .shopping-deals article {
    display: inline-block;
    margin: 15px;
    width: 160px;
    vertical-align: top; }
    .shopping-deals article .post-title {
      padding: 5px 10px;
      white-space: normal;
      color: #ee0066; }

.hintEmphasis {
  font-size: 14px;
  background: #f2f0ee;
  border-top: #ccc 1px solid;
  height: 35px;
  line-height: 35px;
  padding: 0 30px;
  overflow: hidden; }
  .hintEmphasis .close-top-hint {
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 10px;
    cursor: pointer; }

.shopstyle_cellBrowserHeader {
  width: 100%;
  padding: 0;
  border: 0;
  height: 34px;
  margin: 4px 0;
  /* in firebird this header is empty, but height is used to position top of cell browser */ }

.productViewerWrapper {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.productViewer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 800px; }

#tophint {
  z-index: 1;
  height: 20px;
  padding: 0 20px 0 0; }

.hintLinkColor {
  color: #ee0066; }
  .hintLinkColor:hover {
    text-decoration: underline; }

#seeMoreBar {
  width: 100%;
  height: 43px;
  background-color: transparent;
  float: left;
  margin-top: 90px; }

#cellBrowserSeeMore {
  width: 280px; }

#toTop {
  display: none;
  position: absolute;
  width: 48px;
  height: 48px;
  right: 7px;
  bottom: 5px;
  background-color: #fff;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 2px solid black;
  cursor: pointer; }

.menus .bubble-menu {
  float: right;
  position: relative;
  width: inherit;
  z-index: 100; }

.cellBrowserWrapper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.shopstyle_topArrowHolder {
  width: 2px;
  height: 2px;
  position: relative;
  padding: 0;
  margin: 0 auto; }

.shopstyle_topArrowHolderInner {
  width: 160px;
  position: absolute;
  left: -80px;
  height: 26px; }

.shopstyle_inlineCellBrowserArrows.left {
  position: absolute;
  left: 7px;
  top: 45%;
  width: 41px; }

.shopstyle_inlineCellBrowserArrows.right {
  position: absolute;
  right: 0;
  top: 45%;
  width: 37px; }

.shopstyle_contentWithArrows {
  position: absolute;
  height: 100%;
  left: 41px;
  top: 10px;
  right: 44px; }

.shopstyle_cellPageOfPage {
  white-space: nowrap;
  padding: 3px 5px 3px 3px; }

#loading-indicator {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 45px;
  display: none;
  z-index: 1000; }
  #loading-indicator > div {
    margin-left: 220px;
    text-align: center;
    background: white;
    border-top: 1px solid #e5e3e1;
    line-height: 45px;
    font-weight: bold;
    color: #666666;
    font-size: 14px;
    text-transform: uppercase; }
  #loading-indicator img {
    margin-right: 12px;
    vertical-align: middle; }

.saleAlertBrowser {
  margin: 0 20px;
  position: relative;
  top: 20px; }

/** PartnerLookEditor stuff */
.partnerBody {
  background-color: #eee; }

#ssPartnerStylingDiv {
  display: none; }

#ssPageContent {
  border: 1px solid black;
  border-top: 0;
  background-color: white; }

#ssHeader {
  position: relative; }

#ssNavigationBar a {
  color: #000; }

.ssNavigationBarPadded {
  padding: 0 10px; }

#ssNavigationBarLeft {
  position: absolute;
  left: 0;
  width: 600px;
  top: 8px; }

#ssNavigationBarRight {
  position: absolute;
  right: 5px;
  width: 415px;
  top: 4px;
  text-align: right; }

#ssPartnerFooterWrapper {
  display: none; }

#ssPoweredBy {
  font-family: Arial, sans-serif;
  padding: 8px 9px;
  text-align: right;
  text-transform: uppercase;
  font-size: 14px; }

#partnerPageStandard #ssPageContent {
  position: static;
  width: 1020px;
  margin: 0 auto; }
#partnerPageStandard #ssBody {
  position: relative;
  margin: 0 0 7px; }
#partnerPageStandard #ssPartnerFooterWrapper {
  padding-bottom: 15px;
  margin: 30px auto 0; }
#partnerPageStandard .community-alert-message {
  width: 80%; }

#partnerPageEditor #ssPageContent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -320px;
  margin: 0;
  border: 0; }
#partnerPageEditor #ssBody {
  position: absolute;
  left: 0;
  right: 0;
  top: 97px;
  bottom: 400px; }
#partnerPageEditor #ssFooter {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0; }
#partnerPageEditor #ssPartnerFooterWrapper {
  position: absolute;
  margin: 0 50%; }
#partnerPageEditor .community-alert-message {
  width: 80%; }

#partnerPageEditor6 #ssPageContent {
  position: static;
  width: 100%;
  margin: 0 auto; }
#partnerPageEditor6 #ssBody {
  position: relative;
  height: 700px;
  margin: 2px 0 7px; }
#partnerPageEditor6 #ssFooter {
  width: 1020px;
  margin: 7px auto 5px; }
#partnerPageEditor6 #ssPartnerFooterWrapper {
  padding-bottom: 15px;
  margin: 30px auto 0; }

#partnerLookBrowserPagination {
  margin: 0 auto;
  padding: 0;
  width: 180px;
  position: relative;
  top: -39px; }

#partnerPageShop #ssPageContent {
  position: absolute;
  width: 1020px;
  left: -510px;
  margin: 0 50%;
  top: 0;
  bottom: -295px; }
#partnerPageShop #ssBody {
  position: absolute;
  left: 0;
  right: 0;
  top: 97px;
  bottom: 295px;
  overflow: hidden; }
#partnerPageShop #ssFooter {
  position: absolute;
  width: 1020px;
  margin: 0 auto;
  bottom: 0;
  padding: 0; }
#partnerPageShop #ssPartnerFooterWrapper {
  position: absolute;
  margin: 0 50%; }

#partnerPageShop6 #ssPageContent {
  position: static;
  width: 1020px;
  margin: 0 auto; }
#partnerPageShop6 #ssBody {
  position: relative;
  margin: 2px 0 7px;
  height: 650px;
  overflow: hidden; }
#partnerPageShop6 #ssPartnerFooterWrapper {
  padding-bottom: 15px;
  margin: 30px auto 0; }

#editLookHelp {
  width: 894px;
  height: 490px;
  background-color: #fff;
  position: relative; }

#editLookHelpTitle {
  font-family: Georgia, times, serif;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  font-style: italic;
  width: 100%;
  text-align: center;
  margin: 15px 0 0; }

#editLookHelpTitle2 {
  font-family: Arial, sans-serif;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin: 0 0 0; }

#editLookHelpContent {
  margin: 35px auto 0;
  /* width: 600px; */
  padding: 0; }

.editLookHelpThumb {
  text-align: center; }
  .editLookHelpThumb img {
    border: 1px solid #999999; }

.editLookHelpPlus {
  text-align: center;
  vertical-align: middle;
  padding: 0 3px; }

.editLookHelpTextHeader {
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 4px; }

.editLookHelpText {
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding-left: 13px; }

#editLookHelpPresented {
  position: absolute;
  left: 10px;
  bottom: 0; }

/***** Related Searches *****/
.related-searches {
  margin: 0 480px 0 0;
  width: auto;
  line-height: 32px;
  position: relative;
  bottom: 0;
  left: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .related-searches ul, .related-searches li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0; }
  .related-searches li {
    margin-right: 15px; }
  .related-searches a, .related-searches span {
    font-size: 12px;
    color: #999999;
    text-transform: capitalize; }
  .related-searches a:hover {
    color: #ee0066; }
  .related-searches .title {
    font-weight: bold;
    color: #666666; }
  .related-searches.intl {
    margin-right: 340px; }

.browse-related .related-searches {
  top: 15px; }

/***** Popup Deal Window *****/
#hiddenCheckoutCode {
  width: 300px;
  height: 30px;
  position: absolute;
  top: -30px;
  background: #ee0066; }

.dealsBody {
  font-family: Arial, sans-serif;
  background: #201f1e;
  height: 325px;
  width: 294px;
  overflow: hidden; }

.dealsTitle {
  text-align: center;
  margin: 5px 0 20px 0; }

.dealPopupTitle {
  text-transform: uppercase;
  font-size: 13px;
  margin: 25px auto 0;
  text-align: center; }

.dealsOuterContent {
  background: #201f1e;
  border: 8px solid #e5e3e1; }

.dealsContent {
  background: white;
  border: 3px solid #e5e3e1; }
  .dealsContent a {
    text-decoration: none; }
  .dealsContent .btn {
    width: 200px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px; }

.dealsSubTitle, .dealsSubTitleRed {
  font-size: 25px; }

.dealsRetailerTitle {
  font-size: 22px;
  text-align: center; }

.dealAlteratingRow {
  background: #e5e3e1;
  padding: 5px 0 5px 0; }

.dealTitle, .dealSubtitle, .dealEndDate {
  padding: 0 10px 3px 10px;
  text-align: center; }

.dealTitle {
  padding: 0;
  font-size: 16px;
  color: #333230;
  margin-bottom: 15px; }

.dealSubtitle {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dealEndDate {
  font-size: 11px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dealsCopyHint {
  font-size: 13px;
  text-align: center; }

.dealCheckoutCodeDiv {
  position: relative;
  padding: 20px 0;
  white-space: nowrap;
  text-align: center; }
  .dealCheckoutCodeDiv .dealCouponContainer {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    margin: 0 auto;
    color: white;
    background-color: #ee0066;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased; }
  .dealCheckoutCodeDiv .copyCover {
    background-color: black;
    position: absolute;
    top: 20px;
    right: 36px; }

.dealCheckoutCode {
  font-size: 14px;
  margin: 0 auto; }

.clickToCopyHint {
  height: 40px;
  color: #201f1e;
  text-align: center;
  font-style: italic;
  padding-top: 12px;
  font-size: 14px;
  background: transparent url("../im/deals/copy.png") no-repeat center top; }

.dealReturnContent {
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

.dealReturnImg {
  display: inline;
  margin: 5px 0 0 0;
  vertical-align: -13px; }

.dealReturnText {
  display: inline;
  font-size: 12px;
  cursor: pointer;
  color: #ee0066; }

/* Sale alert popup style */
.salePopupTitle {
  font-size: 14x;
  line-height: 28px;
  text-transform: uppercase; }

.salePopupBrand {
  font-size: 22px; }

.salePopupImage {
  padding: 10px 0; }

.saleSignupPrompt {
  font-size: 14px;
  text-align: center;
  padding: 10px 0; }

.salePopupInputField {
  padding-top: 14px;
  position: relative;
  right: 6px;
  white-space: nowrap; }

.salePopupButtonContainer {
  padding-top: 18px;
  position: relative;
  right: 6px; }

.salePopupButton {
  width: 240px;
  height: 40px; }

.salePopupJoinMessage {
  position: absolute;
  bottom: -25px;
  left: 56px;
  white-space: nowrap;
  background: white;
  padding: 0 5px;
  font-size: 14px;
  text-transform: capitalize; }

.salePopupThanks {
  left: 36px; }

.lookFlowSpreadContainer {
  width: 470px;
  height: 380px;
  position: relative;
  overflow: hidden; }
  .lookFlowSpreadContainer .spreadHolder {
    position: absolute;
    left: 0;
    top: 0; }

.lookPostContainer {
  width: 100%;
  margin-bottom: 20px; }
  .lookPostContainer .coverImageHolder {
    float: left;
    width: 45%; }
  .lookPostContainer .spreadLookHolder {
    float: right;
    height: 420px;
    width: 54%; }
  .lookPostContainer .lookFlowSpreadContainer {
    position: relative;
    overflow: hidden;
    background: white;
    padding: 2px;
    border: 1px solid #d5d3d3; }
    .lookPostContainer .lookFlowSpreadContainer .spreadHolder {
      width: 470px;
      margin: auto;
      position: relative; }

.lookPostShareButton {
  float: left; }
  .lookPostShareButton.embed {
    width: 300px; }

.lookPostProducts {
  clear: both;
  margin-left: 20px;
  margin-bottom: 15px; }
  .lookPostProducts .productCellCenterOuter {
    padding: 6px 7px 3px;
    border: 1px #ccc solid; }

.lookComments {
  clear: both;
  border-top: 3px solid #201f1e;
  padding-top: 20px; }

.shareLookOptions {
  float: right;
  margin-top: 10px; }
  .shareLookOptions .ratingContainer {
    margin-top: 5px;
    margin-right: 10px; }

.lookPostSocialBar {
  margin: 15px 0;
  border-top: 3px solid #201f1e;
  padding-top: 5px; }

.lookPostItems {
  float: left;
  margin-top: 10px; }
  .lookPostItems .title {
    float: left;
    line-height: 26px;
    padding-right: 6px;
    margin: 0;
    font-weight: normal;
    font-size: 12px; }
  .lookPostItems ul {
    list-style: none;
    height: 40px;
    display: inline; }
  .lookPostItems li {
    background: #e5e3e1;
    padding: 5px 10px;
    float: left;
    margin-right: 2px; }
    .lookPostItems li a, .lookPostItems li span {
      color: #868686;
      font-size: 11px; }
    .lookPostItems li:hover {
      background: #ee0066; }
      .lookPostItems li:hover a, .lookPostItems li:hover span {
        color: white; }

.emptyLookMessage {
  padding: 100px;
  font-size: 18px;
  text-align: center; }

/***********/
/* Ratings */
/***********/
.lookCellRating {
  position: absolute;
  top: -2px;
  right: -2px; }

.ratingContainer {
  white-space: nowrap; }

.ratingText {
  font-size: 10px; }

.sponsoredLabel {
  letter-spacing: 2px;
  cursor: default; }

.buttonBarCell.look .btn {
  min-width: 130px;
  text-align: center; }

/** to make this menu work, we use jQuery to add 'reveal' class to menu-iner.
 we also have to set the width on menu **/
.menu .menu-outer, .select-menu .menu-outer {
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  background: #f5f3f1;
  width: inherit;
  cursor: pointer;
  color: #999;
  z-index: 1000;
  border: 1px solid #e5e3e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  margin-left: 10px; }
.menu .menu-inner, .select-menu .menu-inner {
  display: none;
  position: absolute;
  -webkit-box-shadow: compact(0 5px 0 #201f1e, 3px 8px 8px #666666, -3px 8px 8px #666666, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0 5px 0 #201f1e, 3px 8px 8px #666666, -3px 8px 8px #666666, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0 5px 0 #201f1e, 3px 8px 8px #666666, -3px 8px 8px #666666, false, false, false, false, false, false, false, false, false);
  background: white;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1111;
  top: 100%;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  width: 100%;
  color: #201f1e;
  right: 0; }
  .menu .menu-inner .menu-item, .select-menu .menu-inner .menu-item {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px;
    border-bottom: 1px solid #e5e3e1;
    cursor: pointer; }
    .menu .menu-inner .menu-item:last-child, .select-menu .menu-inner .menu-item:last-child {
      border-bottom: 0; }
    .menu .menu-inner .menu-item:hover, .select-menu .menu-inner .menu-item:hover {
      background-color: #e5e3e1; }
  .menu .menu-inner .selected, .select-menu .menu-inner .selected {
    background-color: #e5e3e1;
    font-weight: bold; }
  .menu .menu-inner:after, .select-menu .menu-inner:after {
    content: '';
    display: block;
    border-bottom: 1px solid #d5d3d3; }
.menu .reveal .menu-inner, .select-menu .reveal .menu-inner {
  display: block; }
.menu .menu-selected-item, .select-menu .menu-selected-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #201f1e;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  position: relative;
  padding: 0 20px 0 10px;
  display: block; }
.menu .arrow-down, .select-menu .arrow-down {
  position: relative;
  top: 6px;
  left: 5px; }
.menu .arrow, .select-menu .arrow {
  right: 10px;
  top: 12px;
  width: 7px;
  height: 7px;
  position: absolute;
  background: transparent url("../im/sugar/search-dropdown-chevron-sprite.png") no-repeat 0 0;
  display: block; }
.menu .reveal .arrow, .select-menu .reveal .arrow {
  background-position: -8px 0; }
.menu .reveal, .select-menu .reveal {
  background: #201f1e;
  color: white; }
.menu .reveal .menu-selected-item, .select-menu .reveal .menu-selected-item {
  color: white; }
.menu.linked .menu-inner .menu-item, .select-menu.linked .menu-inner .menu-item {
  padding: 0; }
  .menu.linked .menu-inner .menu-item a, .select-menu.linked .menu-inner .menu-item a {
    display: block;
    height: 100%;
    padding: 10px;
    color: #201f1e; }

.select-menu {
  border: 1px solid #d5d3d3;
  display: inline-block; }
  .select-menu .menu-inner .menu-item {
    font-size: 12px;
    padding: 8px;
    background: white; }
  .select-menu .menu-outer {
    border: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .select-menu .menu-selected-item {
    text-align: left;
    font-weight: normal;
    margin-right: 30px;
    overflow: hidden;
    font-size: 12px;
    line-height: 32px; }
  .select-menu .menu-drop-down-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    border-left: 1px solid #d5d3d3; }
    .select-menu .menu-drop-down-image:after {
      content: '';
      position: absolute;
      top: 13px;
      left: 11px;
      display: block;
      right: 10px;
      top: 12px;
      width: 7px;
      height: 7px;
      position: absolute;
      background: transparent url("../im/sugar/search-dropdown-chevron-sprite.png") no-repeat 0 0;
      display: block; }
  .select-menu .menu-inner:after {
    content: '';
    display: block;
    border-bottom: 1px solid #d5d3d3; }
  .select-menu .reveal {
    background: white;
    color: #201f1e; }
  .select-menu .reveal .menu-selected-item {
    color: #201f1e; }

/* menus in the header should have transparent background and no border */
#pageHeaderWrapper .menu-outer {
  border: 0;
  background: none; }

.sort .menu-inner {
  min-width: 130px; }

#cartMenu {
  float: right;
  position: relative;
  z-index: 10000;
  right: 20px; }
  #cartMenu .cartMenuBar {
    display: block;
    padding: 5px 10px; }
  #cartMenu .cartItem {
    height: 45px;
    clear: both; }
    #cartMenu .cartItem:hover {
      color: #ee0066; }
  #cartMenu .cartImage {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 40px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  #cartMenu #cartCount {
    background-color: #ee0066;
    color: white;
    padding: 3px 6px 2px 5px;
    margin-left: 2px;
    border-radius: 9px;
    vertical-align: 1px; }
  #cartMenu a:hover {
    background: inherit !important;
    color: inherit !important; }
  #cartMenu .price {
    color: black;
    font-weight: normal; }
  #cartMenu .cartIcon {
    background-position: 0 -1846px;
    height: 15px;
    width: 20px;
    display: inline-block; }
  #cartMenu:hover {
    background-color: #ee0066; }
    #cartMenu:hover .cartIcon {
      background-position: -25px -1846px;
      height: 15px;
      width: 20px; }
  #cartMenu .subtotal {
    padding-top: 4px;
    font-size: 13px;
    font-weight: bold;
    clear: both; }
  #cartMenu #cartMenuBody {
    position: absolute;
    z-index: 1001;
    right: 0;
    top: 28px;
    min-width: 300px;
    padding: 10px;
    background-color: white;
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.4);
    display: none; }
  #cartMenu .itemName, #cartMenu .itemPrice {
    float: left;
    max-width: 175px;
    padding-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #cartMenu .itemPrice {
    float: right; }
  #cartMenu .checkoutButton {
    clear: both;
    padding-top: 8px; }
    #cartMenu .checkoutButton .btn {
      width: 100%; }

.addCartSection {
  position: relative;
  background-color: #eeeeee;
  margin-bottom: 20px;
  padding: 10px;
  max-width: 380px; }
  .addCartSection .sizeMenu, .addCartSection .colorMenu {
    width: 140px;
    margin-bottom: 10px; }
  .addCartSection .btn, .addCartSection .m-btn {
    width: 100%; }
  .addCartSection #addedToCartButton {
    display: none;
    background-color: #e5e3e1;
    color: #666666;
    position: absolute;
    bottom: 13px;
    width: 95%; }
    .addCartSection #addedToCartButton a {
      margin-left: 10px;
      text-decoration: underline; }

.select-box {
  position: relative;
  display: inline-block; }
  .select-box select {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    font-size: 13px;
    border: 1px solid #cdccca;
    background-color: #f5f3f1;
    padding: 0 25px 0 8px;
    border-radius: 4px;
    height: 26px;
    width: auto;
    line-height: inherit;
    margin: 0; }
  .select-box:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ee0066;
    z-index: 10; }
  .select-box .error {
    border-color: #ff3f3f;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 4px 1px rgba(255, 0, 0, 0.5); }

#browse-header {
  background: #f2f0ee;
  display: table;
  width: 100%; }
  #browse-header .breadcrumbs {
    display: block;
    background: none;
    margin-left: 0;
    position: relative;
    right: 4px; }
    #browse-header .breadcrumbs > div {
      padding: 3px 10px 3px 0; }
  #browse-header .logo {
    height: 100%;
    width: 150px;
    float: left; }
  #browse-header .content {
    margin-left: 20px;
    padding: 10px 0;
    color: #201f1e;
    float: left; }
    #browse-header .content .title {
      display: block;
      margin-top: 4px;
      font-size: 22px;
      margin-bottom: 2px;
      text-align: left; }
    #browse-header .content .description {
      display: block;
      font-size: 12px;
      line-height: 18px;
      margin-left: 1px;
      margin-top: 10px; }
  #browse-header .sale-alert-container {
    display: table-cell;
    vertical-align: middle;
    min-width: 250px; }
    #browse-header .sale-alert-container .sale-alert-bell {
      position: relative;
      top: 2px;
      right: 1px;
      display: inline-block; }
    #browse-header .sale-alert-container .btn {
      font-size: 13px;
      height: 33px;
      line-height: 33px;
      text-transform: capitalize;
      float: right;
      margin-right: 30px;
      padding: 0 10px; }

#browse-header.shop {
  width: 100%;
  border: 20px solid #f2f0ee;
  height: 220px;
  background-color: white; }
  #browse-header.shop > .logo {
    float: left;
    width: 220px;
    height: 220px;
    position: relative; }
    #browse-header.shop > .logo .video-overlay-button {
      position: absolute;
      cursor: pointer;
      top: 50%;
      left: 50%; }
  #browse-header.shop > .details {
    background-color: white;
    height: 150px;
    width: 75%;
    position: absolute;
    left: 260px;
    top: 40px; }
    #browse-header.shop > .details .title {
      font-size: 24px;
      font-weight: 100; }
    #browse-header.shop > .details .description {
      width: 85%;
      height: 82px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: absolute;
      bottom: 8px;
      font-size: 14px;
      line-height: 21px; }
      #browse-header.shop > .details .description a {
        color: #ee0066; }
    #browse-header.shop > .details .shop-credit {
      position: absolute;
      bottom: 0;
      font-size: 11px;
      color: #999999; }
      #browse-header.shop > .details .shop-credit a, #browse-header.shop > .details .shop-credit span {
        color: #868686; }
    #browse-header.shop > .details a {
      color: #ee0066; }
  #browse-header.shop .user-info {
    position: absolute;
    top: 48px;
    right: 40px;
    font-size: 14px; }
    #browse-header.shop .user-info .image {
      border: 2px solid #000;
      display: inline-block;
      width: 44px;
      height: 44px;
      -webkit-border-radius: 22px;
      -moz-border-radius: 22px;
      border-radius: 22px;
      vertical-align: middle;
      background-size: contain;
      background-position: center center;
      position: relative;
      float: left;
      margin-right: 10px;
      top: -15px; }
      #browse-header.shop .user-info .image img {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px; }
    #browse-header.shop .user-info .name {
      color: #ee0066;
      font-weight: bold; }
    #browse-header.shop .user-info .details {
      float: right; }
  #browse-header.shop .shopShareButtons {
    position: absolute;
    right: 25px;
    bottom: 30px; }
    #browse-header.shop .shopShareButtons .shareSocialHolder {
      display: inline-block;
      margin-right: 5px; }
      #browse-header.shop .shopShareButtons .shareSocialHolder .btn {
        height: 30px;
        line-height: 30px;
        padding: 0 10px; }

.browser-page-header {
  margin-bottom: 10px;
  position: relative; }
  .browser-page-header .menus {
    margin-top: 10px;
    margin-right: 15px; }
  .browser-page-header .resultCount {
    position: absolute;
    bottom: 0;
    line-height: 32px;
    left: 15px; }

@media all and (max-width: 1150px) {
  #browse-header.shop > .details {
    width: 70%; }
    #browse-header.shop > .details .description {
      width: 75%; } }
@media all and (max-width: 900px) {
  #browse-header.shop {
    width: 885px; }
    #browse-header.shop > .details {
      width: 605px; }
    #browse-header.shop .description {
      width: 465px; }
    #browse-header.shop .shopShareButtons {
      position: relative;
      left: 520px;
      top: 140px; }
    #browse-header.shop .user-image-container {
      position: relative;
      bottom: 20px;
      left: 20px; } }
#header-placeholder {
  display: none; }

#searchProgressContainer {
  position: absolute;
  width: 200px;
  height: 32px;
  display: none;
  bottom: 0; }
  #searchProgressContainer .searchTitle {
    font-weight: bold;
    margin-bottom: 3px; }
  #searchProgressContainer .progressBar {
    width: 100%;
    background: #eeeeee;
    height: 8px; }
  #searchProgressContainer #searchProgress {
    background: #ee0066;
    height: 8px;
    width: 0; }

#header-placeholder {
  position: relative;
  height: 32px; }

#offers-header-banner {
  height: 50px;
  background: white;
  margin: 10px 265px 10px 0;
  line-height: 32px;
  position: relative;
  bottom: 0;
  left: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #201f1e;
  border-top: 1px solid #e5e3e1;
  border-bottom: 1px solid #e5e3e1; }
  #offers-header-banner #exclusive-left {
    position: absolute;
    left: 10px;
    font-size: 13px;
    color: #ee0066;
    line-height: 50px;
    font-weight: bold; }
  #offers-header-banner .offer-details {
    text-align: center;
    padding-left: 110px;
    padding-right: 110px; }
  #offers-header-banner #offer-text {
    text-align: center;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #offers-header-banner .deal-title {
    font-weight: bold;
    font-size: 16px; }
  #offers-header-banner .deal-retailer {
    font-size: 14px; }
  #offers-header-banner .deal-expiration {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 8px; }
  #offers-header-banner .coupon-code {
    font-size: 12px; }
    #offers-header-banner .coupon-code .list-checkmark-pink, #offers-header-banner .coupon-code .addListPanel input[type='checkbox']:checked + label:after, .addListPanel #offers-header-banner .coupon-code input[type='checkbox']:checked + label:after {
      display: inline-block;
      margin-right: 4px; }
    #offers-header-banner .coupon-code .code-text {
      color: #ee0066;
      font-weight: bold;
      font-size: 14px;
      margin-left: 2px;
      display: inline-block;
      min-width: 170px;
      text-align: left; }
      #offers-header-banner .coupon-code .code-text.hand {
        cursor: pointer; }
    #offers-header-banner .coupon-code .deal-separator {
      height: 25px;
      width: 1px;
      background: #e5e3e1;
      display: inline-block;
      margin: 0 10px;
      vertical-align: -20%; }
    #offers-header-banner .coupon-code #signuplink {
      font-size: 14px;
      color: #ee0066; }
  #offers-header-banner #coupon-code {
    background-color: #444444;
    width: 220px;
    height: 100%;
    float: right;
    line-height: 50px;
    text-align: center; }
    #offers-header-banner #coupon-code.code {
      font-size: 16px;
      font-weight: bold; }
    #offers-header-banner #coupon-code.signup {
      font-size: 13px; }
    #offers-header-banner #coupon-code a {
      color: white; }
    #offers-header-banner #coupon-code i {
      margin-right: 10px; }

.shopstyle-exclusive-signin-peel {
  width: 40px;
  height: 50px;
  background-image: url("../im/promos/srp-banner-fold.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 40px 50px;
  -moz-background-size: 40px 50px;
  background-size: 40px 50px;
  display: inline-block;
  background-color: white;
  float: right; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .shopstyle-exclusive-signin-peel {
      background-image: url("../im/promos/srp-banner-fold@2x.png"); } }

.browse-page-scroller-header {
  position: relative; }
  .browse-page-scroller-header .menus {
    height: 33px;
    margin-bottom: 15px;
    margin-right: 15px; }
  .browse-page-scroller-header .related-searches {
    position: absolute; }

#browse-sidbar {
  position: absolute; }
  #browse-sidbar #count-and-animation {
    height: 25px;
    display: inline-block;
    width: 200px;
    margin-left: 15px;
    position: relative; }

.search-form .shopstyle-search-bar {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 42px;
  padding: 6px 15px;
  color: #201f1e;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 15px;
  border: 0;
  margin: 0;
  outline: 0; }
.search-form .submit {
  background-image: url("/im/search-sprite.png");
  background-repeat: no-repeat;
  background-size: 17px 34px;
  background-position: 0 -17px;
  background-color: transparent;
  height: 17px;
  width: 16px;
  border: 0;
  margin: 0;
  padding: 0;
  right: 12px;
  top: 6px;
  position: absolute;
  z-index: 1001; }
  .search-form .submit:hover {
    cursor: pointer; }
.search-form .input-container {
  position: relative;
  width: auto;
  overflow: hidden;
  white-space: nowrap; }
.search-form .category-select-menu {
  position: relative;
  float: left;
  height: 42px;
  margin: 0;
  padding-left: 15px;
  overflow: hidden;
  background: #EBEBEB;
  border-radius: 5px 0 0 5px; }
  .search-form .category-select-menu select {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto;
    height: 31px;
    outline: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
    min-width: 150px; }
.search-form .category-display-menu {
  position: relative;
  float: left;
  cursor: default;
  overflow: hidden;
  font-weight: normal;
  font-style: normal; }
  .search-form .category-display-menu span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 42px;
    margin-right: 26px;
    letter-spacing: 0.3px;
    color: white;
    font-size: 12px; }
  .search-form .category-display-menu:after {
    background-image: url("/im/search-cat-arrow.png");
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-position: 5px 0;
    height: 10px;
    width: 10px;
    right: 8px;
    top: 12px;
    position: absolute;
    content: '';
    display: block;
    padding-left: 5px; }

#pageFooterWrapper .shopstyle-search-bar {
  border: 1px solid #ccc; }
#pageFooterWrapper .searchContainer {
  width: 400px;
  margin: 20px auto; }
#pageFooterWrapper .search-submit .submit {
  top: 13px; }

.search-type-prompt {
  font-size: 11.5px;
  position: absolute;
  right: 45px;
  top: 4px;
  padding: 4px 0 0 2px; }
  .search-type-prompt img {
    vertical-align: middle; }

.page-header .shopstyle-search-bar, .home-search-box .shopstyle-search-bar {
  border-radius: 0 5px 5px 0; }
.page-header .search-submit, .home-search-box .search-submit {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 100%;
  top: 0;
  background: #ee0066;
  border-radius: 0 5px 5px 0;
  z-index: 10000; }
.page-header .submit, .home-search-box .submit {
  background-image: url("/im/header-search.png");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 16px 9px;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0; }

.page-header .shopstyle-search-bar {
  height: 30px;
  background: #464646;
  background: rgba(77, 77, 77, 0.76);
  color: white; }
.page-header .category-select-menu {
  background: #616161;
  height: 30px; }
.page-header .category-display-menu span {
  line-height: 30px; }

.home-search-box .search-form {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px; }
.home-search-box .category-select-menu {
  height: 50px; }
.home-search-box .category-display-menu span {
  line-height: 50px;
  color: #201f1e; }
.home-search-box .category-display-menu:after {
  background-image: url("/im/search-cat-arrow-dark.png");
  top: 22px; }
.home-search-box .shopstyle-search-bar {
  height: 50px;
  padding: 19px 15px; }
.home-search-box .search-submit {
  width: 60px;
  background: #3e3e3e; }
.home-search-box .submit {
  background-position: 23px 18px; }

.standard-product-info span, .card.product .product-info span, .product.non-card .product-info span, .card.article .product-info span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px; }
.standard-product-info .brand, .card.product .product-info .brand, .product.non-card .product-info .brand, .card.article .product-info .brand {
  font-size: 11px;
  font-weight: bold; }
.standard-product-info .name, .card.product .product-info .name, .product.non-card .product-info .name, .card.article .product-info .name {
  font-size: 11px;
  font-weight: normal;
  color: #403f3d;
  line-height: 14px; }
.standard-product-info .price, .card.product .product-info .price, .product.non-card .product-info .price, .card.article .product-info .price, .standard-product-info .soldOut, .card.product .product-info .soldOut, .product.non-card .product-info .soldOut, .card.article .product-info .soldOut {
  font-weight: normal;
  color: #403f3d; }
.standard-product-info .salePrice, .card.product .product-info .salePrice, .product.non-card .product-info .salePrice, .card.article .product-info .salePrice, .standard-product-info .originalPrice, .card.product .product-info .originalPrice, .product.non-card .product-info .originalPrice, .card.article .product-info .originalPrice, .standard-product-info .price, .card.product .product-info .price, .product.non-card .product-info .price, .card.article .product-info .price, .standard-product-info .onSale, .card.product .product-info .onSale, .product.non-card .product-info .onSale, .card.article .product-info .onSale, .standard-product-info .detailsSize, .card.product .product-info .detailsSize, .product.non-card .product-info .detailsSize, .card.article .product-info .detailsSize {
  display: inline;
  font-size: 11px; }
.standard-product-info .salePrice, .card.product .product-info .salePrice, .product.non-card .product-info .salePrice, .card.article .product-info .salePrice {
  padding-left: 3px;
  color: #ee0066;
  font-weight: bold; }
.standard-product-info .originalPrice, .card.product .product-info .originalPrice, .product.non-card .product-info .originalPrice, .card.article .product-info .originalPrice {
  text-decoration: line-through;
  color: #403f3d; }

.card, .non-card.product {
  height: 267px;
  width: 188px;
  background: white;
  margin: 0 10px 10px 0;
  position: relative; }
  .card.wide, .wide.non-card.product {
    width: 232px; }
  .card.x-wide, .x-wide.non-card.product {
    width: 300px; }
  .card.short, .short.non-card.product {
    height: 235px; }
  .card .image, .non-card.product .image {
    border-bottom: 1px solid #f5f3f1;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    line-height: 206px;
    height: 210px;
    width: 100%; }
    .card .image *, .non-card.product .image * {
      vertical-align: middle; }
    .card .image span, .non-card.product .image span {
      display: inline-block;
      height: 100%; }
  .card .top-title, .non-card.product .top-title {
    margin: 0;
    padding: 15px 0;
    color: #201f1e;
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
    .card .top-title a, .non-card.product .top-title a {
      color: #201f1e; }
  .card .card-inner, .non-card.product .card-inner {
    border: 1px solid #e5e3e1;
    height: 100%;
    overflow: hidden; }
    .card .card-inner .favorite-container .favorite, .non-card.product .card-inner .favorite-container .favorite {
      top: 4px; }
  .card .adminProductIntegration, .non-card.product .adminProductIntegration {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    z-index: 5; }
  .card .product-info-button, .non-card.product .product-info-button {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 20px;
    width: 20px;
    display: none;
    border: 1px solid #cdccca;
    z-index: 9999; }
  .card:hover .product-info-button, .non-card.product:hover .product-info-button {
    display: block; }
  .card .product-audit-button, .non-card.product .product-audit-button {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    display: none;
    border: 1px solid #cdccca;
    z-index: 9999; }
  .card:hover .product-audit-button, .non-card.product:hover .product-audit-button {
    display: block; }
  .card .product-description, .non-card.product .product-description {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .card .hiding-layer, .non-card.product .hiding-layer {
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white; }
  .card .cellImg, .non-card.product .cellImg {
    z-index: 4;
    position: relative; }
  .card .social-overlay, .non-card.product .social-overlay,
  .card .socialOverlay,
  .non-card.product .socialOverlay {
    z-index: 5; }
  .card .product-cell-info-container, .non-card.product .product-cell-info-container {
    position: absolute;
    min-width: 100%;
    background: white;
    top: 265px;
    z-index: 5;
    border-bottom: 1px solid #cdccca;
    border-right: 1px solid #cdccca;
    border-left: 1px solid #cdccca;
    padding: 0 2px; }
    .card .product-cell-info-container .prod-info, .non-card.product .product-cell-info-container .prod-info {
      margin: 2px 0;
      line-height: 16px; }
    .card .product-cell-info-container .info-title, .non-card.product .product-cell-info-container .info-title {
      font-weight: bold; }

#MyFeedScroller-scroller .favorite-count {
  position: relative;
  top: -4px; }

.product-share-popup {
  float: right;
  padding: 7px;
  position: relative;
  top: -7px;
  height: 30px;
  width: 30px; }
  .product-share-popup .add-sale-alert {
    float: right; }
  .product-share-popup .blog-it {
    color: white;
    font-size: 14px;
    font-weight: bold; }
  .product-share-popup .blog {
    margin-top: 1px;
    position: relative;
    top: 3px; }
  .product-share-popup.active .share-popup {
    display: block; }

.social-container {
  width: 186px;
  height: 22px;
  position: absolute;
  bottom: 0;
  line-height: 22px;
  padding: 0 10px; }
  .social-container .share-container, .social-container .add-list-container {
    float: left;
    margin-left: 10px; }
    .social-container .share-container .icon, .social-container .share-container .favorite, .social-container .share-container .favorite-medium, .social-container .share-container .eclusive-star-white, .social-container .share-container .popular-heart-white, .social-container .share-container .arrivals-clock-white, .social-container .share-container .shopstyle_inlineCellBrowserLeftArrow, .social-container .share-container .shopstyle_inlineCellBrowserLeftArrowDisabled, .social-container .share-container .shopstyle_inlineCellBrowserRightArrow, .social-container .share-container .shopstyle_inlineCellBrowserRightArrowDisabled, .social-container .share-container .filterCheck, .social-container .share-container .filter-color-swatch.Gold, .social-container .share-container .filter-color-swatch.Silver, .social-container .share-container #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .social-container .share-container .filterCheck, .social-container .add-list-container .icon, .social-container .add-list-container .favorite, .social-container .add-list-container .favorite-medium, .social-container .add-list-container .eclusive-star-white, .social-container .add-list-container .popular-heart-white, .social-container .add-list-container .arrivals-clock-white, .social-container .add-list-container .shopstyle_inlineCellBrowserLeftArrow, .social-container .add-list-container .shopstyle_inlineCellBrowserLeftArrowDisabled, .social-container .add-list-container .shopstyle_inlineCellBrowserRightArrow, .social-container .add-list-container .shopstyle_inlineCellBrowserRightArrowDisabled, .social-container .add-list-container .filterCheck, .social-container .add-list-container .filter-color-swatch.Gold, .social-container .add-list-container .filter-color-swatch.Silver, .social-container .add-list-container #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .social-container .add-list-container .filterCheck {
      display: inline-block;
      position: relative;
      top: 2px; }
  .social-container .paperclip {
    display: inline-block;
    float: right;
    position: relative;
    right: 12px;
    cursor: pointer;
    top: 3px; }
  .social-container .favorite-container {
    float: left; }
    .social-container .favorite-container .favorite-count {
      margin-left: 0;
      margin-right: 2px;
      font-weight: bold;
      font-size: 11px;
      display: inline-block;
      color: #999999; }
    .social-container .favorite-container .favorite {
      display: inline-block;
      position: relative; }
  .social-container .see-more-light {
    float: right;
    cursor: pointer;
    margin-top: 2px; }
  .social-container .product-page-info {
    float: right;
    cursor: pointer;
    position: relative;
    top: 1px;
    right: 10px; }
  .social-container .sa-one-click-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: white;
    height: 24px;
    width: 103px;
    display: inline;
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
    z-index: 1;
    border: 1px solid #e5e3e1; }
  .social-container .sa-one-click-bell {
    float: right;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px; }
  .social-container .sa-one-click-text {
    position: absolute;
    border: 0;
    display: inline;
    right: 20px;
    top: 0;
    background: white;
    z-index: 1;
    color: #302f2e;
    cursor: pointer; }
  .social-container .sa-one-click.on .sa-one-click-text {
    color: #ee0066; }
  .social-container .sa-one-click.on .sa-one-click-container {
    border: 1px solid #ee0066; }
  .social-container .sa-error-message {
    color: red;
    display: none; }
  .social-container .action-container {
    float: left;
    margin-left: 10px; }
    .social-container .action-container .icon, .social-container .action-container .favorite, .social-container .action-container .favorite-medium, .social-container .action-container .eclusive-star-white, .social-container .action-container .popular-heart-white, .social-container .action-container .arrivals-clock-white, .social-container .action-container .shopstyle_inlineCellBrowserLeftArrow, .social-container .action-container .shopstyle_inlineCellBrowserLeftArrowDisabled, .social-container .action-container .shopstyle_inlineCellBrowserRightArrow, .social-container .action-container .shopstyle_inlineCellBrowserRightArrowDisabled, .social-container .action-container .filterCheck, .social-container .action-container .filter-color-swatch.Gold, .social-container .action-container .filter-color-swatch.Silver, .social-container .action-container #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .social-container .action-container .filterCheck {
      display: inline-block;
      position: relative;
      top: 2px; }
      .social-container .action-container .icon.alert-grey, .social-container .action-container .alert-grey.favorite, .social-container .action-container .alert-grey.favorite-medium, .social-container .action-container .alert-grey.eclusive-star-white, .social-container .action-container .alert-grey.popular-heart-white, .social-container .action-container .alert-grey.arrivals-clock-white, .social-container .action-container .alert-grey.shopstyle_inlineCellBrowserLeftArrow, .social-container .action-container .alert-grey.shopstyle_inlineCellBrowserLeftArrowDisabled, .social-container .action-container .alert-grey.shopstyle_inlineCellBrowserRightArrow, .social-container .action-container .alert-grey.shopstyle_inlineCellBrowserRightArrowDisabled, .social-container .action-container .alert-grey.filterCheck, .social-container .action-container .alert-grey.filter-color-swatch.Gold, .social-container .action-container .alert-grey.filter-color-swatch.Silver, .social-container .action-container #ColorFilterMenu p .alert-grey.filterCheck, #ColorFilterMenu p .social-container .action-container .alert-grey.filterCheck {
        top: 4px; }
    .social-container .action-container .alert-text {
      float: left;
      font-size: 11px;
      margin-right: 5px;
      line-height: 18px;
      color: #ee0066; }
    .social-container .action-container a {
      float: right; }
  .social-container .rating-container {
    float: right;
    padding-top: 2px; }

.share-popup {
  display: none;
  position: absolute;
  height: 160px;
  bottom: 35px;
  right: -50px;
  background: rgba(0, 0, 0, 0.8);
  padding: 15px;
  min-width: 120px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .share-popup:before {
    content: '';
    position: absolute;
    right: 55px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid rgba(0, 0, 0, 0.8); }

.card.bordered, .card.emailTextField, .card.userProfileTextField, .card.buttonCellDisabled, .card.smallButtonCellDisabled, .card.product, .product.non-card, .card.article, .card.departmentContent, .card.grayTextField, .card.scrollingDivContainer {
  height: 267px; }

.card.product, .product.non-card, .card.article {
  height: 267px;
  width: 188px; }
  .card.product .card-inner, .product.non-card .card-inner, .card.article .card-inner {
    border-bottom: 0; }
  .card.product .product-info, .product.non-card .product-info, .card.article .product-info {
    padding: 5px 8px;
    font-size: 11px; }
  .card.product .dealTextContainer, .product.non-card .dealTextContainer, .card.article .dealTextContainer {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 186px;
    background-image: url("../im/translucent.png"); }
  .card.product .image, .product.non-card .image, .card.article .image {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    line-height: 201px;
    height: 205px;
    width: 100%; }
    .card.product .image *, .product.non-card .image *, .card.article .image * {
      vertical-align: middle; }
    .card.product .image span, .product.non-card .image span, .card.article .image span {
      display: inline-block;
      height: 100%; }
  .card.product .dealTextInner, .product.non-card .dealTextInner, .card.article .dealTextInner {
    color: #201f1e;
    white-space: normal;
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

/* large cell is for the feed items */
.card.largeCell, .largeCell.non-card.product {
  height: 345px;
  width: 220px; }
  .card.largeCell .image, .largeCell.non-card.product .image {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    line-height: 270px;
    height: 274px;
    width: 100%; }
    .card.largeCell .image *, .largeCell.non-card.product .image * {
      vertical-align: middle; }
    .card.largeCell .image span, .largeCell.non-card.product .image span {
      display: inline-block;
      height: 100%; }
    .card.largeCell .image img, .largeCell.non-card.product .image img {
      max-height: 274px;
      max-width: 220px; }
  .card.largeCell .product-info, .largeCell.non-card.product .product-info {
    padding: 8px; }
    .card.largeCell .product-info span, .largeCell.non-card.product .product-info span {
      font-size: 12px;
      line-height: 18px; }
    .card.largeCell .product-info .retailer-details, .largeCell.non-card.product .product-info .retailer-details {
      display: inline; }
      .card.largeCell .product-info .retailer-details span, .largeCell.non-card.product .product-info .retailer-details span {
        display: inline;
        font-size: 11px; }
    .card.largeCell .product-info .product-price-container, .largeCell.non-card.product .product-info .product-price-container {
      white-space: nowrap; }
  .card.largeCell .social-container, .largeCell.non-card.product .social-container {
    width: 100%;
    padding-right: 0; }
  .card.largeCell .product-action-buttons, .largeCell.non-card.product .product-action-buttons {
    left: -11px; }

.non-card.product {
  box-shadow: none; }
  .non-card.product .image {
    border: 0; }

.card.article, .article.non-card.product {
  height: 288px; }
  .card.article .image, .article.non-card.product .image {
    height: 190px;
    line-height: 190px;
    border-bottom: 0; }
  .card.article .image-inner, .article.non-card.product .image-inner {
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto; }
  .card.article .top-title, .article.non-card.product .top-title {
    padding: 5px 0;
    font-size: 13px;
    height: 45px;
    line-height: 35px; }
  .card.article .bottom-text, .article.non-card.product .bottom-text {
    display: block;
    line-height: 17px;
    margin: 0 15px;
    font-size: 11px;
    white-space: normal;
    font-weight: bold;
    color: #201f1e;
    height: 46px; }

.inlineArticle {
  position: absolute;
  width: 190px;
  height: 280px;
  display: none; }

/* overrides for widgets */
#widgetDiv .non-card.product {
  width: 100%; }
  #widgetDiv .non-card.product .product-info {
    width: 95%; }
    #widgetDiv .non-card.product .product-info span.product-retailer {
      display: inline; }

#widgetDiv.widgetMedium .non-card.product .image {
  line-height: 140px;
  height: 140px; }

#widgetDiv.widgetXLarge .product.non-card {
  height: 470px;
  border: 0;
  margin: none; }
  #widgetDiv.widgetXLarge .product.non-card .image {
    line-height: 410px;
    height: 410px; }

.card.stack, .stack.non-card.product {
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  width: 190px;
  height: 290px; }
  .card.stack.empty a, .stack.empty.non-card.product a {
    border-bottom: 0; }
    .card.stack.empty a i, .stack.empty.non-card.product a i {
      background-position: 0 -193px; }
  .card.stack.empty:hover, .stack.empty.non-card.product:hover {
    color: #201f1e; }
    .card.stack.empty:hover i, .stack.empty.non-card.product:hover i {
      background-position: -100px -193px; }
  .card.stack .bottom-card, .stack.non-card.product .bottom-card {
    width: 90%;
    height: 4px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    margin: 0 auto; }
  .card.stack .middle-card, .stack.non-card.product .middle-card {
    width: 95%;
    height: 4px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    margin: 0 auto; }
  .card.stack .top-card, .stack.non-card.product .top-card {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer; }
    .card.stack .top-card .title, .stack.non-card.product .top-card .title {
      padding: 15px 10px 0 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      height: 35px;
      display: block;
      white-space: nowrap;
      font-size: 14px;
      font-weight: bold; }
      .card.stack .top-card .title a, .stack.non-card.product .top-card .title a {
        color: #201f1e; }
    .card.stack .top-card .no-list-image, .stack.non-card.product .top-card .no-list-image {
      display: block;
      background: #eee;
      min-height: 200px;
      width: 100%; }
    .card.stack .top-card .meta, .stack.non-card.product .top-card .meta {
      background: none;
      border: 0;
      color: #777;
      font-weight: normal;
      font-size: 12px;
      padding: 0 0 10px 0; }
    .card.stack .top-card .brick-image, .stack.non-card.product .top-card .brick-image {
      display: block;
      text-align: center;
      line-height: 190px;
      height: 190px;
      width: 190px;
      overflow: hidden;
      background-color: #eee;
      border: 0; }
      .card.stack .top-card .brick-image img, .stack.non-card.product .top-card .brick-image img {
        height: auto;
        width: auto;
        max-width: 190px;
        max-height: 190px;
        vertical-align: middle;
        border: 0; }
    .card.stack .top-card .disabled-action, .stack.non-card.product .top-card .disabled-action {
      line-height: 30px;
      text-transform: uppercase;
      color: #999;
      font-weight: bold; }
    .card.stack .top-card .edit .btn-primary, .stack.non-card.product .top-card .edit .btn-primary,
    .card.stack .top-card .toggle-links-ajax .btn-primary,
    .stack.non-card.product .top-card .toggle-links-ajax .btn-primary,
    .card.stack .top-card .follow-login-button .btn-primary,
    .stack.non-card.product .top-card .follow-login-button .btn-primary {
      color: #ee0066; }
    .card.stack .top-card .edit a, .stack.non-card.product .top-card .edit a, .card.stack .top-card .edit span, .stack.non-card.product .top-card .edit span,
    .card.stack .top-card .toggle-links-ajax a,
    .stack.non-card.product .top-card .toggle-links-ajax a,
    .card.stack .top-card .toggle-links-ajax span,
    .stack.non-card.product .top-card .toggle-links-ajax span,
    .card.stack .top-card .follow-login-button a,
    .stack.non-card.product .top-card .follow-login-button a,
    .card.stack .top-card .follow-login-button span,
    .stack.non-card.product .top-card .follow-login-button span {
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      line-height: 30px;
      font-size: 12px;
      color: #999;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .card.stack .top-card .edit .show, .stack.non-card.product .top-card .edit .show, .card.stack .top-card .edit a:hover, .stack.non-card.product .top-card .edit a:hover,
    .card.stack .top-card .toggle-links-ajax .show,
    .stack.non-card.product .top-card .toggle-links-ajax .show,
    .card.stack .top-card .toggle-links-ajax a:hover,
    .stack.non-card.product .top-card .toggle-links-ajax a:hover,
    .card.stack .top-card .follow-login-button .show,
    .stack.non-card.product .top-card .follow-login-button .show,
    .card.stack .top-card .follow-login-button a:hover,
    .stack.non-card.product .top-card .follow-login-button a:hover {
      background-color: #ee0066;
      color: #fff; }

.card.shop, .shop.non-card.product {
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  background-color: transparent;
  width: 220px;
  height: 250px; }
  .card.shop .shop-image, .shop.non-card.product .shop-image {
    float: left;
    border: 1px solid #e5e3e1; }
  .card.shop .shop-label, .shop.non-card.product .shop-label {
    white-space: nowrap;
    font-weight: bold;
    margin-top: 8px;
    line-height: 20px;
    position: relative; }
  .card.shop .shop-description, .shop.non-card.product .shop-description {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 13px; }
  .card.shop .shop-title, .shop.non-card.product .shop-title {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px; }
    .card.shop .shop-title a, .shop.non-card.product .shop-title a {
      color: #201f1e; }
  .card.shop .shop-container, .shop.non-card.product .shop-container {
    width: 220px;
    height: 220px;
    cursor: pointer; }
  .card.shop .video-overlay-button, .shop.non-card.product .video-overlay-button {
    top: 50%; }
  .card.shop.regular, .shop.regular.non-card.product {
    width: 300px;
    height: 300px; }
    .card.shop.regular .shop-container, .shop.regular.non-card.product .shop-container {
      width: 300px;
      height: 300px; }
    .card.shop.regular .btn, .shop.regular.non-card.product .btn {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 80px; }
  .card.shop.regular.info, .shop.regular.info.non-card.product {
    width: 300px;
    height: 350px; }

.card.product, .product.non-card, .card.article {
  border: 0; }
  .card.product .card-inner, .product.non-card .card-inner, .card.article .card-inner {
    border: 0; }
  .card.product .detailsFetcher, .product.non-card .detailsFetcher, .card.article .detailsFetcher {
    position: relative;
    overflow: hidden; }

.sa-login-overlay {
  position: absolute;
  top: 0;
  background: white;
  border: 1px solid #e5e3e1;
  padding: 25px 15px 5px;
  text-align: center;
  border-radius: 5px;
  z-index: 6;
  display: none;
  height: 235px;
  width: 188px; }
  .sa-login-overlay .input-replacement {
    width: 158px;
    border: 1px solid #cccccc;
    text-indent: 5px;
    height: 30px;
    line-height: 30px; }
  .sa-login-overlay .sa-password-input-box {
    border-top: 0; }
  .sa-login-overlay .sa-error-message {
    color: red;
    font-size: 10px; }
  .sa-login-overlay .sa-intro-text {
    margin-top: 0px; }
  .sa-login-overlay .sa-login-message {
    font-size: 10px; }
    .sa-login-overlay .sa-login-message a {
      color: #ee0066;
      cursor: pointer; }
  .sa-login-overlay .sa-submit-btn {
    margin-top: 10px;
    width: 100%; }

.sa-chat-bubble-arrow-border {
  border-color: #e5e3e1 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -21px;
  right: 30px; }

.sa-chat-bubble-arrow {
  border-color: white transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -20px;
  right: 30px; }

.social-overlay {
  position: relative; }
  .social-overlay .social {
    position: absolute;
    bottom: -32px;
    background: white;
    background: rgba(255, 255, 255, 0.9);
    padding: 6px 5px 3px;
    height: 22px;
    width: 100%; }
  .social-overlay .add-sale-alert .bell {
    display: none; }
  .social-overlay .like {
    display: inline-block;
    top: 1px;
    position: relative;
    max-width: 75px; }
    .social-overlay .like span {
      overflow: hidden; }
  .social-overlay .pinterestButton {
    margin-right: 0; }
  .social-overlay .deal {
    height: 30px;
    bottom: 0;
    text-align: center;
    padding: 0; }
  .social-overlay .dealTextInner {
    white-space: nowrap;
    margin-top: 10px; }
  .social-overlay .rating-container {
    width: 63px;
    margin: 0 auto; }
    .social-overlay .rating-container.dealText {
      margin-top: 5px; }

.socialOverlay {
  position: absolute;
  top: -26px; }

.card-inner:hover .socialOverlay, .card-inner.reveal .socialOverlay {
  top: 5px; }

.add-sale-alert .bell, .add-sale-alert .bell-small {
  position: relative;
  top: 2px;
  right: 3px;
  margin-left: 3px;
  display: inline-block; }
.add-sale-alert .bell-small {
  top: 0; }

/*******************************
* old style promo text for product cells
********************************/
.productPromotionTextLarge, .productPromotionTextAlertLarge, .productPromotionTextMedium, .productPromotionTextAlertMedium {
  font-family: Arial, sans-serif;
  position: absolute;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("../im/deals/gradient.png") no-repeat; }

.productPromotionTextLarge, .productPromotionTextAlertLarge {
  font-size: 10px;
  left: -5px;
  width: 164px;
  bottom: -3px;
  height: 14px;
  padding: 5px 5px 2px 5px; }

.productPromotionTextMedium, .productPromotionTextAlertMedium {
  font-size: 10px;
  left: -13px;
  width: 130px;
  bottom: -2px;
  height: 12px;
  padding: 5px 5px 3px 5px; }

.productPromotionTextLarge, .productPromotionTextMedium {
  color: #302f2e; }

.productPromotionTextAlertLarge, .productPromotionTextAlertMedium {
  color: #cc0000; }

.productPromotionTextAlert0Large, .productPromotionText0Large {
  left: 5px;
  bottom: 47px; }

.productPromotionTextAlert0Medium, .productPromotionText0Medium {
  left: 0;
  bottom: 42px; }

.cell-action-container {
  display: none; }

.product-action-buttons {
  border: 1px solid #e5e3e1;
  height: 40px;
  width: 110%;
  box-shadow: 1px 0 6px #e5e3e1;
  border-radius: 5px;
  z-index: 999;
  position: absolute;
  top: -10px;
  left: -8px;
  background: white; }
  .product-action-buttons.post-cell-action {
    width: 242px; }
  .product-action-buttons .product-action-container {
    height: 100%;
    width: 23%;
    float: left;
    border-right: 1px solid #e5e3e1;
    background-color: #f1f0ed;
    position: relative;
    cursor: pointer; }
    .product-action-buttons .product-action-container .favorite {
      position: absolute;
      top: 33%;
      left: 37%; }
  .product-action-buttons .add-list-button-container {
    height: 100%;
    width: 54%;
    padding-top: 4%;
    float: left; }
  .product-action-buttons .alert-list-container {
    height: 100%;
    width: 23%;
    float: left;
    border-left: 1px solid #e5e3e1;
    position: relative; }
    .product-action-buttons .alert-list-container .icon, .product-action-buttons .alert-list-container .favorite, .product-action-buttons .alert-list-container .favorite-medium, .product-action-buttons .alert-list-container .eclusive-star-white, .product-action-buttons .alert-list-container .popular-heart-white, .product-action-buttons .alert-list-container .arrivals-clock-white, .product-action-buttons .alert-list-container .shopstyle_inlineCellBrowserLeftArrow, .product-action-buttons .alert-list-container .shopstyle_inlineCellBrowserLeftArrowDisabled, .product-action-buttons .alert-list-container .shopstyle_inlineCellBrowserRightArrow, .product-action-buttons .alert-list-container .shopstyle_inlineCellBrowserRightArrowDisabled, .product-action-buttons .alert-list-container .filterCheck, .product-action-buttons .alert-list-container .filter-color-swatch.Gold, .product-action-buttons .alert-list-container .filter-color-swatch.Silver, .product-action-buttons .alert-list-container #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .product-action-buttons .alert-list-container .filterCheck {
      position: absolute;
      top: 30%;
      left: 35%; }
    .product-action-buttons .alert-list-container:hover .alert-medium-light {
      background-position: -45px -1945px;
      width: 13px;
      height: 15px; }
  .product-action-buttons .add-list-link {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #878787;
    font-size: 13px;
    cursor: pointer; }
    .product-action-buttons .add-list-link:hover {
      color: #201f1e; }

.favorite-button-container.feed-mobile {
  width: 70px; }
  .favorite-button-container.feed-mobile .favoritesCount {
    font-size: 80%;
    position: relative;
    top: -3px; }
  .favorite-button-container.feed-mobile .product-action-buttons {
    top: -9px;
    left: -9px; }
  .favorite-button-container.feed-mobile .product-action-container {
    padding: 6.5% 5%; }
  .favorite-button-container.feed-mobile .add-list-button-container {
    padding-top: 4.5%; }

/***********************************************/
/* Product Details Rollover */
/***********************************************/
.card.product-details, .product-details.non-card.product {
  width: 400px;
  height: 330px;
  position: relative;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  background-color: white;
  border: 1px solid #d5d3d3;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .card.product-details .icon.close, .product-details.non-card.product .icon.close, .card.product-details .close.favorite, .product-details.non-card.product .close.favorite, .card.product-details .close.favorite-medium, .product-details.non-card.product .close.favorite-medium, .card.product-details .close.eclusive-star-white, .product-details.non-card.product .close.eclusive-star-white, .card.product-details .close.popular-heart-white, .product-details.non-card.product .close.popular-heart-white, .card.product-details .close.arrivals-clock-white, .product-details.non-card.product .close.arrivals-clock-white, .card.product-details .close.shopstyle_inlineCellBrowserLeftArrow, .product-details.non-card.product .close.shopstyle_inlineCellBrowserLeftArrow, .card.product-details .close.shopstyle_inlineCellBrowserLeftArrowDisabled, .product-details.non-card.product .close.shopstyle_inlineCellBrowserLeftArrowDisabled, .card.product-details .close.shopstyle_inlineCellBrowserRightArrow, .product-details.non-card.product .close.shopstyle_inlineCellBrowserRightArrow, .card.product-details .close.shopstyle_inlineCellBrowserRightArrowDisabled, .product-details.non-card.product .close.shopstyle_inlineCellBrowserRightArrowDisabled, .card.product-details .close.filterCheck, .product-details.non-card.product .close.filterCheck, .card.product-details .close.filter-color-swatch.Gold, .product-details.non-card.product .close.filter-color-swatch.Gold, .card.product-details .close.filter-color-swatch.Silver, .product-details.non-card.product .close.filter-color-swatch.Silver, .card.product-details #ColorFilterMenu p .close.filterCheck, #ColorFilterMenu p .card.product-details .close.filterCheck, .product-details.non-card.product #ColorFilterMenu p .close.filterCheck, #ColorFilterMenu p .product-details.non-card.product .close.filterCheck {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
    cursor: pointer; }
  .card.product-details .item-details, .product-details.non-card.product .item-details {
    border-bottom: 1px solid #d5d3d3;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    margin-right: 10px;
    padding: 0 0 5px 5px; }
    .card.product-details .item-details .name, .product-details.non-card.product .item-details .name,
    .card.product-details .item-details .brand,
    .product-details.non-card.product .item-details .brand {
      line-height: 16px;
      white-space: normal;
      max-height: 34px;
      overflow: hidden;
      display: block; }
    .card.product-details .item-details .brand, .product-details.non-card.product .item-details .brand {
      font-size: 14px; }
    .card.product-details .item-details .originalPrice, .product-details.non-card.product .item-details .originalPrice, .card.product-details .item-details .price, .product-details.non-card.product .item-details .price, .card.product-details .item-details .salePrice, .product-details.non-card.product .item-details .salePrice, .card.product-details .item-details .name, .product-details.non-card.product .item-details .name {
      font-size: 12px; }
  .card.product-details .detailsHeader .name, .product-details.non-card.product .detailsHeader .name {
    line-height: 17px;
    white-space: normal;
    font-size: 11px !important; }
  .card.product-details .detailsHeader .wrapTitle, .product-details.non-card.product .detailsHeader .wrapTitle {
    max-height: 34px;
    overflow: hidden; }
  .card.product-details .buy, .product-details.non-card.product .buy {
    position: absolute;
    bottom: 10px;
    left: 5px; }
  .card.product-details .detailsBody, .product-details.non-card.product .detailsBody {
    text-align: left;
    white-space: normal;
    height: 216px;
    position: relative; }
    .card.product-details .detailsBody .nativePrice, .product-details.non-card.product .detailsBody .nativePrice {
      display: inline-block; }
  .card.product-details .image-container, .product-details.non-card.product .image-container {
    float: left;
    padding: 0;
    margin: 10px 9px 10px 10px;
    width: 205px;
    height: 207px;
    border: solid 1px #cccccc; }
    .card.product-details .image-container .image, .product-details.non-card.product .image-container .image {
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      position: relative;
      line-height: 201px;
      height: 205px;
      width: 100%; }
      .card.product-details .image-container .image *, .product-details.non-card.product .image-container .image * {
        vertical-align: middle; }
      .card.product-details .image-container .image span, .product-details.non-card.product .image-container .image span {
        display: inline-block;
        height: 100%; }
  .card.product-details .productInfoContainer, .product-details.non-card.product .productInfoContainer {
    padding-top: 10px; }
  .card.product-details .detailsFooter, .product-details.non-card.product .detailsFooter {
    height: 86px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .card.product-details .detailsSize, .product-details.non-card.product .detailsSize {
    border: 0;
    line-height: 14px; }
  .card.product-details .priceContainer, .product-details.non-card.product .priceContainer {
    padding-bottom: 5px; }
  .card.product-details .sizeContainer, .product-details.non-card.product .sizeContainer {
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding-left: 5px;
    overflow: hidden;
    border-bottom: 1px solid #d5d3d3;
    vertical-align: middle; }
  .card.product-details .detailsSize, .product-details.non-card.product .detailsSize {
    white-space: nowrap;
    font-size: 12px;
    color: #201f1e;
    border: 1px solid white; }
  .card.product-details .colorContainer, .product-details.non-card.product .colorContainer {
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 5px;
    margin-right: 10px;
    padding-left: 5px; }
    .card.product-details .colorContainer span, .product-details.non-card.product .colorContainer span {
      display: inline-block; }
  .card.product-details .colorSwatchLabel, .product-details.non-card.product .colorSwatchLabel {
    display: none; }
  .card.product-details .detailsColorHilitable, .product-details.non-card.product .detailsColorHilitable {
    height: 22px;
    width: 22px;
    float: left;
    padding: 0;
    margin: 1px;
    background-color: transparent;
    border: 1px solid transparent; }
  .card.product-details .detailsColorHilight, .product-details.non-card.product .detailsColorHilight, .card.product-details .chosenHilite, .product-details.non-card.product .chosenHilite {
    border: 1px solid black !important; }
  .card.product-details .imageColorSwatch, .product-details.non-card.product .imageColorSwatch {
    padding: 0; }
  .card.product-details .detailsColor, .product-details.non-card.product .detailsColor {
    height: auto;
    width: auto; }
  .card.product-details .detailsColorText, .product-details.non-card.product .detailsColorText {
    display: inline-block; }
  .card.product-details .dealText, .product-details.non-card.product .dealText {
    margin-top: 5px;
    height: 30px;
    position: absolute;
    bottom: 4px;
    right: 15px;
    width: 156px; }
    .card.product-details .dealText span, .product-details.non-card.product .dealText span {
      font-size: 12px;
      color: #ee0066;
      position: absolute;
      bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: bold;
      line-height: 13px;
      height: 26px;
      width: 156px; }
  .card.product-details .btn, .product-details.non-card.product .btn {
    padding: 0;
    min-width: 120px;
    height: 35px;
    line-height: 35px;
    margin-right: 1px; }

.product-details.wide {
  width: 700px;
  height: 385px; }
  .product-details.wide .detailsFooter {
    width: 380px;
    left: auto;
    right: 10px; }
  .product-details.wide .image-container {
    float: left;
    padding: 0;
    margin: 10px 9px 10px 10px;
    width: 290px;
    height: 362px;
    border: solid 1px #cccccc; }
    .product-details.wide .image-container .image {
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      position: relative;
      line-height: 356px;
      height: 360px;
      width: 100%; }
      .product-details.wide .image-container .image * {
        vertical-align: middle; }
      .product-details.wide .image-container .image span {
        display: inline-block;
        height: 100%; }
  .product-details.wide .item-details {
    border-bottom: 0;
    padding-top: 10px; }
    .product-details.wide .item-details .name {
      line-height: 24px;
      font-size: 16px;
      letter-spacing: 0;
      font-weight: lighter;
      max-height: none;
      margin-bottom: 5px; }
    .product-details.wide .item-details .price .originalPrice {
      text-decoration: line-through; }
    .product-details.wide .item-details .price .salePrice {
      color: #ee0066; }
    .product-details.wide .item-details .detailsLabel {
      font-size: 12px;
      margin-top: 10px;
      color: #201f1e; }
    .product-details.wide .item-details .color-and-size {
      margin: 0 0 10px 0;
      max-height: 155px;
      padding-bottom: 1px;
      overflow: auto; }
    .product-details.wide .item-details .price {
      font-weight: bold; }

.product-details.recommend {
  height: 510px; }
  .product-details.recommend .detailsFooter {
    bottom: 125px; }
  .product-details.recommend .recommended-products {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 125px;
    margin-left: 6px; }
    .product-details.recommend .recommended-products .title {
      color: #666;
      text-align: left;
      font-size: 16px;
      margin-bottom: 10px;
      margin-left: 3px; }
  .product-details.recommend .recent-product {
    padding: 3px 9px;
    margin: 0 3px;
    border: 1px solid #ccb;
    height: 88px;
    line-height: 81px;
    vertical-align: middle;
    width: 80px;
    float: left; }
    .product-details.recommend .recent-product img {
      vertical-align: middle; }

.product-details.onecart {
  height: 476px; }
  .product-details.onecart .detailsFooter {
    height: 200px; }

.details-modal {
  position: fixed;
  background: rgba(32, 31, 30, 0.7);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .details-modal .product-details {
    margin: 0 auto;
    top: 90px; }

.filterTreeBody {
  margin: 0;
  line-height: 14px;
  padding-left: 12px;
  min-width: 190px; }

.indentLevel0 {
  margin-left: 0; }

.indentLevel1 {
  margin-left: 12px; }

.indentLevel2 {
  margin-left: 24px; }

.indentLevel3 {
  margin-left: 36px; }

.indentLevel4 {
  margin-left: 48px; }

/**** Range Finder Styles ****/
#DiscountSliderContainer .ui-slider-range {
  right: -10px; }

.filterRangeFinderHolder {
  width: 200px;
  height: 20px;
  margin-right: 20px; }
  .filterRangeFinderHolder .rangeContainer {
    position: relative;
    width: 195px;
    height: 15px;
    width: 170px;
    top: 30px;
    left: 0; }

/***** Bullet/Checkbox styles *****/
.filterBullet {
  position: absolute;
  left: -8px;
  padding-left: 12px;
  /* for IE, needs the same padding as filterChoice or it gets left clipped! */ }

.filterCheck {
  background-position: 0 -485px;
  height: 12px;
  width: 13px;
  position: absolute;
  left: -14px;
  padding-left: 10px;
  /* for IE, needs the same padding as filterChoice or it gets left clipped! */
  top: 3px; }

.filterTreeBody .filterCheck {
  left: -8px; }
.filterTreeBody .filterContainer.color {
  margin-left: 0; }
.filterTreeBody.discount {
  margin-left: 14px;
  margin-top: 15px; }
.filterTreeBody.popular-filters, .filterTreeBody.featured-filters {
  margin: 15px 14px; }

.filterRadio {
  border: 1px solid #d5d3d3;
  color: #d5d3d3;
  position: absolute;
  left: -18px;
  top: -1px;
  padding-left: 12px;
  /* for IE, needs the same padding as filterChoice or it gets left clipped! */
  height: 14px;
  margin: auto;
  margin-top: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .filterRadio.selected {
    background: #ee0066;
    border-color: #ee0066; }

/************************************/
/*** Filter Dialog Color Swatches ***/
/************************************/
.filter-color-swatch {
  width: 30px;
  height: 30px;
  display: block;
  -webkit-box-shadow: 1px 0 2px 0 #ccc;
  box-shadow: 1px 0 2px 0 #ccc;
  border-radius: 2px; }
  .filter-color-swatch.Red {
    background-color: #c71717;
    background: -moz-linear-gradient(0 100% 100deg, #c71717, #e51d1d);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#e51d1d), to(#c71717)) !important; }
  .filter-color-swatch.Yellow {
    background-color: #dfcb49;
    background: -moz-linear-gradient(0 100% 100deg, #dfcb49, #e4d467);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#e4d467), to(#dfcb49)) !important; }
  .filter-color-swatch.Orange {
    background-color: #d9851b;
    background: -moz-linear-gradient(0 100% 100deg, #d9851b, #e69632);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#e69632), to(#d9851b)) !important; }
  .filter-color-swatch.Green {
    background-color: #179317;
    background: -moz-linear-gradient(0 100% 100deg, #179317, #1cb21c);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#1cb21c), to(#179317)) !important; }
  .filter-color-swatch.Purple {
    background-color: #953ca9;
    background: -moz-linear-gradient(0 100% 100deg, #953ca9, #a94abf);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#a94abf), to(#953ca9)) !important; }
  .filter-color-swatch.Pink {
    background-color: #cd4588;
    background: -moz-linear-gradient(0 100% 100deg, #cd4588, #d5619a);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#d5619a), to(#cd4588)) !important; }
  .filter-color-swatch.Blue {
    background-color: #353a98;
    background: -moz-linear-gradient(0 100% 100deg, #353a98, #3e44b2);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#3e44b2), to(#353a98)) !important; }
  .filter-color-swatch.Black {
    background-color: #201f1e;
    background: -moz-linear-gradient(0 100% 100deg, #201f1e, #32312f);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#32312f), to(#201f1e)) !important; }
  .filter-color-swatch.White {
    background-color: white;
    background: -moz-linear-gradient(0 100% 100deg, white, white);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(white), to(white)) !important; }
  .filter-color-swatch.Gray {
    background-color: #565656;
    background: -moz-linear-gradient(0 100% 100deg, #565656, #686868);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#686868), to(#565656)) !important; }
  .filter-color-swatch.Beige {
    background-color: #bea673;
    background: -moz-linear-gradient(0 100% 100deg, #bea673, #c9b58b);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#c9b58b), to(#bea673)) !important; }
  .filter-color-swatch.Brown {
    background-color: #704925;
    background: -moz-linear-gradient(0 100% 100deg, #704925, #8b5a2e);
    background: -webkit-gradient(linear, 0 0, 50% 100%, from(#8b5a2e), to(#704925)) !important; }
  .filter-color-swatch.Gold {
    background-position: 0 -625px;
    height: 30px;
    width: 30px; }
  .filter-color-swatch.Silver {
    background-position: 0 -660px;
    height: 30px;
    width: 30px; }

#ColorAllFilterContainer p {
  display: inline-block;
  margin-left: 2px; }

#browserContent {
  min-height: 550px; }

#filterNavigator {
  position: absolute;
  z-index: 1000;
  margin-left: 15px;
  width: 200px;
  border-top: 2px solid #e5e3e1; }
  #filterNavigator.accordion {
    position: fixed; }
    #filterNavigator.accordion .filterTreeBody.featured-filters {
      margin: 10px 14px;
      min-width: auto; }
  #filterNavigator.slide {
    height: 100%;
    min-height: 600px; }
  #filterNavigator .filter-header-container, #filterNavigator .filter-contents-container, #filterNavigator .selected-filter-bubbles {
    border-bottom: 1px solid #e5e3e1;
    background: #f2f0ee; }
  #filterNavigator .filter-contents-container {
    overflow: hidden;
    display: none;
    clear: both; }
    #filterNavigator .filter-contents-container.category {
      display: block;
      padding: 0 10px; }
    #filterNavigator .filter-contents-container.open {
      display: block; }
  #filterNavigator .scroll-container.filter {
    height: 175px; }
  #filterNavigator .filter-header-container {
    height: 34px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 20px;
    line-height: 34px; }
    #filterNavigator .filter-header-container .close-dark, #filterNavigator .filter-header-container .close-pink, #filterNavigator .filter-header-container .close-light {
      float: left;
      margin-top: 12px;
      margin-left: 4px;
      display: none;
      /* hide initially, show via JS */ }
    #filterNavigator .filter-header-container span {
      color: #201f1e;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      font-family: Arial, sans-serif; }
    #filterNavigator .filter-header-container.nonFilter span {
      color: #868686; }
    #filterNavigator .filter-header-container.selected .filter-header-contents {
      max-width: 148px;
      min-width: 130px;
      width: 148px; }
    #filterNavigator .filter-header-container .selected-filters {
      white-space: nowrap;
      color: #ee0066; }
      #filterNavigator .filter-header-container .selected-filters .filter-color-swatch.selected {
        border: 0;
        height: 15px;
        width: 15px;
        display: inline;
        margin-right: 2px;
        font-size: 16px; }
      #filterNavigator .filter-header-container .selected-filters .filter-color-swatch.White {
        height: 13px;
        width: 13px;
        border: 1px solid #cdccca; }
    #filterNavigator .filter-header-container .arrow-down, #filterNavigator .filter-header-container .arrow-right {
      position: absolute; }
    #filterNavigator .filter-header-container.hidden {
      display: none; }
  #filterNavigator .filter-header-contents {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ee0066;
    float: left;
    clear: both;
    max-width: 148px; }
  #filterNavigator .filter-action-button {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
    padding: 8px; }
  #filterNavigator .filter-label-contents {
    overflow: hidden;
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #filterNavigator .filter-label-contents .filter-label {
      margin-right: 5px; }
    #filterNavigator .filter-label-contents .selected-filters {
      white-space: nowrap;
      font-weight: normal; }
      #filterNavigator .filter-label-contents .selected-filters .filter-color-swatch.selected {
        border: 0;
        height: 15px;
        width: 15px;
        display: inline;
        margin-right: 2px;
        font-size: 16px; }
      #filterNavigator .filter-label-contents .selected-filters .filter-color-swatch.White {
        height: 13px;
        width: 13px;
        border: 1px solid #cdccca; }
  #filterNavigator .filterSearch .filterSearchField {
    width: 160px; }
  #filterNavigator .filterSectionContainer {
    padding: 0 0 15px 0; }
  #filterNavigator .dialogBody {
    padding: 10px; }
  #filterNavigator .filterTreeBody {
    padding: 0; }
  #filterNavigator .filterContainer p span, #filterNavigator .filterSectionHeading, #filterNavigator .popularFilterContainer p span, #filterNavigator .filterText, #filterNavigator .filterTextBase .label {
    color: #201f1e; }
  #filterNavigator .filterRangeFinderHolder {
    width: 170px;
    position: relative; }
  #filterNavigator #DiscountSliderContainer {
    width: 165px; }
  #filterNavigator .filterRangeFinderHolder {
    height: auto; }
  #filterNavigator .filterTopBordered {
    border: 0; }
  #filterNavigator .filterCustomScrollContent {
    padding-left: 10px; }
  #filterNavigator .arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid #201f1e;
    top: 14px;
    right: 15px; }
  #filterNavigator .arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 5px solid #201f1e;
    top: 14px;
    right: 15px; }
  #filterNavigator .filterAdContainer {
    margin-top: 40px; }
    #filterNavigator .filterAdContainer .filterAd {
      height: 50px;
      width: 180px;
      margin: 0 10px 15px; }

.filter-search td {
  border: 1px solid #e5e3e1; }
.filter-search .search-field {
  height: 25px;
  width: 148px;
  border: 0;
  color: #666;
  letter-spacing: 1.3px;
  padding-left: 10px; }

.filter-search-button {
  padding-left: 0;
  border-left: 0;
  background: white;
  width: 25px; }
  .filter-search-button .search-image {
    cursor: pointer;
    margin: 6px 8px 2px; }

.filter-section-container {
  padding: 0;
  position: relative; }
  .filter-section-container p {
    margin: 0;
    margin-left: 15px;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    white-space: normal;
    font-size: 12px; }
    .filter-section-container p.indentLevel0 {
      margin-left: 0; }
    .filter-section-container p.indentLevel1 {
      margin-left: 15px; }
    .filter-section-container p.indentLevel2 {
      margin-left: 30px; }
    .filter-section-container p.indentLevel3 {
      margin-left: 45px; }
    .filter-section-container p.indentLevel4 {
      margin-left: 60px; }
    .filter-section-container p.selected {
      font-weight: bold; }
  .filter-section-container .label {
    color: #201f1e;
    line-height: 16px; }
    .filter-section-container .label.selected {
      font-weight: bold; }
  .filter-section-container .count {
    color: #999999;
    font-weight: normal; }
  .filter-section-container .filter-section-heading {
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; }

.selected-filter-bubbles {
  width: 100%;
  margin: 0;
  padding: 10px 10px 5px 10px;
  border-bottom: 2px solid white; }
  .selected-filter-bubbles .bubble {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    padding-right: 22px;
    font-weight: bold;
    margin: 0 5px 5px 0;
    background-color: #999999;
    cursor: default;
    font-size: 11px;
    position: relative;
    color: white;
    border-radius: 2px; }
    .selected-filter-bubbles .bubble:hover {
      background-color: #201f1e; }
    .selected-filter-bubbles .bubble span {
      max-width: 153px;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .selected-filter-bubbles .bubble .small-closeX {
      margin: 0 6px 6px;
      cursor: pointer;
      position: absolute;
      right: 0;
      bottom: 0;
      background-position: -21px -63px;
      width: 7px;
      height: 7px; }

.filter-bubbles-sale-alerts {
  width: 200px;
  background: #f2f0ee;
  margin: 0 0 10px 0; }
  .filter-bubbles-sale-alerts .bubble-fts {
    background: #403f3d;
    color: white; }
  .filter-bubbles-sale-alerts .sale-alert-bell {
    display: inline-block;
    top: 2px;
    position: relative; }
  .filter-bubbles-sale-alerts .btn {
    padding-right: 30px;
    position: relative;
    font-weight: normal;
    width: 100%; }
  .filter-bubbles-sale-alerts .sa-success-message {
    display: none; }
  .filter-bubbles-sale-alerts .btn.complete {
    background: white;
    color: #403f3d; }
    .filter-bubbles-sale-alerts .btn.complete .sa-prompt-message {
      display: none; }
    .filter-bubbles-sale-alerts .btn.complete .sa-success-message {
      display: inline; }
    .filter-bubbles-sale-alerts .btn.complete .sale-alert-bell {
      background-position: -34px -2069px;
      width: 14px;
      height: 10px;
      top: 1px; }
  .filter-bubbles-sale-alerts .tool-tip-prompt-icon {
    position: absolute;
    right: 5px;
    top: 7px; }
    .filter-bubbles-sale-alerts .tool-tip-prompt-icon:before {
      content: '';
      display: inline;
      border-left: 1px solid #f2f0ee;
      right: 8px;
      position: relative;
      top: -2px; }
  .filter-bubbles-sale-alerts .tooltip {
    right: -215px;
    position: absolute;
    top: -21px;
    border-radius: 4px;
    height: auto;
    padding: 10px;
    font-size: 12px; }
  .filter-bubbles-sale-alerts .tooltip-arrow {
    bottom: auto;
    left: -20px;
    top: 15px;
    border-color: transparent #000 transparent transparent; }

#BrandFilterCell .filter-header-contents {
  min-width: 140px; }

.removeFilter {
  margin-top: 3px;
  float: right; }

.filter-section-container.brands .selectedBrandListItem:after {
  content: ' ';
  display: inline-block;
  background-image: url("../im/browse-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 160px 2253px;
  -moz-background-size: 160px 2253px;
  background-size: 160px 2253px;
  background-position: 0 -485px;
  height: 12px;
  width: 13px;
  position: absolute;
  left: -14px;
  padding-left: 10px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .filter-section-container.brands .selectedBrandListItem:after {
      background-image: url("../im/browse-sprite@2x.png"); } }

#ColorFilterMenu p .filterCheck {
  position: absolute;
  left: 7px;
  top: 7px; }

/****************/
/* Global Dialog Styles*/
/****************/
.modalDialog {
  background-color: #201f1e; }

.dialog {
  background-color: white;
  border: 1px solid #666666;
  position: relative; }
  .dialog .close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    z-index: 1; }
  .dialog .title {
    color: white; }
  .dialog .product-description,
  .dialog .hiding-layer {
    display: none; }

.dialog-header {
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #201f1e;
  width: 100%; }
  .dialog-header .close {
    top: 0; }
    .dialog-header .close .icon, .dialog-header .close .favorite, .dialog-header .close .favorite-medium, .dialog-header .close .eclusive-star-white, .dialog-header .close .popular-heart-white, .dialog-header .close .arrivals-clock-white, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrow, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrowDisabled, .dialog-header .close .shopstyle_inlineCellBrowserRightArrow, .dialog-header .close .shopstyle_inlineCellBrowserRightArrowDisabled, .dialog-header .close .filterCheck, .dialog-header .close .filter-color-swatch.Gold, .dialog-header .close .filter-color-swatch.Silver, .dialog-header .close #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .dialog-header .close .filterCheck {
      cursor: pointer;
      display: inline-block;
      background-image: url("../im/community-sprite.png");
      background-repeat: no-repeat;
      background-color: transparent;
      -webkit-background-size: 130px 474px;
      -moz-background-size: 130px 474px;
      background-size: 130px 474px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        .dialog-header .close .icon, .dialog-header .close .favorite, .dialog-header .close .favorite-medium, .dialog-header .close .eclusive-star-white, .dialog-header .close .popular-heart-white, .dialog-header .close .arrivals-clock-white, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrow, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrowDisabled, .dialog-header .close .shopstyle_inlineCellBrowserRightArrow, .dialog-header .close .shopstyle_inlineCellBrowserRightArrowDisabled, .dialog-header .close .filterCheck, .dialog-header .close .filter-color-swatch.Gold, .dialog-header .close .filter-color-swatch.Silver, .dialog-header .close #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .dialog-header .close .filterCheck {
          background-image: url("../im/community-sprite@2x.png"); } }
      .dialog-header .close .icon, .dialog-header .close .favorite, .dialog-header .close .favorite-medium, .dialog-header .close .eclusive-star-white, .dialog-header .close .popular-heart-white, .dialog-header .close .arrivals-clock-white, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrow, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrowDisabled, .dialog-header .close .shopstyle_inlineCellBrowserRightArrow, .dialog-header .close .shopstyle_inlineCellBrowserRightArrowDisabled, .dialog-header .close .filterCheck, .dialog-header .close .filter-color-swatch.Gold, .dialog-header .close .filter-color-swatch.Silver, .dialog-header .close #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .dialog-header .close .filterCheck, .dialog-header .close .icon:hover, .dialog-header .close .favorite:hover, .dialog-header .close .favorite-medium:hover, .dialog-header .close .eclusive-star-white:hover, .dialog-header .close .popular-heart-white:hover, .dialog-header .close .arrivals-clock-white:hover, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrow:hover, .dialog-header .close .shopstyle_inlineCellBrowserLeftArrowDisabled:hover, .dialog-header .close .shopstyle_inlineCellBrowserRightArrow:hover, .dialog-header .close .shopstyle_inlineCellBrowserRightArrowDisabled:hover, .dialog-header .close .filterCheck:hover, .dialog-header .close .filter-color-swatch.Gold:hover, .dialog-header .close .filter-color-swatch.Silver:hover, .dialog-header .close #ColorFilterMenu p .filterCheck:hover, #ColorFilterMenu p .dialog-header .close .filterCheck:hover {
        background-position: 0 -241px;
        width: 18px;
        height: 19px; }

.dialog-dark {
  border-color: #201f1e; }
  .dialog-dark .dialog-header {
    background: #201f1e;
    color: white; }

.dialog-success-message {
  text-align: center;
  font-size: 16px;
  padding: 80px; }

.dialogBody {
  padding: 30px; }

.dialogFormLabel {
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 3.5px; }

.dialogFormLabel td, .dialogFormLabel div {
  padding: 2px 0 0 0; }

.dialogFormField {
  padding: 2px 0 2px 0; }

#socialSliderPopup {
  position: fixed;
  bottom: -120px;
  right: 15px;
  min-width: 350px;
  min-height: 80px;
  color: #201f1e;
  opacity: .95;
  background: #fff;
  border: 1px solid #666666;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: bottom;
  -moz-transition-property: bottom;
  -ms-transition-property: bottom;
  o-transition-property: bottom;
  transition-property: bottom;
  z-index: 999999; }
  #socialSliderPopup.show {
    bottom: 15px; }
  #socialSliderPopup .social-icon {
    position: absolute;
    left: 24px;
    top: 24px; }
  #socialSliderPopup .pinterest-icon {
    width: 32px;
    height: 32px;
    background-image: url("../im/social-slider/pinterest-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #socialSliderPopup .pinterest-icon {
        background-image: url("../im/social-slider/pinterest-icon@2x.png"); } }
  #socialSliderPopup .facebook-icon {
    width: 32px;
    height: 32px;
    background-image: url("../im/social-slider/facebook-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #socialSliderPopup .facebook-icon {
        background-image: url("../im/social-slider/facebook-icon@2x.png"); } }
  #socialSliderPopup .twitter-icon {
    width: 32px;
    height: 32px;
    background-image: url("../im/social-slider/twitter-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #socialSliderPopup .twitter-icon {
        background-image: url("../im/social-slider/twitter-icon@2x.png"); } }
  #socialSliderPopup .google-plus-icon {
    width: 32px;
    height: 32px;
    background-image: url("../im/social-slider/gplus-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #socialSliderPopup .google-plus-icon {
        background-image: url("../im/social-slider/gplus-icon@2x.png"); } }
  #socialSliderPopup .text-button {
    position: absolute;
    left: 80px;
    top: 23%; }
    #socialSliderPopup .text-button .text {
      font-size: 16px;
      padding-bottom: 5px;
      display: block; }

/***** Pricing Policy Dialog *****/
#pricingPolicy {
  width: 540px;
  font-family: Arial, sans-serif; }
  #pricingPolicy .closeButton {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px; }
  #pricingPolicy h1 {
    font-size: 17px;
    display: block;
    text-align: center;
    margin-bottom: 0.8em; }
  #pricingPolicy .title {
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.1em; }
  #pricingPolicy p {
    line-height: 1.5em;
    font-size: 12px;
    margin: 0.6em 0; }
  #pricingPolicy .callout p {
    margin: 1em 0 0 0; }

/***** Cookie consent for non-us locales *****/
#cookie-consent, #jp-vat-notice {
  position: fixed;
  right: 20px;
  bottom: 60px;
  width: 360px;
  min-height: 150px;
  background: #e5e3e1;
  border: 1px solid #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #201f1e;
  padding: 20px;
  z-index: 10; }
  #cookie-consent .title, #jp-vat-notice .title {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold; }
  #cookie-consent .body, #jp-vat-notice .body {
    margin-bottom: 40px;
    line-height: 18px;
    font-size: 13px;
    display: block; }
  #cookie-consent .confirm, #jp-vat-notice .confirm {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border: 1px solid #201f1e;
    background: #201f1e;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 22px;
    min-width: 80px;
    text-align: center;
    cursor: pointer; }
  #cookie-consent .more-info, #jp-vat-notice .more-info {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #666666; }
    #cookie-consent .more-info:after, #jp-vat-notice .more-info:after {
      content: ' >>';
      font-size: 9px; }

.cell-action-container.largeCell .addListPanel {
  width: 232px; }
  .cell-action-container.largeCell .addListPanel .myLists {
    height: 210px; }
    .cell-action-container.largeCell .addListPanel .myLists label {
      padding-top: 3%; }
  .cell-action-container.largeCell .addListPanel .newListName {
    width: 160px; }

/***** Add to List Panel *****/
.addListPanel {
  background-color: white;
  font-size: 12px;
  padding: 0 1px 1px 0;
  width: 195px;
  position: absolute;
  bottom: 30px;
  left: -3px;
  z-index: 9999; }
  .addListPanel .addListHeader {
    height: 50px;
    width: 100%;
    background: #f2f1ee;
    padding: 15px;
    font-weight: bold; }
  .addListPanel .newList {
    padding: 10px 7px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee; }
  .addListPanel .newListName {
    padding: 9px 5px;
    width: 120px;
    border: 1px solid #cdccca;
    border-radius: 3px; }
  .addListPanel .createButton {
    display: inline-block;
    font-size: 11px;
    color: #ee0066;
    width: 50px;
    text-transform: none;
    width: 50px;
    padding: 6px;
    text-align: center;
    cursor: pointer;
    font-weight: bold; }
  .addListPanel #noListsMessage {
    text-align: center;
    margin-top: 60px;
    color: #999999; }
  .addListPanel .myLists {
    height: 160px;
    border: 1px solid #eeeeee;
    overflow: auto;
    padding: 5px 0;
    padding-top: 5%; }
  .addListPanel label {
    display: block;
    padding: 4px 0;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    padding-left: 7%;
    padding-top: 4%;
    width: 100%;
    position: relative; }
    .addListPanel label:hover {
      background: #f2f1ee; }
    .addListPanel label span {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 80%; }
  .addListPanel input[type='checkbox'] {
    display: none; }
  .addListPanel input[type='checkbox']:checked + label:after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../im/browse-sprite.png");
    -webkit-background-size: 160px 2253px;
    -moz-background-size: 160px 2253px;
    background-size: 160px 2253px;
    display: inline-block;
    margin-left: 10px;
    content: '';
    top: 12px;
    position: absolute; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      .addListPanel input[type='checkbox']:checked + label:after {
        background-image: url("../im/browse-sprite@2x.png"); } }

/***** Newsletter Signup Dialog *****/
#newsletter-rollup {
  position: fixed;
  bottom: -240px;
  margin: 0 auto;
  height: 80px;
  -webkit-transition-duration: .6s;
  -moz-transition-duration: .6s;
  -o-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: bottom;
  -moz-transition-property: bottom;
  -o-transition-property: bottom;
  transition-property: bottom;
  z-index: 999999;
  width: 100%;
  left: 0; }
  #newsletter-rollup.show {
    bottom: 0; }
  #newsletter-rollup .dialog {
    margin: 0 auto;
    width: 100%;
    height: 80px;
    border: 0;
    border-top: 1px solid #201f1e; }
    #newsletter-rollup .dialog .close {
      z-index: 99999; }
  #newsletter-rollup .dialogBody {
    padding: 0; }
  #newsletter-rollup .closeX {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
  #newsletter-rollup .m-close-icon {
    display: none; }
  #newsletter-rollup .m-prompt-container {
    display: none; }

@media all and (min-width: 968px) {
  #newsletter-rollup.marchesa-newsletter-dialog {
    height: 100px; }
    #newsletter-rollup.marchesa-newsletter-dialog .dialog {
      height: 100px; }
    #newsletter-rollup.marchesa-newsletter-dialog .marchesa-container {
      height: 100px; } }
#newsletter-rollup.marchesa-newsletter-dialog .m-close-icon {
  top: -22px;
  right: -8px; }
#newsletter-rollup.marchesa-newsletter-dialog .dialog-close {
  background-position: -65px -1903px;
  height: 15px;
  width: 15px;
  display: inline-block; }

#newsletter-signup-dialog {
  color: #201f1e;
  position: relative; }
  #newsletter-signup-dialog .signup-content {
    margin: 0 auto;
    width: 980px;
    vertical-align: top;
    text-align: center;
    height: 130px;
    position: relative; }
    #newsletter-signup-dialog .signup-content .btn-shop-now {
      float: left;
      width: 140px;
      height: 40px;
      line-height: 32px;
      margin-top: 19px; }
  #newsletter-signup-dialog .signup-content-inner.signed-in .btn-shop-now {
    margin-right: 90px;
    float: right; }
  #newsletter-signup-dialog .marchesa-banner-left, #newsletter-signup-dialog .marchesa-banner-right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9999; }
  #newsletter-signup-dialog .marchesa-container {
    position: relative;
    margin: 0 auto;
    height: 80px; }
  #newsletter-signup-dialog .marchesa-banner-left {
    left: 0;
    background-color: #edede9; }
  #newsletter-signup-dialog .marchesa-banner-right {
    left: 50%;
    background-color: #ccbca3; }
  #newsletter-signup-dialog .marchesa-banner-content {
    margin: 0 auto;
    width: 980px;
    position: relative;
    z-index: 99998; }
  #newsletter-signup-dialog .marchesa-banner-image {
    width: 980px;
    height: 100px;
    background-image: url("../im/marchesa-banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 980px 100px;
    -moz-background-size: 980px 100px;
    background-size: 980px 100px;
    float: left; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #newsletter-signup-dialog .marchesa-banner-image {
        background-image: url("../im/marchesa-banner@2x.png"); } }
  #newsletter-signup-dialog .newsletter-image {
    width: 145px;
    height: 130px;
    background-image: url("../im/signup-banner/signup-girl-banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 145px 130px;
    -moz-background-size: 145px 130px;
    background-size: 145px 130px;
    position: relative;
    bottom: 30px;
    left: 0;
    float: left; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #newsletter-signup-dialog .newsletter-image {
        background-image: url("../im/signup-banner/signup-girl-banner@2x.png"); } }
  @media all and (max-width: 967px) {
    #newsletter-signup-dialog .marchesa-banner-image {
      width: 768px;
      height: 80px;
      background-image: url("../im/marchesa-banner-tablet.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 768px 80px;
      -moz-background-size: 768px 80px;
      background-size: 768px 80px;
      float: left; } }
  @media all and (max-width: 967px) {
    #newsletter-signup-dialog .marchesa-banner-content {
      width: 768px; } }
  @media only screen and (max-width: 724px) {
    #newsletter-signup-dialog .marchesa-container {
      height: 60px; }
    #newsletter-signup-dialog .marchesa-banner-content {
      width: 320px; }
    #newsletter-signup-dialog .marchesa-banner-image {
      width: 320px;
      height: 60px;
      background-image: url("../im/marchesa-banner-mobile.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 320px 60px;
      -moz-background-size: 320px 60px;
      background-size: 320px 60px;
      float: left; } }
  @media only screen and (max-width: 724px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #newsletter-signup-dialog .marchesa-banner-image {
      background-image: url("../im/marchesa-banner-mobile@2x.png"); } }
  @media only screen and (max-width: 724px) {
    #newsletter-signup-dialog .marchesa-banner-left, #newsletter-signup-dialog .marchesa-banner-right {
      background-color: #cec0a9; } }
  @media only screen and (max-width: 724px) and (orientation: landscape) {
    #newsletter-signup-dialog .marchesa-banner-content {
      width: 568px; }
    #newsletter-signup-dialog .marchesa-banner-image {
      width: 568px;
      height: 60px;
      background-image: url("../im/marchesa-banner-mobile-landscape.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 568px 60px;
      -moz-background-size: 568px 60px;
      background-size: 568px 60px;
      float: left; } }
  @media only screen and (max-width: 724px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    #newsletter-signup-dialog .marchesa-banner-image {
      background-image: url("../im/marchesa-banner-mobile-landscape@2x.png"); } }

  #newsletter-signup-dialog .offer-content {
    max-width: 380px;
    height: 52px;
    margin-left: 20px;
    margin-top: 18px;
    float: left; }
    #newsletter-signup-dialog .offer-content .offer-signup-prompt {
      font-size: 12px;
      text-align: left;
      text-transform: uppercase; }
      #newsletter-signup-dialog .offer-content .offer-signup-prompt a {
        line-height: 12px;
        font-size: 11px;
        color: #666;
        text-decoration: underline; }
    #newsletter-signup-dialog .offer-content .offer-signup-text {
      font-size: 14px;
      font-weight: bold;
      display: block;
      line-height: 17px;
      text-transform: none;
      margin-top: 3px; }
    #newsletter-signup-dialog .offer-content .offer-signup-retailer {
      display: block;
      line-height: 10px;
      font-size: 14px;
      text-transform: none; }
  #newsletter-signup-dialog .signup-container {
    float: right;
    margin-top: 10px; }
    #newsletter-signup-dialog .signup-container .facebook-iframe, #newsletter-signup-dialog .signup-container #gplus-connect-container {
      margin-right: 10px;
      float: left;
      width: 130px; }
    #newsletter-signup-dialog .signup-container #gplus-connect-container .gplus-login.btn {
      padding-left: 40px;
      background: #dd4b39 url("../im/gplus.png") 20px 50% no-repeat; }
    #newsletter-signup-dialog .signup-container form {
      float: left; }
    #newsletter-signup-dialog .signup-container .btn {
      height: 40px;
      line-height: 30px;
      width: 130px; }
    #newsletter-signup-dialog .signup-container .signInLink {
      width: 100%;
      color: #666666;
      font-size: 11px;
      margin-top: 7px; }
      #newsletter-signup-dialog .signup-container .signInLink a {
        font-weight: bold;
        color: #666666; }
        #newsletter-signup-dialog .signup-container .signInLink a:hover {
          text-decoration: underline; }
  #newsletter-signup-dialog .share-content {
    margin: 0 auto;
    position: absolute;
    left: 50%; }
    #newsletter-signup-dialog .share-content .shareOfferText {
      font-size: 22px;
      font-family: Georgia, serif;
      font-style: italic;
      float: left;
      margin-right: 20px;
      margin-top: 6px; }
    #newsletter-signup-dialog .share-content .inner-share-content {
      overflow: hidden;
      margin: 0 auto;
      margin-top: 21px;
      position: relative;
      left: -50%; }
  #newsletter-signup-dialog .share-social-container {
    float: left; }
    #newsletter-signup-dialog .share-social-container .shareSocialHolder {
      float: left;
      margin-right: 10px; }
  #newsletter-signup-dialog .newsletter-content {
    margin: 0 auto;
    width: 980px;
    vertical-align: top;
    text-align: center;
    height: 130px;
    position: relative; }
    #newsletter-signup-dialog .newsletter-content .offer-content {
      max-width: 300px;
      height: 60px;
      margin-top: 18px;
      text-align: left;
      line-height: 22px; }
      #newsletter-signup-dialog .newsletter-content .offer-content .offer-signup-prompt {
        top: 0;
        font-size: 15px;
        text-transform: none; }
        #newsletter-signup-dialog .newsletter-content .offer-content .offer-signup-prompt span {
          font-weight: bold;
          font-size: 16px;
          display: block; }
    #newsletter-signup-dialog .newsletter-content .offer-content-uk {
      margin-top: 10px; }
      #newsletter-signup-dialog .newsletter-content .offer-content-uk .terms-container {
        line-height: 12px; }
    #newsletter-signup-dialog .newsletter-content .subscribe-container {
      float: right;
      margin-top: 19px; }
    #newsletter-signup-dialog .newsletter-content .login-spacer {
      margin-left: 10px;
      margin-right: 10px;
      font-size: 14px;
      color: #666;
      float: left;
      margin-top: 12px; }
    #newsletter-signup-dialog .newsletter-content #joinPopupField {
      border: 1px solid #cccccc;
      line-height: 40px;
      height: 40px;
      width: 260px;
      font-size: 15px;
      padding-left: 10px;
      color: #999;
      float: left; }
    #newsletter-signup-dialog .newsletter-content .btn {
      height: 40px;
      text-transform: uppercase;
      line-height: 32px;
      padding: 4px 20px;
      float: left; }
    #newsletter-signup-dialog .newsletter-content .submit-button.btn {
      vertical-align: top;
      margin-top: 0;
      font-size: 14px;
      text-transform: uppercase;
      float: left;
      margin-left: 10px; }
    #newsletter-signup-dialog .newsletter-content .options {
      color: #666666;
      padding-top: 18px; }
      #newsletter-signup-dialog .newsletter-content .options span {
        cursor: pointer; }
        #newsletter-signup-dialog .newsletter-content .options span:hover {
          color: #ee0066; }
    #newsletter-signup-dialog .newsletter-content #joinPopup {
      position: relative; }
    #newsletter-signup-dialog .newsletter-content .joinSuccessMsg {
      display: none;
      text-align: center;
      white-space: nowrap;
      font-size: 18px;
      line-height: 44px; }

#giveaway-content {
  width: 935px;
  font-size: 13px;
  margin: 0 auto; }
  #giveaway-content .newsletter-image {
    width: 100px;
    height: 112px;
    background-image: url("../im/giveaway/img-spree-bag.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100px 112px;
    -moz-background-size: 100px 112px;
    background-size: 100px 112px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content .newsletter-image {
        background-image: url("../im/giveaway/img-spree-bag@2x.png"); } }
  #giveaway-content .newsletter-content {
    width: 935px; }
  #giveaway-content .log-in.btn.btn-centered {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
    height: 32px;
    width: 150px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    padding: 0;
    text-transform: none; }
  #giveaway-content .giveaway-prompt {
    width: 152px;
    height: 36px;
    background-image: url("../im/giveaway/hd-shop-today.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 152px 36px;
    -moz-background-size: 152px 36px;
    background-size: 152px 36px;
    float: left;
    margin: 22px 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content .giveaway-prompt {
        background-image: url("../im/giveaway/hd-shop-today@2x.png"); } }
  #giveaway-content .giveaway-text {
    float: left;
    height: 80px;
    display: table;
    width: 570px;
    text-align: left; }
  #giveaway-content .giveaway-inner-text {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px; }
    #giveaway-content .giveaway-inner-text .confirmation-text {
      font-weight: bold; }
  #giveaway-content .giveaway-details, #giveaway-content .rules {
    color: #666666;
    line-height: 12px;
    font-size: 9px;
    margin-top: 8px; }
    #giveaway-content .giveaway-details .rules, #giveaway-content .rules .rules {
      text-decoration: underline; }
  #giveaway-content .giveaway-extra-entry {
    position: relative;
    top: 10px;
    float: right;
    width: 86px;
    height: 70px;
    background-image: url("../im/giveaway/pin-extra-entry.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 86px 70px;
    -moz-background-size: 86px 70px;
    background-size: 86px 70px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content .giveaway-extra-entry {
        background-image: url("../im/giveaway/pin-extra-entry@2x.png"); } }
  #giveaway-content .giveaway-share {
    float: right;
    margin: 20px 15px;
    height: 40px; }
    #giveaway-content .giveaway-share span {
      font-weight: bold; }
  #giveaway-content .share-icon {
    display: inline-block;
    margin: 5px;
    position: relative;
    top: 0; }
    #giveaway-content .share-icon.facebook {
      width: 9px;
      height: 18px;
      background-image: url("../im/giveaway/share-facebook.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 9px 18px;
      -moz-background-size: 9px 18px;
      background-size: 9px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content .share-icon.facebook {
          background-image: url("../im/giveaway/share-facebook@2x.png"); } }
    #giveaway-content .share-icon.twitter {
      width: 22px;
      height: 18px;
      background-image: url("../im/giveaway/share-twitter.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 22px 18px;
      -moz-background-size: 22px 18px;
      background-size: 22px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content .share-icon.twitter {
          background-image: url("../im/giveaway/share-twitter@2x.png"); } }
    #giveaway-content .share-icon.google {
      width: 18px;
      height: 18px;
      background-image: url("../im/giveaway/share-google.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 18px 18px;
      -moz-background-size: 18px 18px;
      background-size: 18px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content .share-icon.google {
          background-image: url("../im/giveaway/share-google@2x.png"); } }
    #giveaway-content .share-icon.pinterest {
      width: 20px;
      height: 20px;
      background-image: url("../im/giveaway/share-pinterest.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 20px 20px;
      -moz-background-size: 20px 20px;
      background-size: 20px 20px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content .share-icon.pinterest {
          background-image: url("../im/giveaway/share-pinterest@2x.png"); } }

#giveaway-content-dialog {
  width: 400px;
  height: 146px;
  font-size: 13px;
  margin: 0 auto; }
  #giveaway-content-dialog .newsletter-image {
    width: 100px;
    height: 112px;
    background-image: url("../im/giveaway/img-spree-bag.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100px 112px;
    -moz-background-size: 100px 112px;
    background-size: 100px 112px;
    width: 143px;
    height: 240px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content-dialog .newsletter-image {
        background-image: url("../im/giveaway/img-spree-bag@2x.png"); } }
  #giveaway-content-dialog .newsletter-content {
    width: 400px; }
  #giveaway-content-dialog .log-in.btn.btn-centered {
    float: right;
    margin-right: 25px;
    margin-top: 23px;
    height: 22px;
    width: 150px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    padding: 0;
    text-transform: none; }
  #giveaway-content-dialog .giveaway-prompt {
    width: 152px;
    height: 36px;
    background-image: url("../im/giveaway/hd-shop-today.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 152px 36px;
    -moz-background-size: 152px 36px;
    background-size: 152px 36px;
    float: left;
    margin: 2px 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content-dialog .giveaway-prompt {
        background-image: url("../im/giveaway/hd-shop-today@2x.png"); } }
  #giveaway-content-dialog .giveaway-text {
    float: left;
    height: 80px;
    display: table;
    text-align: left; }
  #giveaway-content-dialog .giveaway-inner-text {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px; }
    #giveaway-content-dialog .giveaway-inner-text .confirmation-text {
      font-weight: bold; }
  #giveaway-content-dialog .giveaway-details, #giveaway-content-dialog .rules {
    color: #666666;
    line-height: 12px;
    font-size: 9px;
    margin-top: 8px; }
    #giveaway-content-dialog .giveaway-details .rules, #giveaway-content-dialog .rules .rules {
      text-decoration: underline; }
  #giveaway-content-dialog .giveaway-extra-entry {
    position: relative;
    top: 10px;
    float: right;
    width: 86px;
    height: 70px;
    background-image: url("../im/giveaway/pin-extra-entry.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 86px 70px;
    -moz-background-size: 86px 70px;
    background-size: 86px 70px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #giveaway-content-dialog .giveaway-extra-entry {
        background-image: url("../im/giveaway/pin-extra-entry@2x.png"); } }
  #giveaway-content-dialog .giveaway-share {
    float: right;
    margin: 20px 15px;
    height: 40px; }
    #giveaway-content-dialog .giveaway-share span {
      font-weight: bold; }
  #giveaway-content-dialog .share-icon {
    display: inline-block;
    margin: 5px;
    position: relative;
    top: 0; }
    #giveaway-content-dialog .share-icon.facebook {
      width: 9px;
      height: 18px;
      background-image: url("../im/giveaway/share-facebook.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 9px 18px;
      -moz-background-size: 9px 18px;
      background-size: 9px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content-dialog .share-icon.facebook {
          background-image: url("../im/giveaway/share-facebook@2x.png"); } }
    #giveaway-content-dialog .share-icon.twitter {
      width: 22px;
      height: 18px;
      background-image: url("../im/giveaway/share-twitter.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 22px 18px;
      -moz-background-size: 22px 18px;
      background-size: 22px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content-dialog .share-icon.twitter {
          background-image: url("../im/giveaway/share-twitter@2x.png"); } }
    #giveaway-content-dialog .share-icon.google {
      width: 18px;
      height: 18px;
      background-image: url("../im/giveaway/share-google.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 18px 18px;
      -moz-background-size: 18px 18px;
      background-size: 18px 18px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content-dialog .share-icon.google {
          background-image: url("../im/giveaway/share-google@2x.png"); } }
    #giveaway-content-dialog .share-icon.pinterest {
      width: 20px;
      height: 20px;
      background-image: url("../im/giveaway/share-pinterest.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: 20px 20px;
      -moz-background-size: 20px 20px;
      background-size: 20px 20px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #giveaway-content-dialog .share-icon.pinterest {
          background-image: url("../im/giveaway/share-pinterest@2x.png"); } }

/***** Sale Alert Dialog: Dialog that picks this item, or brand/cat *****/
#priceAlertEmailDialog #priceAlertContentTable {
  margin-bottom: 25px; }
#priceAlertEmailDialog #priceAlertTitleText {
  font-size: 12px;
  padding-bottom: 10px;
  max-width: 400px; }
#priceAlertEmailDialog #emailStatusTable {
  margin: 5px 10px 0 0; }
#priceAlertEmailDialog #emailErrorText {
  padding-top: 6px; }
#priceAlertEmailDialog #sendEmailText {
  font-weight: bold;
  font-size: 12px;
  min-width: 150px; }
#priceAlertEmailDialog #loggedInEmailText {
  padding-top: 2px; }
#priceAlertEmailDialog .priceAlertImageContainer {
  margin-right: 20px; }
#priceAlertEmailDialog .emailInputLine {
  line-height: 20px;
  font-size: 14px;
  width: 240px;
  color: #666;
  width: 302px;
  height: 34px;
  border: 1px solid #d5d3d3; }
#priceAlertEmailDialog #editEmailMessage {
  width: 350px;
  padding: 10px 0 7px;
  font-size: 10px; }
#priceAlertEmailDialog #productSelectionContainer {
  margin-top: 19px; }
  #priceAlertEmailDialog #productSelectionContainer .checkBoxItem {
    padding-bottom: 3px;
    font-size: 12px; }
    #priceAlertEmailDialog #productSelectionContainer .checkBoxItem input {
      visibility: hidden; }
#priceAlertEmailDialog .dialogFooter div {
  text-align: center; }

#sale-alert-type-menu .simple-menu {
  padding: 20px 30px;
  height: 70px; }
  #sale-alert-type-menu .simple-menu a {
    color: #201f1e; }

.edit-sale-alert-message {
  padding: 40px; }
  .edit-sale-alert-message a {
    text-decoration: underline;
    color: black; }

.card.sale-alert .sa-card-header, .sale-alert.non-card.product .sa-card-header {
  height: 60px; }
.card.sale-alert .delete-alert, .sale-alert.non-card.product .delete-alert {
  position: absolute;
  right: 0;
  top: 9px;
  padding: 2px 5px; }
  .card.sale-alert .delete-alert .icon, .sale-alert.non-card.product .delete-alert .icon, .card.sale-alert .delete-alert .favorite, .sale-alert.non-card.product .delete-alert .favorite, .card.sale-alert .delete-alert .favorite-medium, .sale-alert.non-card.product .delete-alert .favorite-medium, .card.sale-alert .delete-alert .eclusive-star-white, .sale-alert.non-card.product .delete-alert .eclusive-star-white, .card.sale-alert .delete-alert .popular-heart-white, .sale-alert.non-card.product .delete-alert .popular-heart-white, .card.sale-alert .delete-alert .arrivals-clock-white, .sale-alert.non-card.product .delete-alert .arrivals-clock-white, .card.sale-alert .delete-alert .shopstyle_inlineCellBrowserLeftArrow, .sale-alert.non-card.product .delete-alert .shopstyle_inlineCellBrowserLeftArrow, .card.sale-alert .delete-alert .shopstyle_inlineCellBrowserLeftArrowDisabled, .sale-alert.non-card.product .delete-alert .shopstyle_inlineCellBrowserLeftArrowDisabled, .card.sale-alert .delete-alert .shopstyle_inlineCellBrowserRightArrow, .sale-alert.non-card.product .delete-alert .shopstyle_inlineCellBrowserRightArrow, .card.sale-alert .delete-alert .shopstyle_inlineCellBrowserRightArrowDisabled, .sale-alert.non-card.product .delete-alert .shopstyle_inlineCellBrowserRightArrowDisabled, .card.sale-alert .delete-alert .filterCheck, .sale-alert.non-card.product .delete-alert .filterCheck, .card.sale-alert .delete-alert .filter-color-swatch.Gold, .sale-alert.non-card.product .delete-alert .filter-color-swatch.Gold, .card.sale-alert .delete-alert .filter-color-swatch.Silver, .sale-alert.non-card.product .delete-alert .filter-color-swatch.Silver, .card.sale-alert .delete-alert #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .card.sale-alert .delete-alert .filterCheck, .sale-alert.non-card.product .delete-alert #ColorFilterMenu p .filterCheck, #ColorFilterMenu p .sale-alert.non-card.product .delete-alert .filterCheck {
    display: inline-block; }

/***** Save Sale Alert Dialog for Filters - from 'add sale alert button' *****/
.saleAlertFilterDialogWrapper {
  padding: 20px 35px; }

.sale-alert-dialog, #sale-alert-dialog {
  width: 450px; }
  .sale-alert-dialog.no-image, #sale-alert-dialog.no-image {
    width: 350px; }
    .sale-alert-dialog.no-image #pricealert-savedsearch-form, #sale-alert-dialog.no-image #pricealert-savedsearch-form {
      float: none;
      width: 100%; }
  .sale-alert-dialog .formHeader, #sale-alert-dialog .formHeader {
    font-size: 14px;
    color: #201f1e;
    font-weight: bold; }
  .sale-alert-dialog .alertInputField, #sale-alert-dialog .alertInputField {
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    padding: 0 10px;
    color: #565656;
    width: 100%;
    border: 1px solid #565656;
    margin-top: 5px;
    margin-bottom: 20px;
    font-style: italic; }
  .sale-alert-dialog .btn, #sale-alert-dialog .btn {
    width: 100%; }
  .sale-alert-dialog .iPhoneCheckContainer, #sale-alert-dialog .iPhoneCheckContainer {
    margin: 15px 0; }
  .sale-alert-dialog .error-text, #sale-alert-dialog .error-text {
    color: red;
    display: block;
    margin-bottom: 10px; }
  .sale-alert-dialog .message, #sale-alert-dialog .message {
    font-size: 14px;
    color: #565656; }
    .sale-alert-dialog .message a, #sale-alert-dialog .message a {
      cursor: pointer; }
  .sale-alert-dialog .form-title, #sale-alert-dialog .form-title {
    font-size: 16px; }
  .sale-alert-dialog .selected-filter-bubbles, #sale-alert-dialog .selected-filter-bubbles {
    width: 100%;
    background: white;
    padding: 0; }
  .sale-alert-dialog #pricealert-savedsearch-form, #sale-alert-dialog #pricealert-savedsearch-form {
    float: right;
    width: 250px; }
  .sale-alert-dialog .pricealert-product-image, #sale-alert-dialog .pricealert-product-image {
    float: left; }
  .sale-alert-dialog .login-prompt, #sale-alert-dialog .login-prompt {
    text-align: center;
    display: block;
    padding-top: 10px; }
  .sale-alert-dialog .tos-agreement, #sale-alert-dialog .tos-agreement {
    text-align: center;
    display: block;
    padding-top: 5px;
    font-size: 10px; }
  .sale-alert-dialog .selected-filter-bubbles .bubble, #sale-alert-dialog .selected-filter-bubbles .bubble {
    padding-right: 8px; }

.saleAlertSuccessDialog {
  text-align: center;
  padding: 20px; }
  .saleAlertSuccessDialog .title {
    font-size: 26px;
    color: black;
    font-style: italic;
    margin: 20px 0 10px;
    font-family: Georgia, times, serif;
    -webkit-font-smoothing: antialiased; }
  .saleAlertSuccessDialog .sub-title {
    font-size: 16px;
    margin-bottom: 10px; }
  .saleAlertSuccessDialog .prompt {
    font-size: 16px;
    font-style: italic; }
  .saleAlertSuccessDialog .container {
    margin-top: 20px;
    background: #f5f3f1;
    padding: 20px 20px 0px 20px; }
    .saleAlertSuccessDialog .container .sub-title {
      margin-bottom: 20px; }
  .saleAlertSuccessDialog form {
    width: 350px;
    text-align: right; }
    .saleAlertSuccessDialog form label {
      width: 90px;
      text-align: center; }
    .saleAlertSuccessDialog form input {
      width: 250px !important; }
    .saleAlertSuccessDialog form .btn {
      width: 250px; }
  .saleAlertSuccessDialog .community-heart {
    background-position: -27px -2010px;
    width: 19px;
    width: 19px;
    height: 20px;
    display: block;
    margin: 5px auto; }
  .saleAlertSuccessDialog .user-agreement {
    margin-top: 10px;
    display: block;
    color: #666666;
    font-size: 10px; }

/***** Product Review Dialog *****/
.reviewWrapper {
  padding: 15px 30px;
  width: 890px; }

.reviewBody {
  overflow: hidden;
  font-weight: bold; }
  .reviewBody .required:after {
    color: #ee0066;
    content: '*'; }
  .reviewBody .mainContent {
    float: left;
    width: 530px;
    padding-right: 30px;
    margin-bottom: 30px;
    border-right: 1px solid #d5d3d3;
    font-size: 13px; }
  .reviewBody .additionalReviews {
    float: right;
    width: 300px;
    padding-left: 30px;
    max-height: 455px;
    margin-top: 20px; }
    .reviewBody .additionalReviews .otherReviewsTitle {
      margin-bottom: 15px;
      font-size: 14px; }
  .reviewBody .ratingContainer {
    position: relative; }
    .reviewBody .ratingContainer .starPlaceholder {
      height: 35px; }
    .reviewBody .ratingContainer .overall-ratings {
      margin-top: 10px; }
  .reviewBody .descriptionContainer {
    margin-top: 30px; }
  .reviewBody .extraRatingsContainer {
    margin: 30px 0 15px;
    overflow: hidden; }
    .reviewBody .extraRatingsContainer .fitContainer {
      float: left;
      width: 250px; }
    .reviewBody .extraRatingsContainer .qualityContainer {
      float: right;
      width: 249px; }
    .reviewBody .extraRatingsContainer .fitChoiceText, .reviewBody .extraRatingsContainer .qualityChoiceText {
      color: #ee0066;
      margin-left: 5px; }
  .reviewBody .inputContainer {
    margin-top: 5px; }
    .reviewBody .inputContainer input {
      border: 1px solid #cdccca;
      height: 35px;
      width: 100%;
      padding: 0 15px;
      font-size: 14px; }
    .reviewBody .inputContainer textarea {
      height: 150px;
      width: 100%;
      resize: none;
      padding: 15px;
      line-height: 21px;
      font-size: 14px; }
  .reviewBody .ratingScoreButton.btn {
    width: 120px;
    height: 30px;
    background-color: #ee0066;
    position: absolute;
    top: 27px;
    left: 205px;
    line-height: 32px;
    padding: 0 0 0 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .reviewBody .brandScore.btn {
    top: 0; }
  .reviewBody .rating-arrow-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ee0066;
    position: absolute;
    left: -15px;
    top: 0; }
  .reviewBody .ratingLabel {
    float: left;
    margin-top: 1px;
    text-transform: uppercase; }
  .reviewBody .ratingChoices {
    float: left;
    margin: 0 5px;
    overflow: hidden; }
  .reviewBody .ratingSelect {
    margin-top: 10px;
    color: #cdccca;
    font-weight: normal;
    font-size: 11px; }
  .reviewBody .brandReviewBar {
    height: 30px;
    width: 100%;
    background-color: #e5e3e1;
    line-height: 31px;
    padding: 0 10px;
    font-size: 13px;
    cursor: pointer;
    color: #666666; }
    .reviewBody .brandReviewBar .toggle-brand {
      position: relative;
      bottom: 21px;
      left: 468px; }
    .reviewBody .brandReviewBar .toggle-arrow-right {
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 6px solid #666666; }
    .reviewBody .brandReviewBar .toggle-arrow-down {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #ee0066;
      bottom: 18px; }
  .reviewBody .brandReviewContainer {
    display: none;
    margin-top: 20px; }
  .reviewBody .btn .previewReviewText {
    text-transform: uppercase; }
  .reviewBody #updatePreviewButton {
    display: none; }
  .reviewBody .reviewError {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    color: #ee0066;
    display: none; }

.productReview {
  width: 100%;
  margin-bottom: 30px; }
  .productReview .authorContainer {
    height: 50px;
    padding-top: 5px; }
    .productReview .authorContainer .userAvatar {
      float: left;
      margin-right: 10px; }
      .productReview .authorContainer .userAvatar img {
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        border-radius: 21px; }
    .productReview .authorContainer .reviewAuthor {
      font-weight: bold;
      margin-top: 5px; }
    .productReview .authorContainer .reviewRating {
      float: left; }
  .productReview .contentContainer {
    margin-top: 5px; }
    .productReview .contentContainer .reviewDescription {
      font-weight: normal;
      max-height: 70px;
      overflow: hidden;
      line-height: 19px;
      margin-top: 3px; }

.previewContainer {
  position: absolute;
  left: 115px;
  top: 85px;
  width: 665px;
  background-color: white;
  display: none; }
  .previewContainer .previewTitle {
    font-size: 21px;
    border-bottom: 1px #d5d3d3 solid;
    padding-bottom: 20px; }
    .previewContainer .previewTitle a {
      float: right; }
    .previewContainer .previewTitle .closeX {
      float: right;
      cursor: pointer; }
  .previewContainer .previewPrompt {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px; }
  .previewContainer .previewButtons {
    margin-top: 20px;
    margin-left: 50px;
    overflow: hidden; }
    .previewContainer .previewButtons .btn {
      width: 240px;
      float: left;
      margin-right: 10px; }
  .previewContainer #updateReviewButton {
    display: none; }

.tipsContainer {
  float: right;
  width: 300px;
  padding-left: 30px; }
  .tipsContainer .tipsTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px; }
  .tipsContainer ul {
    padding: 0 0 0 30px; }
  .tipsContainer li {
    font-weight: normal; }

.rightPanel {
  max-height: 425px;
  float: right;
  width: 300px;
  overflow: auto; }

/***** Share Email Dialog *****/
#emailDialog #shareContentContainer, #SendFeedback #shareContentContainer {
  width: 750px;
  height: 325px;
  padding: 0 10px 10px; }
  #emailDialog #shareContentContainer input, #SendFeedback #shareContentContainer input {
    border: 1px solid #d5d3d3; }
#emailDialog #shareInputTable, #SendFeedback #shareInputTable {
  float: left;
  margin-top: 20px;
  margin-left: 4px; }
#emailDialog #linkContainer, #SendFeedback #linkContainer {
  color: black;
  text-align: left; }
#emailDialog #emailForm, #SendFeedback #emailForm {
  margin-bottom: 10px;
  margin-top: 20px; }
#emailDialog .productImageContainer, #SendFeedback .productImageContainer {
  float: right;
  width: 200px;
  margin-top: 33px;
  margin-right: 5px; }
#emailDialog .lookImageContainer, #SendFeedback .lookImageContainer {
  float: right;
  margin-top: 33px;
  margin-right: 5px;
  margin-left: 10px;
  width: 260px;
  max-height: 260px;
  overflow: hidden; }
#emailDialog .dealImageContainer, #SendFeedback .dealImageContainer {
  float: right;
  height: 127px;
  width: 127px;
  border: 1px solid #e5e3e1;
  border-radius: 50%;
  margin: 55px 50px 0 0; }
  #emailDialog .dealImageContainer img, #SendFeedback .dealImageContainer img {
    height: 125px;
    width: 125px;
    border-radius: 50%; }
#emailDialog .image, #SendFeedback .image {
  text-align: center; }
#emailDialog #pastableLink, #SendFeedback #pastableLink {
  font-size: 14px;
  width: 100%;
  border: 0; }
#emailDialog .errorMessage, #SendFeedback .errorMessage {
  padding-top: 6px; }
#emailDialog #shareEmailError, #SendFeedback #shareEmailError {
  width: 350px;
  padding-top: 3px;
  padding-bottom: 6px; }
#emailDialog .emailDialogFormLabel, #SendFeedback .emailDialogFormLabel {
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
  color: black;
  padding-bottom: 5px; }
  #emailDialog .emailDialogFormLabel #shareByText, #SendFeedback .emailDialogFormLabel #shareByText {
    text-align: left; }
#emailDialog .emailDialogHeaderLabel, #SendFeedback .emailDialogHeaderLabel {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  color: black;
  padding-bottom: 5px;
  float: right; }
#emailDialog #toFieldContainer, #SendFeedback #toFieldContainer {
  padding: 5px 0; }
#emailDialog .emailFormLabel, #SendFeedback .emailFormLabel {
  padding: 10px 0;
  margin-right: 5px;
  float: left;
  min-width: 53px; }
#emailDialog #messageFormLabel, #SendFeedback #messageFormLabel {
  position: relative;
  right: 10px; }
#emailDialog .dialogFooter div, #SendFeedback .dialogFooter div {
  text-align: center; }
#emailDialog #body, #SendFeedback #body {
  height: 50px; }
#emailDialog .emailTextField, #SendFeedback .emailTextField {
  width: 366px;
  float: right; }
#emailDialog .sendButton, #SendFeedback .sendButton {
  height: 32px;
  width: 140px;
  line-height: 25px;
  margin-left: 67px; }
#emailDialog .pasteLinkContainer, #SendFeedback .pasteLinkContainer {
  font-size: 14px;
  color: #201f1e;
  font-weight: bold;
  margin-left: 10px;
  line-height: 24px; }
#emailDialog td, #SendFeedback td {
  padding: 4px; }
#emailDialog textarea, #SendFeedback textarea {
  resize: none;
  line-height: 21px;
  font-size: 14px; }
#emailDialog .shareSocialHolder, #SendFeedback .shareSocialHolder {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px; }
  #emailDialog .shareSocialHolder .btn, #SendFeedback .shareSocialHolder .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 10px; }
    #emailDialog .shareSocialHolder .btn:hover, #SendFeedback .shareSocialHolder .btn:hover {
      background: #ee0066; }
#emailDialog .blogItButton, #SendFeedback .blogItButton {
  width: 80px; }

#success-item-dialog {
  width: 250px; }

#sld-header {
  margin: -20px -20px 20px;
  min-height: 81px; }
  #sld-header img {
    max-height: 70px; }
  #sld-header > * {
    display: inline-block; }
  #sld-header .sub-title {
    color: #999999;
    margin-top: 5px; }
  #sld-header .sld-title {
    margin: 20px;
    vertical-align: top;
    max-width: 180px; }
    #sld-header .sld-title span {
      display: block; }
  #sld-header span.title {
    font-size: 18px;
    display: inline-block; }
  #sld-header .sld-item {
    width: 50px;
    line-height: 70px;
    text-align: center;
    height: 70px;
    margin: 5px; }

#success-item-dialog span.success-item {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px; }
#success-item-dialog.add-favorite .success-item {
  background-position: -27px -2010px;
  width: 19px; }

#sld-body .sld-message-title {
  display: block;
  font-size: 14px;
  padding-bottom: 10px; }
#sld-body .sld-message {
  color: #999999; }
#sld-body .btn {
  display: block;
  line-height: 30px;
  margin-top: 20px; }

/**
* Styles for the user login and signup dialog
**/
#user-connect-dialog {
  width: 260px; }
  #user-connect-dialog .btn {
    width: 260px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-top: 10px;
    text-transform: uppercase; }
  #user-connect-dialog .login-spacer {
    display: block;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    clear: both;
    text-transform: uppercase;
    color: #666666;
    font-weight: bold; }
  #user-connect-dialog .custom-dialog-title {
    min-height: 40px;
    text-align: center; }
    #user-connect-dialog .custom-dialog-title div {
      font-size: 20px; }
  #user-connect-dialog .dialog-title {
    font-style: italic;
    font-family: Georgia, times, serif;
    font-size: 24px; }
  #user-connect-dialog .emphasis {
    font-weight: bold;
    text-transform: uppercase;
    font-style: none; }
  #user-connect-dialog .signup-tagline {
    display: block;
    margin: 10px 0;
    text-align: left;
    line-height: 16px;
    font-size: 16px; }
  #user-connect-dialog .input-form {
    margin-top: 10px;
    background: #f5f3f1;
    padding: 15px; }
    #user-connect-dialog .input-form input {
      padding: 5px 10px;
      width: 100%;
      line-height: 24px;
      margin: 0;
      border: #cdccca 1px solid;
      border-bottom-width: 0; }
      #user-connect-dialog .input-form input.last {
        border-bottom-width: 1px; }
    #user-connect-dialog .input-form .btn {
      width: 100%; }
  #user-connect-dialog .forgot-user-info, #user-connect-dialog .user-agreement, #user-connect-dialog .switch-login-context {
    margin-top: 10px;
    display: block;
    color: #666666;
    font-size: 10px; }
  #user-connect-dialog .forgot-user-info a, #user-connect-dialog .user-agreement a {
    color: #201f1e;
    text-decoration: underline; }
  #user-connect-dialog .switch-login-context a {
    color: #ee0066;
    cursor: pointer; }
  #user-connect-dialog .user-connect-buttons {
    min-height: 125px; }
  #user-connect-dialog .reset-title {
    display: block;
    font-weight: bold; }
  #user-connect-dialog .reset-msg {
    color: #999999; }
  #user-connect-dialog .reset-text {
    text-align: center; }
  #user-connect-dialog .error-message {
    padding-top: 10px;
    color: #ee0066;
    text-align: center; }
    #user-connect-dialog .error-message a {
      color: #ee0066; }

#facebook-connect-container {
  height: 40px;
  overflow: hidden;
  width: 125px;
  float: left;
  margin-right: 10px;
  border-radius: 5px; }
  #facebook-connect-container .facebook-iframe {
    width: 125px;
    height: 44px; }

#gplus-connect-container {
  width: 125px;
  float: left; }
  #gplus-connect-container .gplus-login.btn {
    width: 100%;
    background: #dd4b39 url("../im/gplus.png") 15px 50% no-repeat;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    text-transform: uppercase;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #gplus-connect-container .gplus-login.btn {
        background-image: url("../im/gplus@2x.png"); } }

.user-connect-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../im/shopstyle-connect.png");
  -webkit-background-size: 242px 356px;
  -moz-background-size: 242px 356px;
  background-size: 242px 356px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .user-connect-icon {
      background-image: url("../im/shopstyle-connect@2x.png"); } }
  .user-connect-icon.signup {
    background-position: 0 0;
    height: 35px;
    width: 115px;
    margin: 0 auto; }
  .user-connect-icon.signup-favorite {
    background-position: 0 -101px;
    height: 58px;
    width: 156px; }
  .user-connect-icon.signup-list {
    background-position: 0 -50px;
    height: 35px;
    width: 205px; }
  .user-connect-icon.forgot-username {
    background-position: 0 -226px;
    height: 35px;
    width: 242px; }
  .user-connect-icon.forgot-password {
    background-position: 0 -178px;
    height: 35px;
    width: 242px; }
  .user-connect-icon.login {
    background-position: 0 -322px;
    height: 35px;
    width: 93px;
    margin: 0 auto; }
  .user-connect-icon.success {
    background-position: 0 -280px;
    height: 35px;
    width: 121px; }
  .user-connect-icon span {
    display: none; }

#inline-signup-prompt {
  background: #201f1e;
  padding: 25px 0;
  text-align: right;
  position: relative;
  height: 89px;
  margin-bottom: 20px; }
  #inline-signup-prompt i {
    position: absolute;
    left: 15px;
    bottom: 0; }
  #inline-signup-prompt .signup-text {
    float: left;
    color: white;
    max-width: 400px;
    margin: 2px 15px 0 140px;
    text-align: left;
    font-size: 20px;
    line-height: 21px; }
    #inline-signup-prompt .signup-text .signup-text-inner {
      display: block;
      font-size: 14px;
      text-transform: none;
      letter-spacing: .5px; }
  #inline-signup-prompt .btn-fb-iframe {
    float: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top; }
  #inline-signup-prompt .btn {
    padding: 10px;
    vertical-align: top;
    min-width: 120px;
    margin-right: 10px;
    text-transform: uppercase; }
    #inline-signup-prompt .btn.btn-light:hover {
      color: #201f1e;
      background: #e4e3e1; }
    #inline-signup-prompt .btn.btn-dark:hover {
      color: white;
      background: #666666; }
    #inline-signup-prompt .btn.btn-extra-dark:hover {
      color: white;
      background: #444444; }
  #inline-signup-prompt #gplus-connect-container {
    margin-right: 10px;
    float: none;
    display: inline-block; }
  #inline-signup-prompt #inline-signup-buttons {
    float: right; }

@media all and (max-width: 980px) {
  #inline-signup-prompt {
    height: 140px; }
    #inline-signup-prompt .signup-text {
      text-align: center;
      padding: 2px 15px 0 125px;
      margin: 0;
      max-width: none;
      width: 100%; }
    #inline-signup-prompt #inline-signup-buttons {
      text-align: center;
      width: 100%;
      padding: 20px 10px 0 125px; } }
@media (max-width: 650px) {
  #inline-signup-prompt {
    height: 280px; }
    #inline-signup-prompt .signup-text {
      padding: 2px 15px; }
    #inline-signup-prompt #gplus-connect-container, #inline-signup-prompt .btn-fb-iframe {
      margin-bottom: 10px; }
    #inline-signup-prompt i {
      bottom: 25px; } }
.no-opacity #inline-signup-prompt .btn {
  min-width: 100px; }

.community-header {
  background: #ebe8e5;
  padding-top: 20px;
  width: 100%; }
  .community-header.centered, .community-header.dealsRetailerTitle, .community-header.dealTitle, .community-header.dealSubtitle, .community-header.dealEndDate, .community-header.dealsCopyHint, .community-header.dealCheckoutCodeDiv, .community-header.clickToCopyHint {
    text-align: center; }
  .community-header .content {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px; }
  .community-header .title {
    font-size: 22px;
    line-height: 40px; }
  .community-header .btn {
    min-width: 150px;
    float: right; }
  .community-header .edit-profile {
    margin-top: 8px;
    color: #ee0066;
    text-transform: capitalize;
    display: inline-block; }
    .community-header .edit-profile:hover {
      text-decoration: underline; }
  .community-header .userIconLabel, .community-header .userIconLabel h1 {
    font-size: 20px;
    line-height: 24px; }
  .community-header .user-icon {
    float: left;
    max-width: 725px;
    min-height: 200px; }

.community-header-top {
  padding: 10px;
  font-size: 13px;
  line-height: 18px; }

.community-header .profile-image {
  display: inline-block !important;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  height: 160px;
  width: 160px;
  line-height: 160px;
  border-radius: 80px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  border: 10px solid white;
  overflow: hidden;
  vertical-align: top; }

.community-header-nav {
  height: 50px; }
  .community-header-nav ul {
    list-style: none;
    padding: 0;
    text-align: center; }
  .community-header-nav li {
    display: inline-block;
    padding: 0;
    border-radius: 8px;
    margin-right: 5px;
    background: white; }
    .community-header-nav li a {
      line-height: 30px;
      font-size: 12px;
      text-transform: uppercase;
      color: black;
      padding: 0 12px;
      display: block; }
    .community-header-nav li.selected, .community-header-nav li:hover {
      background: #201f1e; }
      .community-header-nav li.selected a, .community-header-nav li:hover a {
        color: white; }

.community-body {
  margin: 0 auto;
  width: 100%;
  position: relative;
  max-width: 1024px; }
  .community-body .browserContentCell {
    left: 0;
    margin-right: -15px;
    margin-top: 20px; }
  .community-body .btn {
    width: auto;
    min-width: 120px;
    padding: 0 5px; }

.stylebookEmpyContainer {
  min-height: 200px;
  padding-top: 30px;
  text-align: center; }

.stylebookEmptyText {
  font-size: 24px;
  color: black;
  display: block;
  margin-bottom: 10px; }

.groupTopicTitle {
  color: black;
  font-size: 14px;
  font-weight: bold; }

.stylebookSidebarTitle {
  border-bottom: 1px black solid; }
  .stylebookSidebarTitle .tabTitble {
    color: white;
    background: #201f1e;
    padding: 6px 10px;
    line-height: 24px;
    font-size: 12px; }

.stylebook-comment {
  background-color: #ebe8e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px; }

.editBar {
  margin-top: 10px; }

.groupComment {
  word-wrap: break-word;
  width: 255px;
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px; }

.topicLink {
  word-wrap: break-word;
  width: 500px;
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px; }

#groupTopicTable a {
  white-space: normal; }

.groupHost {
  margin-bottom: 20px;
  height: 46px; }
  .groupHost span {
    font-size: 11px; }
  .groupHost .title {
    text-transform: uppercase; }
  .groupHost .name {
    font-weight: bold;
    color: black;
    font-size: 12px; }

.groupDescription {
  color: black;
  font-size: 12px;
  line-height: 16px; }

.comment-table {
  margin-top: 10px; }
  .comment-table .buttons {
    padding: 8px 0 2px 12px;
    float: right; }
    .comment-table .buttons .newButton {
      text-transform: capitalize;
      margin-bottom: 10px; }
  .comment-table .user-image {
    float: left; }
    .comment-table .user-image .delete-button {
      position: relative; }
      .comment-table .user-image .delete-button a {
        position: absolute;
        left: -18px;
        top: 0; }
    .comment-table .user-image .image {
      padding-right: 10px; }
  .comment-table .message-body {
    width: auto;
    margin-left: 60px;
    margin-right: 0;
    color: #666666;
    word-wrap: break-word; }
    .comment-table .message-body span {
      word-wrap: break-word; }
    .comment-table .message-body .owner {
      margin-top: 10px; }
      .comment-table .message-body .owner span {
        color: #868686;
        font-size: 11px; }
  .comment-table .product-holder {
    height: 2px;
    font-size: 1px;
    margin-top: 10px; }
    .comment-table .product-holder .image {
      height: inherit;
      line-height: inherit;
      float: left;
      width: 40px;
      text-align: center; }

.community-alert-message {
  background: white;
  width: 1024px;
  margin: 0 auto 10px auto;
  padding: 20px;
  border: solid 1px lightgray; }
  .community-alert-message span {
    font-size: 14px;
    line-height: 18px; }
  .community-alert-message .alert {
    width: 36px;
    height: 32px;
    background-image: url("../im/ico_alert.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 36px 32px;
    -moz-background-size: 36px 32px;
    background-size: 36px 32px;
    margin-right: 20px;
    float: left; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      .community-alert-message .alert {
        background-image: url("../im/ico_alert@2x.png"); } }

@media only screen and (device-width: 768px) {
  /* iPad layouts overrides */
  .community-header, .community-alert-message, .community-body {
    width: 1024px; }

  .community-body .groupTrendCell .topicLink {
    width: 450px; }

  .community-header-top .user-icon {
    width: 650px; } }
#exploreTags {
  cursor: pointer;
  height: 36px; }
  #exploreTags span {
    line-height: 36px; }

/* also used for comment cells*/
.groupTrendCell {
  border-top: 1px solid #eaeaea;
  box-shadow: 0 1px 3px bbb;
  background: white;
  margin: 0 10px 10px 0;
  position: relative;
  padding: 10px 12px 14px 12px; }

.wishListCell {
  padding: 10px;
  position: relative;
  margin-right: 0; }

.userCellImage {
  width: 160px;
  height: 163px;
  border: 1px #e0e0e0 solid; }

.userImage {
  margin: 7px 10px; }

.userDefinedLink {
  color: #201f1e;
  word-wrap: break-word;
  /* these two together wrap long links but only in IE */
  white-space: normal !important; }

/*************/
/* Registry */
/*************/
.registryFavorite {
  border-top: 1px solid white;
  border-bottom: 1px solid white; }

.favoriteSelectTable, .favoriteSelectTableScrolling {
  width: 100%; }

.chosenHilite {
  border: 1px solid #999999 !important;
  background-color: #e5e3e1 !important; }

.chosenFavoriteHilite {
  background-color: #e5e3e1; }

/**
* Shops
**/
#shops-page-header {
  text-align: center; }
  #shops-page-header .title {
    font-style: italic;
    font-size: 28px; }

#shops-page-body {
  margin-top: 40px;
  max-width: 970px; }

@media (max-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  #shops-page-body {
    width: 645px; } }
@media (max-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  #shops-page-body {
    width: 320px; } }
.user-details {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top; }
  .user-details .user-name {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px; }
  .user-details .join-date {
    margin-top: 20px; }

.user-description {
  max-height: 200px;
  overflow: hidden; }

.lookFlowSpreadContainer .detailsFetcherFake:hover {
  border: 1px solid grey; }

.badgeImages {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 0 10px 8px 0; }
  .badgeImages .popupdiv {
    border: 0; }

.badgeBackground {
  background-color: #ee0066;
  margin-right: 5px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  padding: 0 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .badgeBackground:hover {
    background-color: black; }
  .badgeBackground span {
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    white-space: nowrap; }

.badge-FreeShipping {
  background-position: 0 -225px;
  height: 17px;
  width: 15px;
  position: relative;
  left: 4px;
  top: 4px; }

.badge-CouponDeal {
  background-position: 0 -204px;
  height: 15px;
  width: 15px;
  position: relative;
  left: 5px;
  top: 5px; }

.badge-Trending {
  background-position: 0 -246px;
  height: 15px;
  width: 14px;
  position: relative;
  left: 6px;
  top: 5px; }

.badge-EditorPicks, .badge-HomePicks {
  background-position: 0 -266px;
  height: 14px;
  width: 15px;
  position: relative;
  left: 4px;
  top: 5px; }

.badgeMenuArrow {
  background-position: -56px -503px;
  height: 12px;
  width: 16px;
  margin: auto;
  margin-top: 15px;
  position: absolute;
  left: 2px;
  top: 9px; }

.badgeMenuBody {
  /* this container is created in filterNavigator, the styles apply to content pre ajax load. */
  background: rgba(0, 0, 0, 0.9);
  min-height: 25px;
  max-height: 25px;
  z-index: 100;
  border: 0;
  margin-left: auto;
  margin-right: auto; }

.badgeText {
  color: white;
  padding: 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 2px;
  line-height: 24px; }

.crossLinkText.underlinedCrossLink span {
  text-decoration: underline; }

.crossLinkTitle {
  margin-bottom: 10px;
  line-height: 24px;
  padding: 0;
  border-bottom: 1px solid #d5d3d3; }
  .crossLinkTitle .title {
    display: inline-block; }
    .crossLinkTitle .title a {
      font-size: 18px;
      color: #201f1e; }
  .crossLinkTitle .seeMore {
    float: right; }
    .crossLinkTitle .seeMore a {
      font-size: 12px;
      color: #201f1e;
      font-weight: bold; }

.detailsContents {
  border: 1px solid #999999;
  background-color: white;
  font-size: 12px;
  padding: 13px;
  text-align: left;
  vertical-align: text-top; }
  .detailsContents .retailerFlag {
    position: absolute;
    top: 8px;
    left: 8px; }

.widgetDetailsContents {
  border: 1px solid #999999;
  background-color: white;
  width: 100px;
  /* careful, duplicated in Java code */
  text-align: center;
  padding-bottom: 2px; }

.detailsLabel, .detailsAction {
  color: gray;
  font-size: 10px;
  text-align: left;
  margin-bottom: 3px; }

.detailsAction {
  font-size: 11px; }
  .detailsAction:hover {
    text-decoration: underline; }

.detailsSizes {
  font-size: 12px;
  color: #201f1e;
  cursor: default; }

.clickableDetailsSize {
  cursor: pointer;
  padding: 2px 0 2px 0; }

.detailsSizeHilite {
  color: #201f1e; }

.detailsColor {
  font-size: 10px;
  line-height: 1em;
  padding: 0;
  color: #333230;
  background-color: #fff;
  display: inline-block;
  border: 1px solid transparent; }

.detailsColorHilitable {
  border: 1px solid white;
  margin: 0 1px 0 0;
  padding: 2px 2px 2px 2px;
  height: 56px;
  /* Must fix height so we can lay out the details popup properly; swatch images are variable height */ }

.detailsColorText {
  font-size: 12px;
  line-height: 18px;
  color: #333230;
  background-color: #fff;
  border: 1px solid white;
  display: inline;
  white-space: nowrap; }

.detailsColorHilite {
  color: #201f1e; }

.detailsColorUnavailable {
  opacity: 0.25;
  background-color: #fff; }

.detailsTitle {
  text-align: center;
  color: #201f1e;
  padding: 0 3px 9px 3px;
  font-size: 13px; }
  .detailsTitle .price, .detailsTitle .onSale, .detailsTitle .soldOut, .detailsTitle .originalPrice {
    font-weight: normal; }
  .detailsTitle .nativePrice {
    font-weight: normal;
    font-size: 12px; }

.card-inner .product-info .detailsBadge {
  height: 13px;
  line-height: 10px;
  display: inline-block;
  padding: 2px 4px;
  margin-left: 3px;
  background-color: #e5e3e1;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  color: #666666; }

a.priceInfoLink {
  color: #999999;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none; }
  a.priceInfoLink:hover {
    color: #201f1e;
    text-decoration: underline; }

.detailsDescription li {
  font-size: 11px; }
.detailsDescription ul {
  margin: 0;
  padding: 0 0 6px 20px; }

/* Consistent swatch height is important.  We need at least 32px for all the browsers to get the same
    result between the emptySwatch and the other cases.  But that is then looks like too much space
    below the swatch, so we nudge the label up a bit.
*/
.rgbColorSwatch {
  display: block;
  width: 47px;
  height: 32px;
  margin: 0 auto; }

.imageColorSwatch {
  height: auto;
  overflow: hidden;
  display: inline-block;
  padding: 2px; }

.emptyColorSwatch {
  width: 47px;
  height: 32px; }

.colorSwatchLabel {
  font-size: 10px;
  line-height: 12px;
  padding-top: 1px;
  min-width: 75px; }

.showDetailsButtonWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  cursor: pointer; }

.showDetailsButton {
  font-family: Arial, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #999999;
  padding: 0 0 1px 1px;
  background: white;
  font-size: 11px;
  white-space: nowrap;
  z-index: 50; }

.showDetailsText {
  padding: 0 5px 2px 6px; }

.completeDescription {
  display: none; }

.showCompleteDescription .truncatedDescription {
  display: none; }
.showCompleteDescription .completeDescription {
  display: inline; }

.productActions .btn {
  padding: 0; }

.btn .shareEmail {
  background-color: transparent;
  background-position: 0 -23px;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px;
  height: 12px;
  width: 15px;
  margin: auto;
  float: left;
  margin-top: 15px;
  margin-right: 3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn .shareEmail {
      background-image: url("../im/product-card-sprite@2x.png"); } }
.btn .share-medium-grey {
  background-position: 0 -2051px;
  width: 20px;
  height: 12px; }
.btn .saleAlert {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px;
  height: 12px;
  width: 15px;
  margin: auto;
  float: left;
  margin-top: 11px;
  margin-right: 7px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn .saleAlert {
      background-image: url("../im/product-card-sprite@2x.png"); } }
.btn .addList {
  background-color: transparent;
  background-position: 0 -44px;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px;
  height: 14px;
  width: 16px;
  margin: auto;
  float: left;
  margin-top: 13px;
  margin-right: 5px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn .addList {
      background-image: url("../im/product-card-sprite@2x.png"); } }
.btn:hover .favorite-medium.share {
  background-position: -21px -2031px;
  width: 16px;
  height: 14px; }
.btn:hover .favorite {
  background-position: -36px -302px;
  width: 14px;
  height: 15px; }
.btn:hover .shareEmail {
  background-color: transparent;
  background-position: -29px -23px;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn:hover .shareEmail {
      background-image: url("../im/product-card-sprite@2x.png"); } }
.btn:hover .share-medium-grey {
  background-position: -25px -2051px;
  width: 20px;
  height: 12px; }
.btn:hover .saleAlert, .btn:hover .sale-alert-icon {
  background-color: transparent;
  background-position: -29px 0;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn:hover .saleAlert, .btn:hover .sale-alert-icon {
      background-image: url("../im/product-card-sprite@2x.png"); } }
.btn:hover .addList {
  background-color: transparent;
  background-position: -29px -44px;
  background-repeat: no-repeat;
  background-image: url("../im/product-card-sprite.png");
  -webkit-background-size: 44px 59px;
  -moz-background-size: 44px 59px;
  background-size: 44px 59px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .btn:hover .addList {
      background-image: url("../im/product-card-sprite@2x.png"); } }

.detailsBuyButton {
  margin: 5px;
  width: 320px;
  height: 35px;
  line-height: 35px;
  text-align: center; }
  .detailsBuyButton span {
    font-size: 14px;
    font-weight: bold;
    color: white;
    -webkit-font-smoothing: antialiased; }

.departmentContent {
  width: 290px;
  height: 425px;
  margin: 0 0 0 15px;
  position: relative; }

.departmentLabel {
  border-bottom: 1px #cdccca solid;
  width: 282px;
  height: 15px;
  overflow: hidden;
  padding: 4px;
  margin: 0 0 6px 0; }

.seeMoreLabel {
  color: #fff; }

.product-details .btn.buy {
  width: 368px; }

/***********************/
/* Widget             */
/***********************/
.widgetpage {
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 45px 100px 20px;
  padding: 0 0 10px 20px; }

.widgetbuilder-instruction {
  font-weight: bold; }

#widgetbuilder-form {
  margin-left: 40px;
  font-family: Arial, sans-serif;
  font-size: 12px; }
  #widgetbuilder-form td {
    padding-bottom: 4px;
    white-space: nowrap; }
  #widgetbuilder-form th {
    font-weight: normal;
    padding-bottom: 4px;
    padding-right: 20px;
    text-align: left;
    white-space: nowrap; }

#widgetbuilder-sample-note {
  margin: 8px 0;
  padding-top: 5px;
  font-size: 11px;
  clear: both; }

.widgetSmallTitle {
  width: 100%;
  text-align: center;
  font-size: 10px; }

.seeMoreButton {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0; }

.widgetDiv {
  visibility: hidden;
  background-color: white;
  position: absolute;
  top: 4px;
  bottom: 2px;
  left: 4px;
  right: 4px; }

#widgetbuilder-sample {
  margin-top: 10px; }
  #widgetbuilder-sample a {
    white-space: normal; }

/* Individual Widget Builder */
.widgetbuilder-step {
  margin: 10px 0;
  padding-bottom: 5px;
  clear: both;
  color: #302f2e; }
  .widgetbuilder-step textarea[name='sampleText'] {
    width: 700px;
    height: 105px; }
  .widgetbuilder-step input[name='search'] {
    width: 350px; }
  .widgetbuilder-step .spread_results {
    height: 185px; }
  .widgetbuilder-step #photo_search_terms {
    width: 200px; }
  .widgetbuilder-step #searchbox-container {
    margin-bottom: 15px; }
    .widgetbuilder-step #searchbox-container select {
      margin-left: 15px; }
    .widgetbuilder-step #searchbox-container input[type='button'] {
      margin: 0 0 2px 15px; }
  .widgetbuilder-step #product-searcher {
    position: relative;
    width: 780px; }
  .widgetbuilder-step td #product-searcher {
    width: 655px; }
  .widgetbuilder-step #pager {
    margin-right: 50px;
    position: absolute;
    right: 0;
    top: 5px; }
    .widgetbuilder-step #pager div {
      float: left; }
  .widgetbuilder-step .productLink #pager {
    top: -20px; }
  .widgetbuilder-step .pageDiv .search_result {
    float: left;
    line-height: 1.2;
    margin: 3px;
    padding: 5px;
    width: 135px; }
  .widgetbuilder-step .pageDiv .description {
    font-size: 10px;
    font-family: Arial, sans-serif;
    text-align: center;
    height: 38px;
    overflow: hidden; }
  .widgetbuilder-step .productSelect {
    background-image: url("../im/arrow-small-up.gif");
    background-repeat: no-repeat;
    background-position: bottom center; }
  .widgetbuilder-step .results_thumb {
    height: 140px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center; }
    .widgetbuilder-step .results_thumb .details {
      display: none; }
  .widgetbuilder-step .pager-prev, .widgetbuilder-step .pager-next {
    height: 15px;
    width: 15px;
    cursor: pointer;
    margin: 0 10px; }
  .widgetbuilder-step .inactive {
    cursor: default; }
  .widgetbuilder-step .pager-prev {
    background-image: url("../im/widget/page-left.png"); }
    .widgetbuilder-step .pager-prev.inactive {
      background-image: url("../im/widget/page-left-disabled.png"); }
  .widgetbuilder-step .pager-next {
    background-image: url("../im/widget/page-right.png");
    margin-right: 5px; }
    .widgetbuilder-step .pager-next.inactive {
      background-image: url("../im/widget/page-right-disabled.png"); }

.top-header {
  margin: 25px auto;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase; }

.top-searches-table {
  margin: 30px 0 20px 0;
  text-align: left; }
  .top-searches-table ul {
    list-style-type: none; }
  .top-searches-table td {
    padding: 0 100px;
    line-height: 18px; }
  .top-searches-table a {
    color: #666666; }

.home .page-header {
  background-color: transparent; }
  .home .page-header .search-container {
    display: none; }

/** Home Trending Brands Bar **/
.trendingBrands {
  width: 380px;
  line-height: 20px;
  margin: 0 auto;
  margin-top: 20px;
  color: white;
  font-size: 12px;
  letter-spacing: 0.5px; }
  .trendingBrands .featureName {
    display: inline-block;
    max-width: 262px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle; }
  .trendingBrands a {
    color: white;
    padding: 0 5px; }
    .trendingBrands a:hover {
      text-decoration: underline; }
  .trendingBrands .title {
    color: white;
    padding-right: 10px;
    position: relative;
    top: 1px; }
  .trendingBrands .divider {
    color: white; }

/** END Trending Brands Bar **/
/** Home background and search **/
.home-background-content {
  width: 100%;
  z-index: 2;
  padding-top: 240px;
  height: 600px;
  text-align: center;
  position: fixed;
  top: 0;
  background-size: cover; }
  .home-background-content .home-title {
    font-size: 36px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.8); }

.home-search-box {
  margin: 0 auto;
  padding: 10px;
  min-width: 450px;
  width: 70%;
  max-width: 700px;
  margin-top: 20px; }

/** END Home background and search **/
/** Shops styles **/
#shops-logo {
  width: 330px;
  height: 33px;
  background-image: url("../im/homepage_header/editorspicks-title.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 330px 33px;
  -moz-background-size: 330px 33px;
  background-size: 330px 33px;
  margin: 30px auto 20px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #shops-logo {
      background-image: url("../im/homepage_header/editorspicks-title@2x.png"); } }
  #shops-logo.shops-logo-fr {
    width: 544px;
    height: 40px;
    background-image: url("../im/homepage_header/editorspicks-title-fr.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 544px 40px;
    -moz-background-size: 544px 40px;
    background-size: 544px 40px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      #shops-logo.shops-logo-fr {
        background-image: url("../im/homepage_header/editorspicks-title-fr@2x.png"); } }

#shops-welcome {
  text-align: center;
  max-width: 600px;
  margin: 10px auto;
  font-size: 14px;
  line-height: 21px; }

#shops-container {
  width: 960px;
  margin-bottom: 20px;
  font-size: 0;
  position: relative;
  margin: 0 auto; }

@media (max-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  #shops-container {
    width: 640px; }

  .home-tab-container li a {
    width: 150px !important; }

  .filtered-products .product-container {
    width: 800px; } }
@media (max-width: 800px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .filtered-products .product-container {
    width: 600px; } }
@media (max-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  #shops-container {
    width: 320px; }

  .home-tab-container li a {
    width: 150px !important; }

  .filtered-products .product-container {
    width: 400px; } }
.shop-section-seperator {
  width: 940px;
  height: 5px;
  background-color: #ee0066;
  margin-top: 5px;
  margin-bottom: 40px; }

/** End Shops styles **/
.home-tab-container {
  height: 50px;
  background-color: rgba(32, 31, 30, 0.9); }
  .home-tab-container .home-action-bar {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 50px; }
  .home-tab-container .home-tab-inner {
    overflow: hidden;
    width: 573px;
    float: left; }
  .home-tab-container .ui-tabs-nav {
    height: 2em; }
  .home-tab-container li {
    height: 50px;
    border-right: 1px solid #444444;
    float: left; }
  .home-tab-container li a {
    width: 190px;
    text-align: center;
    color: white;
    font-size: 13px;
    float: left;
    padding: 15px 0; }
  .home-tab-container li.ui-tabs-active {
    background-color: white; }
    .home-tab-container li.ui-tabs-active a {
      color: #201f1e;
      font-weight: bold; }
    .home-tab-container li.ui-tabs-active .eclusive-star-white {
      background-position: 0 -2159px;
      width: 16px;
      height: 16px; }
    .home-tab-container li.ui-tabs-active .popular-heart-white {
      background-position: 0 -2179px;
      width: 14px;
      height: 16px; }
    .home-tab-container li.ui-tabs-active .arrivals-clock-white {
      background-position: 0 -2215px;
      width: 16px;
      height: 16px; }

.product-container {
  width: 1000px;
  min-height: 500px;
  margin: 0 auto;
  position: relative;
  margin-top: 40px; }
  .product-container .card, .product-container .non-card.product {
    float: left; }
  .product-container .largeCell {
    margin: 20px 30px 10px 0; }

.home-body {
  position: relative;
  margin-top: 550px;
  z-index: 10; }
  .home-body .home-content {
    background: white;
    padding-top: 30px; }
    .home-body .home-content #shops-logo {
      margin-top: 0; }

.home-social-buttons {
  float: right;
  margin-top: 15px;
  margin-right: 10px; }
  .home-social-buttons .socialButtonsLabel {
    position: relative;
    top: -6px;
    right: 15px;
    color: #999999; }

.homeInlineAd {
  width: 300px;
  height: 300px;
  float: right;
  overflow: hidden;
  text-align: center;
  display: table;
  vertical-align: middle;
  margin-right: 20px; }
  .homeInlineAd .homeInlineAdInner {
    display: table-cell;
    vertical-align: middle; }

.circular-ad-placement {
  position: relative;
  bottom: 80px;
  float: right;
  margin-right: 35px; }
  .circular-ad-placement a img {
    border: 0; }

.home-ad-placement {
  position: absolute;
  bottom: 47px;
  right: -1px; }
  .home-ad-placement a img {
    border: 0; }

.filtered-products {
  position: relative; }
  .filtered-products.loading:after {
    top: 50px;
    background: white;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    display: block; }
  .filtered-products.loading:before {
    position: absolute;
    background-image: url("../im/fault-loader.gif");
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    right: 50%;
    top: 100px;
    z-index: 100; }

.home-see-more {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px; }

.simpleHome .trendingBrands, .simpleHome .home-ad-placement {
  display: none; }
.simpleHome .nav-container .menu-item-sale-alerts {
  display: none; }
.simpleHome .page-header .feed {
  display: none; }
.simpleHome .starscream-footer .mailingContainer {
  display: none; }
.simpleHome .starscream-footer .infoLinks {
  text-align: center;
  float: none;
  width: 100%; }
  .simpleHome .starscream-footer .infoLinks ul {
    text-align: center; }
    .simpleHome .starscream-footer .infoLinks ul li {
      float: none;
      display: inline-block; }
.simpleHome .starscream-footer .legalFooter {
  margin-top: 5px; }

/***** Custom Scrollers *****/
/***********************/
/* Scroller           */
/***********************/
.track1 {
  width: 220px;
  height: 18px;
  position: absolute;
  top: -1px;
  left: 0; }

.track2 {
  background-color: #666666;
  height: 1px;
  top: 8px;
  left: -2px;
  position: absolute; }

/* Bug #571 -- IE7 requires a background with some color for events to be recognized */
.trackBackground {
  background-color: white;
  height: 17px;
  top: 0;
  left: 0;
  position: absolute; }

.handle1 {
  z-index: 2;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 0; }

.defaultCustomScrollContainer, .filterCustomScrollContainer, .categoryCustomScrollContainer {
  position: relative;
  left: 0;
  right: 0;
  overflow-y: hidden; }

.defaultCustomScrollTrack, .filterCustomScrollTrack, .categoryustomScrollTrack, .categoryCustomScrollTrack {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  background-color: transparent;
  cursor: arrow;
  height: 100%; }

.defaultCustomScrollHandle, .filterCustomScrollHandle, .categoryCustomScrollHandle, .categoryCustomScrollHandle {
  position: absolute;
  width: 8px;
  background-color: transparent;
  cursor: arrow;
  opacity: 0.9;
  -moz-opacity: 0.9;
  min-height: 30px; }

.defaultCustomScrollContent, .filterCustomScrollContent, .categoryCustomScrollContent, .categoryCustomScrollContent {
  position: absolute;
  left: 5px;
  top: 0;
  right: 8px;
  overflow: hidden; }

.categoryCustomScrollContent, .filterCustomScrollContent {
  left: -10px;
  padding-left: 10px; }

#ssfCustomScrollContent {
  left: 0; }

.filterCustomScrollHandle, .categoryCustomScrollHandle {
  width: 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.filterCustomScrollTrack, .categoryustomScrollTrack {
  width: 6px; }

.filterCustomScrollContent, .categoryCustomScrollContent {
  right: 6px; }

#mssCustomScrollContent, #msaCustomScrollContent {
  overflow: normal; }
  #mssCustomScrollContent a, #msaCustomScrollContent a {
    white-space: normal; }

.reviewContainer {
  width: 100%;
  overflow: hidden;
  padding-top: 30px; }
  .reviewContainer .reviewSummaryContainer {
    width: 345px;
    margin-right: 35px;
    float: left; }
  .reviewContainer .reviewHeader {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px; }
  .reviewContainer .reviewSummary {
    width: 345px;
    background-color: #f5f3f1;
    padding: 30px; }
    .reviewContainer .reviewSummary .ratingSummary {
      width: 100%;
      border-bottom: 1px solid #e5e3e1; }
    .reviewContainer .reviewSummary .otherRatingContainer {
      width: 100%;
      overflow: hidden;
      margin-bottom: 30px; }
      .reviewContainer .reviewSummary .otherRatingContainer .fitRating, .reviewContainer .reviewSummary .otherRatingContainer .qualityRating {
        font-size: 11px; }
        .reviewContainer .reviewSummary .otherRatingContainer .fitRating .ratingLabel, .reviewContainer .reviewSummary .otherRatingContainer .qualityRating .ratingLabel {
          font-size: 16px;
          margin-bottom: 4px;
          margin-right: 5px; }
        .reviewContainer .reviewSummary .otherRatingContainer .fitRating .ratingText, .reviewContainer .reviewSummary .otherRatingContainer .qualityRating .ratingText {
          font-weight: bold;
          color: #201f1e;
          font-size: 16px; }
        .reviewContainer .reviewSummary .otherRatingContainer .fitRating .ratingImage, .reviewContainer .reviewSummary .otherRatingContainer .qualityRating .ratingImage {
          float: left; }
      .reviewContainer .reviewSummary .otherRatingContainer .qualityRating {
        margin-top: 10px; }
    .reviewContainer .reviewSummary .reviewButtonContainer {
      padding-top: 30px; }
      .reviewContainer .reviewSummary .reviewButtonContainer .btn {
        width: 100%;
        font-size: 14px; }
    .reviewContainer .reviewSummary .overallAverage {
      overflow: hidden;
      margin-bottom: 25px; }
      .reviewContainer .reviewSummary .overallAverage .numberOfRatings {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 14px;
        text-transform: uppercase; }
      .reviewContainer .reviewSummary .overallAverage div {
        float: left; }
    .reviewContainer .reviewSummary .ratingHistogram {
      padding: 30px 0;
      height: 170px;
      border-bottom: 1px solid #e5e3e1; }
      .reviewContainer .reviewSummary .ratingHistogram .barLabel {
        float: left;
        font-size: 15px;
        font-weight: bold;
        color: #201f1e; }
      .reviewContainer .reviewSummary .ratingHistogram .ratingBar {
        width: 200px;
        height: 12px;
        background-color: #cdccca;
        float: left;
        margin: 3px 10px; }
      .reviewContainer .reviewSummary .ratingHistogram .ratingBarRow {
        font-size: 11px;
        margin-bottom: 5px;
        overflow: hidden; }
        .reviewContainer .reviewSummary .ratingHistogram .ratingBarRow .fillBar {
          width: 0%;
          height: 100%;
          background-color: #666666; }
      .reviewContainer .reviewSummary .ratingHistogram .ratingCount {
        float: left;
        font-size: 15px;
        font-weight: bold; }

.productReviewContainer {
  float: left;
  width: 600px;
  border-bottom: 1px solid #e5e3e1; }

.individualReviewContainer {
  float: left;
  width: 600px; }

.previewContainer .individualReview {
  border-top: 0; }

#reviewBottomPanel {
  width: 100%;
  clear: both;
  text-align: center; }

.individualReview {
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 0 10px;
  border-top: 1px solid #e5e3e1; }
  .individualReview .reviewInfo {
    height: 40px;
    padding: 0 75px 5px;
    position: relative; }
    .individualReview .reviewInfo .reviewAuthor {
      font-weight: bold;
      margin-bottom: 5px; }
      .individualReview .reviewInfo .reviewAuthor a {
        color: #201f1e; }
    .individualReview .reviewInfo .reviewRating {
      float: left; }
    .individualReview .reviewInfo .otherRatings {
      float: left;
      margin-top: 1px;
      margin-left: 18px; }
      .individualReview .reviewInfo .otherRatings .otherRatingsLabel {
        text-transform: uppercase;
        font-size: 11px; }
      .individualReview .reviewInfo .otherRatings .otherRatingsText {
        margin-left: 5px;
        color: #201f1e;
        font-weight: bold;
        font-size: 13px; }
    .individualReview .reviewInfo .profile-picture {
      position: absolute;
      left: 5px;
      top: -5px; }
  .individualReview .reviewContent {
    max-height: 100px;
    margin: 5px 75px 0;
    overflow: hidden;
    line-height: 20px; }
    .individualReview .reviewContent .reviewTitle {
      font-weight: bold; }
  .individualReview .reviewControls {
    padding: 10px 20px 0;
    overflow: hidden;
    position: relative;
    top: 5px; }
    .individualReview .reviewControls .reportText {
      float: left;
      margin-left: 55px;
      color: #ee0066; }
    .individualReview .reviewControls .reportButton {
      float: right; }
      .individualReview .reviewControls .reportButton a {
        color: #666666; }

.writeReview, .writeReviewRollover {
  margin-top: 1px;
  margin-left: 15px;
  float: left;
  font-size: 12px; }
  .writeReview a, .writeReviewRollover a {
    color: #999999;
    cursor: pointer;
    white-space: normal; }
    .writeReview a:hover, .writeReviewRollover a:hover {
      white-space: normal;
      text-decoration: underline; }
  .writeReview .reviewSeparator, .writeReviewRollover .reviewSeparator {
    cursor: default;
    position: relative;
    top: -1px;
    color: #999999; }

.writeReviewRollover {
  float: none;
  margin-left: 0; }
  .writeReviewRollover .rollover-stars {
    position: relative;
    top: 1px;
    margin-right: 3px; }

.reviewAverage {
  float: left; }

.reviewContent .ui-see-more-button {
  width: 130px;
  height: 20px;
  text-align: right;
  background: white; }

.ratingProductLabel {
  margin-top: 15px;
  overflow: hidden; }

.contestFlag {
  width: 96px;
  height: 24px;
  background-image: url("../im/flag-reviewpromo.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 96px 24px;
  -moz-background-size: 96px 24px;
  background-size: 96px 24px;
  float: left;
  margin-left: 5px;
  color: white;
  text-align: center;
  line-height: 24px;
  padding-left: 5px;
  font-size: 11px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .contestFlag {
      background-image: url("../im/flag-reviewpromo@2x.png"); } }

.contestText {
  float: left;
  width: 230px;
  font-size: 11px;
  margin-left: 10px; }

.contestBanner {
  width: 860px;
  height: 60px;
  background-image: url("../im/banner-reviewpromo.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 860px 60px;
  -moz-background-size: 860px 60px;
  background-size: 860px 60px;
  margin: 0 auto; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .contestBanner {
      background-image: url("../im/banner-reviewpromo@2x.png"); } }

.reviewContestLink {
  color: #ee0066; }

.authorCredit {
  font-size: 11px;
  font-style: italic;
  font-weight: normal; }

.report-flag-grey {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -719px;
  height: 11px;
  width: 11px;
  margin-right: 3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .report-flag-grey {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.nextReviewButton {
  font-size: 14px;
  color: #ee0066;
  cursor: pointer;
  width: 200px;
  float: left; }

.brandReviewCellContainer {
  width: 100%;
  height: 310px;
  background-color: #f5f3f1;
  padding: 40px 0;
  margin-top: 40px;
  margin-bottom: 20px; }
  .brandReviewCellContainer .brandInfo {
    width: 28%;
    height: 100%;
    float: left; }
  .brandReviewCellContainer .reviewInfo {
    width: 72%;
    height: 100%;
    float: left;
    border-left: 1px solid;
    padding: 0 30px; }
  .brandReviewCellContainer .reviewRatingContainer {
    overflow: hidden;
    margin-bottom: 20px; }
    .brandReviewCellContainer .reviewRatingContainer div, .brandReviewCellContainer .reviewRatingContainer span {
      float: left; }
    .brandReviewCellContainer .reviewRatingContainer .reviewRatingLabel {
      font-size: 18px;
      font-weight: bold;
      margin-top: 7px;
      margin-right: 10px; }
    .brandReviewCellContainer .reviewRatingContainer .reviewCount {
      font-size: 14px;
      margin-left: 10px;
      margin-top: 11px; }
  .brandReviewCellContainer .brandReview {
    height: 180px;
    width: 50%;
    padding-right: 20px;
    float: left; }
    .brandReviewCellContainer .brandReview .profile-picture {
      float: left; }
    .brandReviewCellContainer .brandReview .reviewDetails {
      float: left;
      margin-top: 10px;
      margin-left: 10px;
      max-width: 75%; }
    .brandReviewCellContainer .brandReview .reviewAuthor {
      font-weight: bold; }
    .brandReviewCellContainer .brandReview .reviewTitle {
      font-weight: bold;
      margin-top: 10px; }
    .brandReviewCellContainer .brandReview .reviewDescription {
      margin-top: 3px;
      height: 110px;
      line-height: 18px;
      overflow: hidden; }
  .brandReviewCellContainer .review2 {
    float: right; }

.rating-stars-large .rating {
  width: 167px;
  height: 33px;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url("../im/reviews-sprite.png") no-repeat 0 0; }
.rating-stars-large ul .rating {
  float: left; }
.rating-stars-large ul.rating li {
  cursor: pointer;
  float: left;
  text-indent: -999em; }
  .rating-stars-large ul.rating li.stars-1 a {
    left: 0; }
    .rating-stars-large ul.rating li.stars-1 a:hover {
      background-position: 0 -35px; }
  .rating-stars-large ul.rating li.stars-2 a {
    left: 33px; }
    .rating-stars-large ul.rating li.stars-2 a:hover {
      background-position: 0 -70px; }
  .rating-stars-large ul.rating li.stars-3 a {
    left: 66px; }
    .rating-stars-large ul.rating li.stars-3 a:hover {
      background-position: 0 -105px; }
  .rating-stars-large ul.rating li.stars-4 a {
    left: 99px; }
    .rating-stars-large ul.rating li.stars-4 a:hover {
      background-position: 0 -140px; }
  .rating-stars-large ul.rating li.stars-5 a {
    left: 132px; }
    .rating-stars-large ul.rating li.stars-5 a:hover {
      background-position: 0 -175px; }
  .rating-stars-large ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 33px;
    text-decoration: none;
    z-index: 200; }
    .rating-stars-large ul.rating li a:hover {
      z-index: 2;
      overflow: hidden;
      left: 0;
      width: 167px;
      height: 33px;
      background: url("../im/reviews-sprite.png") no-repeat 0 0; }
.rating-stars-large .stars-0 {
  background-position: 0 0; }
.rating-stars-large .stars-1 {
  background-position: 0 -35px; }
.rating-stars-large .stars-2 {
  background-position: 0 -70px; }
.rating-stars-large .stars-3 {
  background-position: 0 -105px; }
.rating-stars-large .stars-4 {
  background-position: 0 -140px; }
.rating-stars-large .stars-5 {
  background-position: 0 -175px; }

.rating-stars-mobile {
  margin-top: 10px; }
  .rating-stars-mobile .rating {
    width: 240px;
    height: 36px;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    clear: both;
    position: relative;
    background: url("../im/mobile/product-sprite.png") no-repeat 0 0; }
  .rating-stars-mobile ul .rating {
    float: left; }
  .rating-stars-mobile ul.rating li {
    cursor: pointer;
    float: left;
    text-indent: -999em; }
    .rating-stars-mobile ul.rating li.stars-1 a {
      left: 0; }
      .rating-stars-mobile ul.rating li.stars-1 a:hover {
        background-position: 0 -44px; }
    .rating-stars-mobile ul.rating li.stars-2 a {
      left: 44px; }
      .rating-stars-mobile ul.rating li.stars-2 a:hover {
        background-position: 0 -89px; }
    .rating-stars-mobile ul.rating li.stars-3 a {
      left: 89px; }
      .rating-stars-mobile ul.rating li.stars-3 a:hover {
        background-position: 0 -134px; }
    .rating-stars-mobile ul.rating li.stars-4 a {
      left: 133px; }
      .rating-stars-mobile ul.rating li.stars-4 a:hover {
        background-position: 0 -179px; }
    .rating-stars-mobile ul.rating li.stars-5 a {
      left: 178px; }
      .rating-stars-mobile ul.rating li.stars-5 a:hover {
        background-position: 0 -224px; }
    .rating-stars-mobile ul.rating li a {
      position: absolute;
      left: 0;
      top: 0;
      width: 41px;
      height: 36px;
      text-decoration: none;
      z-index: 200; }
      .rating-stars-mobile ul.rating li a:hover {
        z-index: 2;
        overflow: hidden;
        left: 0;
        width: 320px;
        height: 36px;
        background: url("../im/mobile/product-sprite.png") no-repeat 0 0; }
  .rating-stars-mobile .stars-0 {
    background-position: 0 0; }
  .rating-stars-mobile .stars-1 {
    background-position: 0 -44px; }
  .rating-stars-mobile .stars-2 {
    background-position: 0 -89px; }
  .rating-stars-mobile .stars-3 {
    background-position: 0 -134px; }
  .rating-stars-mobile .stars-4 {
    background-position: 0 -179px; }
  .rating-stars-mobile .stars-5 {
    background-position: 0 -224px; }

.rating-circles-select .rating {
  width: 90px;
  height: 16px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url("../im/reviews-sprite.png") no-repeat 0 0; }
.rating-circles-select ul .rating {
  float: left; }
.rating-circles-select ul.rating li {
  cursor: pointer;
  float: left;
  text-indent: -999em; }
  .rating-circles-select ul.rating li.circles-1 a {
    left: 0; }
    .rating-circles-select ul.rating li.circles-1 a:hover {
      background-position: 0 -496px; }
  .rating-circles-select ul.rating li.circles-2 a {
    left: 20px; }
    .rating-circles-select ul.rating li.circles-2 a:hover {
      background-position: 0 -515px; }
  .rating-circles-select ul.rating li.circles-3 a {
    left: 40px; }
    .rating-circles-select ul.rating li.circles-3 a:hover {
      background-position: 0 -534px; }
  .rating-circles-select ul.rating li.circles-4 a {
    left: 60px; }
    .rating-circles-select ul.rating li.circles-4 a:hover {
      background-position: 0 -553px; }
  .rating-circles-select ul.rating li.circles-5 a {
    left: 80px; }
    .rating-circles-select ul.rating li.circles-5 a:hover {
      background-position: 0 -572px; }
  .rating-circles-select ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 16px;
    text-decoration: none;
    z-index: 200; }
    .rating-circles-select ul.rating li a:hover {
      z-index: 2;
      overflow: hidden;
      left: 0;
      width: 90px;
      height: 16px;
      background: url("../im/reviews-sprite.png") no-repeat 0 0; }
.rating-circles-select .circles-0 {
  background-position: 0 -477px; }
.rating-circles-select .circles-1 {
  background-position: 0 -496px; }
.rating-circles-select .circles-2 {
  background-position: 0 -515px; }
.rating-circles-select .circles-3 {
  background-position: 0 -534px; }
.rating-circles-select .circles-4 {
  background-position: 0 -553px; }
.rating-circles-select .circles-5 {
  background-position: 0 -572px; }

.rating-circles-mobile .rating {
  width: 240px;
  height: 42px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url("../im/mobile/product-sprite.png") no-repeat 0 0; }
.rating-circles-mobile ul .rating {
  float: left; }
.rating-circles-mobile ul.rating li {
  cursor: pointer;
  float: left;
  text-indent: -999em; }
  .rating-circles-mobile ul.rating li.circles-1 a {
    left: 0; }
    .rating-circles-mobile ul.rating li.circles-1 a:hover {
      background-position: 0 -673px; }
  .rating-circles-mobile ul.rating li.circles-2 a {
    left: 49px; }
    .rating-circles-mobile ul.rating li.circles-2 a:hover {
      background-position: 0 -723px; }
  .rating-circles-mobile ul.rating li.circles-3 a {
    left: 99px; }
    .rating-circles-mobile ul.rating li.circles-3 a:hover {
      background-position: 0 -773px; }
  .rating-circles-mobile ul.rating li.circles-4 a {
    left: 149px; }
    .rating-circles-mobile ul.rating li.circles-4 a:hover {
      background-position: 0 -823px; }
  .rating-circles-mobile ul.rating li.circles-5 a {
    left: 199px; }
    .rating-circles-mobile ul.rating li.circles-5 a:hover {
      background-position: 0 -873px; }
  .rating-circles-mobile ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 41px;
    height: 42px;
    text-decoration: none;
    z-index: 200; }
    .rating-circles-mobile ul.rating li a:hover {
      z-index: 2;
      overflow: hidden;
      left: 0;
      width: 240px;
      height: 42px;
      background: url("../im/mobile/product-sprite.png") no-repeat 0 0; }
.rating-circles-mobile .circles-0 {
  background-position: 0 -623px; }
.rating-circles-mobile .circles-1 {
  background-position: 0 -673px; }
.rating-circles-mobile .circles-2 {
  background-position: 0 -723px; }
.rating-circles-mobile .circles-3 {
  background-position: 0 -773px; }
.rating-circles-mobile .circles-4 {
  background-position: 0 -823px; }
.rating-circles-mobile .circles-5 {
  background-position: 0 -873px; }

.large-star-0 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 0;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-0 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.large-star-1 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -34px;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-1 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.large-star-2 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -69px;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-2 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.large-star-3 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -104px;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-3 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.large-star-4 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -139px;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-4 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.large-star-5 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -174px;
  height: 33px;
  width: 167px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .large-star-5 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-0 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -214px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-0 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-1 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -237px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-1 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-2 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -260px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-2 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-3 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -283px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-3 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-4 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -306px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-4 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.medium-star-5 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -329px;
  height: 21px;
  width: 104px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .medium-star-5 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-0 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -358px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-0 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-1 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -377px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-1 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-2 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -396px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-2 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-3 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -415px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-3 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-4 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -434px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-4 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-star-5 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -454px;
  height: 14px;
  width: 80px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-star-5 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-0 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -595px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-0 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-0 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -762px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-0 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-1 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -782px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-1 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-2 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -802px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-2 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-3 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -822px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-3 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-4 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -842px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-4 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.mini-star-5 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -862px;
  height: 11px;
  width: 63px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .mini-star-5 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-1 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -611px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-1 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-2 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -627px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-2 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-3 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -643px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-3 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-4 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -659px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-4 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

.small-circle-5 {
  display: inline-block;
  background-image: url("../im/reviews-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 167px 872px;
  -moz-background-size: 167px 872px;
  background-size: 167px 872px;
  background-position: 0 -675px;
  height: 13px;
  width: 72px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .small-circle-5 {
      background-image: url("../im/reviews-sprite@2x.png"); } }

/**
* Style for StyleFeed
**/
#sf-header {
  background: #e5e3e1;
  position: relative;
  /* hide the prev, next arrows, can only page by swiping */ }
  #sf-header .m-shared-carousel {
    margin: -40px 0;
    width: 300px;
    min-width: 300px; }
    #sf-header .m-shared-carousel.desktop {
      margin: 0; }
  #sf-header .m-shared-carousel-swipe-prev, #sf-header .m-shared-carousel-swipe-next {
    display: none !important; }

.scrollUp {
  display: none; }

#sf-explore-header {
  background: white;
  height: 60px;
  line-height: 60px; }
  #sf-explore-header.auto-height {
    height: auto;
    line-height: 12px; }
  #sf-explore-header .sf-header-title {
    width: 980px;
    margin: 0 auto; }
    #sf-explore-header .sf-header-title h1 {
      font-size: 22px; }
  #sf-explore-header .sf-header-content {
    margin: 20px auto; }
    #sf-explore-header .sf-header-content > div {
      display: inline-block;
      vertical-align: top;
      margin-right: 6px;
      margin-left: 5px; }
    #sf-explore-header .sf-header-content h1 {
      line-height: 30px; }
    #sf-explore-header .sf-header-content a {
      color: #201f1e; }
  #sf-explore-header h1 {
    font-size: 18px; }

.sf-tab-section-title {
  padding: 20px 0;
  font-weight: bold;
  font-size: 22px; }

.m-shared-carousel .sf-user-details {
  display: inline-block;
  width: auto;
  height: 110px;
  display: table-cell;
  vertical-align: middle; }
.m-shared-carousel .sf-header-panel {
  border: 0;
  width: 100%; }
.m-shared-carousel.desktop .m-shared-carousel-panel {
  width: 300px;
  display: inline-block;
  vertical-align: top; }
.m-shared-carousel.desktop .m-shared-carousel-panels {
  width: 605px; }
.m-shared-carousel.desktop .sf-user-bio {
  border-left: 1px solid #cdccca;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
  width: 300px; }
.m-shared-carousel .m-shared-carousel-panels {
  height: 150px;
  overflow: hidden; }

#sf-user-profile {
  background: #302f2e;
  color: white;
  height: 225px; }
  #sf-user-profile .sf-user-info {
    max-width: 600px;
    margin: 0 auto; }
  #sf-user-profile .sf-user-info-small {
    max-width: 300px; }
  #sf-user-profile .bioText {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding-left: 10px;
    max-height: 145px;
    overflow: hidden;
    width: 280px;
    position: relative; }
    #sf-user-profile .bioText .multi-ellipsis {
      background: black; }
  #sf-user-profile .sf-user-name {
    font-size: 16px; }

.sf-header-panel {
  width: 300px;
  max-height: 160px;
  padding: 0 10px;
  vertical-align: top; }
  .sf-header-panel.sf-user-bio {
    text-align: center; }

.sf-user-details {
  border-width: 0; }
  .sf-user-details .profile-picture, .sf-user-details .sf-user-base-info {
    display: inline-block;
    vertical-align: middle; }
  .sf-user-details .sf-user-base-info {
    margin-left: 20px;
    max-width: 155px; }
  .sf-user-details .sf-user-handle {
    font-size: 22px; }
  .sf-user-details .sf-user-action-btn {
    margin-top: 10px;
    margin-left: 5px; }
    .sf-user-details .sf-user-action-btn .m-btn {
      height: 28px;
      line-height: 29px;
      margin-bottom: 6px;
      width: 47%;
      float: left;
      margin-left: 5px;
      font-size: 12px;
      padding: 0;
      background: #403f3d;
      color: white; }

.sf-user-bio {
  line-height: 16px; }

ul.sf-filter-bar {
  min-height: 50px; }
  ul.sf-filter-bar > li {
    float: left;
    padding: 0 10px;
    height: 50px;
    line-height: 50px; }
    ul.sf-filter-bar > li a {
      color: #ee0066; }
    ul.sf-filter-bar > li.right {
      float: right; }
    ul.sf-filter-bar > li.selected {
      font-weight: bold; }
    ul.sf-filter-bar > li.search {
      width: 250px;
      border: 0;
      margin-right: 10px;
      list-style: none; }
      ul.sf-filter-bar > li.search:hover {
        background: none; }
      ul.sf-filter-bar > li.search .shopstyle-search-bar {
        border-radius: 22px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #cccccc;
        outline: 0;
        padding: 0 15px; }
      ul.sf-filter-bar > li.search .searchContainer {
        margin-top: 6px; }
      ul.sf-filter-bar > li.search .submit {
        top: 8px; }

#sf-user-image-banner {
  position: absolute;
  top: 0;
  height: 225px;
  width: 100%;
  overflow: hidden;
  text-align: center; }
  #sf-user-image-banner img {
    height: 100%;
    display: inline-block; }

.sf-header-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 225px;
  padding: 60px 0; }

#sf-profile-tabs {
  background: #e5e3e1;
  height: 50px;
  border-top: 2px solid white;
  width: 980px;
  margin: 0 auto;
  text-align: center; }
  #sf-profile-tabs .menu .menu-outer {
    z-index: 2000; }
  #sf-profile-tabs > li {
    display: inline-block;
    height: 100%;
    line-height: 50px;
    border-right: 2px solid white;
    text-transform: capitalize;
    float: left;
    min-width: 100px; }
    #sf-profile-tabs > li.right {
      float: right; }
    #sf-profile-tabs > li a {
      color: #201f1e;
      display: block;
      padding: 0 15px;
      cursor: pointer; }
      #sf-profile-tabs > li a span {
        font-weight: bold; }
    #sf-profile-tabs > li.selected, #sf-profile-tabs > li:hover, #sf-profile-tabs > li.ui-state-active {
      background: white; }
    #sf-profile-tabs > li.dropdown {
      border: 0;
      float: right;
      margin-top: 10px; }
      #sf-profile-tabs > li.dropdown:hover {
        background: none; }
      #sf-profile-tabs > li.dropdown .menu-outer {
        min-width: 100px; }
  #sf-profile-tabs div.li-btn {
    float: left;
    display: inline-block;
    height: 100%;
    line-height: 50px;
    text-transform: capitalize;
    margin-left: -4px; }
    #sf-profile-tabs div.li-btn.right {
      float: right; }
  #sf-profile-tabs.centered, #sf-profile-tabs.dealsRetailerTitle, #sf-profile-tabs.dealTitle, #sf-profile-tabs.dealSubtitle, #sf-profile-tabs.dealEndDate, #sf-profile-tabs.dealsCopyHint, #sf-profile-tabs.dealCheckoutCodeDiv, #sf-profile-tabs.clickToCopyHint {
    width: 100%; }
    #sf-profile-tabs.centered > li, #sf-profile-tabs.dealsRetailerTitle > li, #sf-profile-tabs.dealTitle > li, #sf-profile-tabs.dealSubtitle > li, #sf-profile-tabs.dealEndDate > li, #sf-profile-tabs.dealsCopyHint > li, #sf-profile-tabs.dealCheckoutCodeDiv > li, #sf-profile-tabs.clickToCopyHint > li {
      float: none; }
      #sf-profile-tabs.centered > li.search, #sf-profile-tabs.dealsRetailerTitle > li.search, #sf-profile-tabs.dealTitle > li.search, #sf-profile-tabs.dealSubtitle > li.search, #sf-profile-tabs.dealEndDate > li.search, #sf-profile-tabs.dealsCopyHint > li.search, #sf-profile-tabs.dealCheckoutCodeDiv > li.search, #sf-profile-tabs.clickToCopyHint > li.search {
        margin-left: 15px; }

.look-context-tabs, .explore-context-tabs {
  width: 100%;
  background: #e5e3e1; }
  .look-context-tabs #sf-profile-tabs, .explore-context-tabs #sf-profile-tabs {
    border-top: 0; }

.post-item {
  height: 430px;
  padding: 0 10px;
  width: 320px;
  display: inline-block;
  margin: 0 auto 20px;
  vertical-align: top;
  position: relative; }
  .post-item .by-line {
    font-size: 10px;
    font-weight: normal;
    margin-top: 5px;
    text-transform: uppercase;
    color: #201f1e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: none;
    text-align: left; }
    .post-item .by-line a {
      color: #201f1e; }
    .post-item .by-line .sf-icon {
      margin-right: 5px;
      position: relative;
      top: 3px; }
  .post-item .post-body {
    float: right;
    position: relative; }
    .mobile .post-item .post-body {
      width: 100%; }
  .post-item .post-image {
    width: 298px;
    height: 363px;
    line-height: 360px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e5e3e1; }
    .post-item .post-image img {
      vertical-align: middle;
      max-height: 300px;
      max-width: 300px; }
  .post-item a {
    text-decoration: none;
    color: #201f1e; }
  .post-item .card, .post-item .non-card.product {
    width: 100%;
    height: 100%; }
  .post-item .card.product .image, .post-item .product.non-card .image, .post-item .card.article .image {
    height: 363px;
    line-height: 360px;
    border-bottom: 1px solid #e5e3e1; }
  .post-item .social-container {
    padding: 0 !important;
    bottom: 2px !important;
    left: 10px; }
    .post-item .social-container .list-add {
      float: left;
      line-height: 16px;
      font-size: 11px;
      padding-left: 7px;
      margin: 0 0 3px 6px;
      border-left: 1px solid #cccccc; }
      .post-item .social-container .list-add a {
        color: #999999; }
  .post-item .social-container i,
  .post-item .post-info-container i {
    vertical-align: middle; }
  .post-item .social-container .comment-icon,
  .post-item .post-info-container .comment-icon {
    line-height: 16px;
    font-size: 11px;
    color: #999999;
    font-weight: bold; }
    .post-item .social-container .comment-icon .count,
    .post-item .post-info-container .comment-icon .count {
      padding-left: 5px;
      vertical-align: middle; }
  .post-item .post-info-container {
    color: #999999; }
  .post-item .item-text {
    font-size: 11px;
    color: #999999; }
  .post-item .detailsBadge {
    display: inline-block; }
  .post-item .user-container {
    position: absolute;
    right: 0;
    bottom: 25px; }
  .post-item .post-product-container {
    margin-top: 2px;
    width: 100%;
    height: 76px; }
  .post-item .post-product-cell {
    width: 72px;
    height: 76px;
    display: inline-block;
    text-align: center;
    line-height: 72px;
    border: 1px solid #e5e3e1; }
    .post-item .post-product-cell.blank {
      background-color: #e5e3e1;
      vertical-align: top; }
    .post-item .post-product-cell img {
      max-height: 74px;
      vertical-align: middle;
      max-width: 70px; }
  .post-item .look-product-title, .post-item .post-product-title {
    font-size: 11px; }
  .post-item .look-product-count {
    font-size: 10px;
    margin-top: 5px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .post-item .post-title-container {
    margin: 7px 10px 0;
    color: #201f1e;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .post-item .product .product-info {
    padding: 5px 0 5px 10px;
    margin-right: 45px; }
    .post-item .product .product-info span {
      height: 16px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin-bottom: 2px;
      margin-top: 2px; }
  .post-item .post-product-cell {
    width: 72px;
    height: 76px;
    display: inline-block;
    text-align: center;
    line-height: 72px; }
    .post-item .post-product-cell img {
      max-height: 74px;
      max-width: 74px;
      vertical-align: middle; }
    .post-item .post-product-cell.blank {
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      color: #666666;
      border: 0; }

.post-item.look .post-image {
  border: 1px solid #e5e3e1;
  width: 298px;
  height: 300px;
  line-height: 313px;
  text-align: center;
  overflow: hidden;
  position: relative; }
  .post-item.look .post-image img {
    vertical-align: middle;
    max-height: 300px;
    max-width: 300px; }
.post-item.look .edit-shop-btn {
  position: absolute;
  right: 20px;
  top: 15px;
  color: white; }
.post-item.look .delete-shop-button {
  position: absolute;
  right: 90px;
  top: 15px;
  color: white; }

.post-option-button {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
  background: rgba(245, 243, 241, 0.7);
  z-index: 100; }

.post-item-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  text-align: center;
  display: none; }

.post-share-overlay > span {
  line-height: 600px; }

/* Overrides for iphone version of the post-item */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .double-mobile.style-feed-body #content {
    padding-left: 10px; }

  .double-mobile .post-item {
    width: 49%;
    height: auto;
    margin: 0 auto;
    padding: 0 7px 10px 0;
    vertical-align: top; }
    .double-mobile .post-item .post-body {
      float: none; }
    .double-mobile .post-item .post-image {
      width: 100%;
      height: 150px;
      line-height: 150px; }
      .double-mobile .post-item .post-image img {
        max-width: 100%;
        max-height: 100%; }
    .double-mobile .post-item #productImage {
      height: 150px;
      line-height: 145px; }
      .double-mobile .post-item #productImage img {
        max-height: 145px;
        max-width: 137px; }
    .double-mobile .post-item .post-product-container {
      height: 35px; }
      .double-mobile .post-item .post-product-container .post-product-cell {
        width: 33px;
        height: 33px;
        line-height: 29px; }
        .double-mobile .post-item .post-product-container .post-product-cell img {
          max-width: 29px;
          max-height: 29px; }
    .double-mobile .post-item .post-title-container {
      margin-top: 0; }
    .double-mobile .post-item .look-product-title {
      font-size: 12px;
      line-height: 18px;
      margin-top: 0;
      height: 18px; }
    .double-mobile .post-item .look-product-count {
      font-size: 11px;
      margin-top: 0; } }
.sf-user-cell {
  width: 390px;
  height: 120px;
  padding-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #e5e3e1;
  display: inline-block;
  padding-top: 15px;
  position: relative; }
  .sf-user-cell .user-info {
    display: inline-block;
    padding: 15px 10px 0;
    vertical-align: top;
    max-width: 200px; }
    .sf-user-cell .user-info .name {
      width: 160px;
      font-weight: bold;
      font-size: 18px; }
      .sf-user-cell .user-info .name a {
        color: black;
        white-space: normal; }
    .sf-user-cell .user-info .count {
      margin-top: 10px;
      font-size: 14px;
      color: #403f3d; }
  .sf-user-cell .btn {
    position: absolute;
    right: 15px;
    top: 55px;
    min-width: 100px;
    text-align: center; }

.single-feed-post-header .inner {
  width: 800px;
  margin: 0 auto;
  background: white;
  position: relative; }
.single-feed-post-header .post-item-overlay {
  height: 100%;
  width: 100%; }
.single-feed-post-header .post-image {
  max-width: 500px;
  display: inline-block; }
  .single-feed-post-header .post-image img {
    max-width: 500px;
    height: 100%; }
.single-feed-post-header .post-bio {
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  width: 300px; }
  .single-feed-post-header .post-bio a {
    color: #ee0066;
    font-weight: bold;
    font-size: 14px;
    margin: 4px 0;
    display: block; }
    .single-feed-post-header .post-bio a:hover {
      text-decoration: underline; }
.single-feed-post-header .post-source {
  margin-top: 2px; }
  .single-feed-post-header .post-source a {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #868686; }
.single-feed-post-header .user-name-create {
  vertical-align: top;
  display: inline-block;
  margin-left: 6px;
  color: #cdccca; }
.single-feed-post-header .user-info {
  margin-top: 15px; }
.single-feed-post-header .look-description {
  margin-top: 10px;
  line-height: 16px;
  max-height: 307px;
  overflow: hidden;
  position: relative; }
  .single-feed-post-header .look-description .multi-ellipsis {
    background: white;
    line-height: 20px; }
.single-feed-post-header h1 {
  font-size: 20px; }

#look-comments-content {
  max-width: 600px;
  padding: 0 10px;
  margin: 0 auto; }

/* Overrides for iphone version of the post-item */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .single-feed-post-header {
    padding: 20px;
    max-height: none; }
    .single-feed-post-header .inner {
      width: 100%; }
    .single-feed-post-header .post-image img {
      height: auto;
      width: 100%; }
    .single-feed-post-header .post-image, .single-feed-post-header .post-bio {
      width: 100%;
      max-height: 300px; } }
.sf-icon {
  display: inline-block;
  background-image: url("../im/community-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-background-size: 130px 474px;
  -moz-background-size: 130px 474px;
  background-size: 130px 474px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .sf-icon {
      background-image: url("../im/community-sprite@2x.png"); } }

.heart-grey {
  background-position: 0 0;
  width: 17px;
  height: 15px; }

.list-grey {
  background-position: 0 -108px;
  width: 17px;
  height: 14px; }

.share-arrow-grey {
  background-position: 0 -24px;
  width: 21px;
  height: 13px; }

.down-arrow-grey {
  background-position: 0 -46px;
  width: 19px;
  height: 10px; }

.sf-image {
  display: inline-block;
  background-repeat: no-repeat;
  background-color: transparent; }
  .sf-image.signup-icon {
    background-image: url("../im/sf-signup-icon.png");
    -webkit-background-size: 116px 79px;
    -moz-background-size: 116px 79px;
    background-size: 116px 79px;
    width: 116px;
    height: 79px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .sf-image.signup-icon {
      background-image: url("../im/sf-signup-icon@2x.png"); } }

.sf-close-grey {
  background-position: -60px -247px;
  width: 12px;
  height: 12px; }

.sf-comment-container {
  width: 100%; }

.sf-comment {
  border-top: 1px solid #e5e3e1;
  padding: 10px 0;
  position: relative;
  font-size: 12px;
  min-height: 65px; }

.sf-comment-container {
  margin-top: 10px; }

.sf-comment-entry {
  padding-top: 10px;
  position: relative; }
  .sf-comment-entry input {
    border: 1px solid #e5e3e1;
    height: 40px;
    padding-left: 10px;
    width: 100%; }

.sf-comment-owner {
  display: inline-block;
  margin-right: 10px; }

.sf-comment-message {
  display: inline-block;
  vertical-align: top;
  width: 500px; }
  .sf-comment-message a .handle {
    display: block;
    font-weight: bold;
    color: black;
    padding: 5px 0; }

.sf-item-comments .stylebook-comment {
  max-width: 640px; }

.sf-comment-load-more {
  margin: 15px 0 10px;
  color: #999999;
  cursor: pointer; }

.sf-comment-date {
  position: absolute;
  right: 0;
  top: 15px;
  color: #999999; }

.sf-no-comments-message {
  text-align: center;
  display: block;
  height: 150px;
  line-height: 150px;
  font-weight: bold;
  font-size: 18px;
  color: #201f1e; }

/* show a post button for ipad and mobile */
.comment-submit {
  display: none; }

.style-feed-body {
  margin: 0 auto;
  width: 980px;
  position: relative;
  margin-top: 20px; }
  .style-feed-body.single-column {
    width: 730px; }
  .style-feed-body.users-page {
    width: 825px; }
  .style-feed-body.lo
  ok-page {
    width: 960px; }
  .style-feed-body.settings-page {
    width: 980px; }
  .style-feed-body .browserContentCell {
    left: 0; }
  .style-feed-body.explore {
    position: static;
    width: 1024px; }
  .style-feed-body #content {
    min-height: 300px; }
  .style-feed-body #next {
    visibility: hidden; }
  .style-feed-body .bubble-menu {
    margin-bottom: 20px; }
  .style-feed-body .no-users-message {
    padding-top: 80px;
    text-align: center;
    min-height: 200px;
    font-size: 20px; }
  .style-feed-body ul .btn.btn-primary {
    float: right;
    color: white; }

.facebook-friends .subheading {
  text-align: center;
  margin: 30px 0 20px; }
.facebook-friends h2 {
  font-size: 16px; }
.facebook-friends .facebook-connect-button {
  cursor: pointer;
  text-decoration: none;
  margin: 0 auto;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  color: white;
  border: 0;
  width: 250px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-transform: uppercase;
  background: #425fa1;
  border-color: #425fa1; }
.facebook-friends .facebook-logo {
  background-image: url("../im/fb_logo.png");
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 10px 5px 0;
  vertical-align: middle; }
.facebook-friends .user-container {
  min-height: 300px;
  margin-top: 20px; }

.sf-create-layout-section {
  text-align: center;
  padding-bottom: 20px; }

.sf-user-settings-submit.centered, .sf-user-settings-submit.dealsRetailerTitle, .sf-user-settings-submit.dealTitle, .sf-user-settings-submit.dealSubtitle, .sf-user-settings-submit.dealEndDate, .sf-user-settings-submit.dealsCopyHint, .sf-user-settings-submit.dealCheckoutCodeDiv, .sf-user-settings-submit.clickToCopyHint {
  text-align: center; }

.p-box {
  border: 2px solid #ccc; }

.stylebookEmpyContainer {
  text-align: center; }

#infscr-loading {
  background-image: url("../im/fault-loader.gif");
  width: 23px;
  height: 23px;
  margin: 0 auto; }
  #infscr-loading div {
    margin-left: 30px;
    line-height: 24px; }
  #infscr-loading img {
    display: none; }

#popsugar-nav #social.feed {
  top: 0;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0 10px; }
  #popsugar-nav #social.feed a {
    margin-top: 15px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    width: 100%;
    height: 100%; }

/*  1 cols - ipad portrait*/
@media all and (min-width: 320px) {
  .style-feed-body {
    margin: 0 auto;
    position: relative;
    margin-top: 20px; }
    .style-feed-body.single-column {
      width: 320px; }
    .style-feed-body.users-page {
      width: 400px; }
    .style-feed-body.look-page {
      width: 320px; } }
/*  2 cols - ipad portrait*/
@media all and (min-width: 650px) {
  .style-feed-body {
    margin: 0 auto;
    position: relative;
    margin-top: 20px; }
    .style-feed-body.single-column {
      width: 730px; }
    .style-feed-body.users-page {
      width: 810px; }
    .style-feed-body.look-page, .style-feed-body.settings-page {
      width: 650px; } }
.inputs-column {
  max-width: 600px;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px; }

.sf-form-link a {
  color: #ee0066; }

/*  min header width */
@media all and (max-width: 960px) {
  .style-feed-body {
    width: 100%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .style-feed-body {
    width: 320px; }
    .style-feed-body.settings-page {
      width: 320px; } }
/*  3 cols ipad landscape*/
@media all and (min-width: 980px) {
  .style-feed-body {
    margin: 0 auto;
    position: relative;
    margin-top: 20px; }
    .style-feed-body.look-page {
      width: 970px; }
    .style-feed-body.settings-page {
      width: 970px; } }
.noFeedMessage {
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  max-width: 600px;
  margin: 200px auto; }
  .noFeedMessage a {
    color: #ee0066; }

.error404message {
  font-size: 24px;
  text-align: center;
  padding-top: 100px;
  margin: 0;
  line-height: 30px; }
  .error404message h1 {
    font-size: 28px;
    display: block;
    margin-bottom: 10px; }
  .error404message p {
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    line-height: 22px; }
  .error404message .home-search-box {
    margin-bottom: 15px; }
  .error404message .links {
    font-size: 14px;
    margin-bottom: 80px; }
    .error404message .links a, .error404message .links a:visited {
      text-decoration: underline;
      color: #201f1e; }
    .error404message .links a:hover {
      text-decoration: underline;
      color: #ee0066; }
  .error404message .sitemap {
    border-top: 1px solid #e5e3e1;
    margin-bottom: -41px;
    padding: 50px; }
    .error404message .sitemap .colContainer {
      margin: 0 auto;
      width: 800px;
      text-align: justify; }
    .error404message .sitemap .col {
      display: inline-block;
      vertical-align: top;
      line-height: 25px; }
    .error404message .sitemap ul {
      text-align: left;
      list-style-type: none;
      padding: 0; }
    .error404message .sitemap li {
      font-size: 14px;
      padding: 0; }
      .error404message .sitemap li a,
      .error404message .sitemap li a:visited {
        color: #201f1e; }
      .error404message .sitemap li a:hover {
        color: #ee0066; }
      .error404message .sitemap li.heading {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px; }
    .error404message .sitemap .stretch {
      display: inline-block;
      width: 100%;
      height: 0; }

#searchFrm404 {
  border: 1px solid #e5e3e1; }

.tooltip {
  display: none;
  color: #f2f1ee;
  background: #201f1e;
  background-color: rgba(32, 31, 30, 0.9);
  margin: 10px auto;
  margin-left: -22px;
  padding: 5px 5px 0 5px;
  position: relative;
  width: 195px;
  height: 200px;
  -moz-box-shadow: 0 0 5px 888;
  -webkit-box-shadow: 0 0 5px 888;
  z-index: 10; }
  .tooltip a {
    text-decoration: none; }
  .tooltip a.close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 4px; }
    .tooltip a.close-btn div.dialog-close:hover {
      background-position: -40px -1903px; }
  .tooltip .tooltip-inner {
    margin: 0 auto;
    width: 85%;
    height: 150px; }
    .tooltip .tooltip-inner h3 {
      font-weight: normal;
      margin: 10px;
      padding-top: 10px;
      margin-left: 0;
      line-height: 1.3em;
      font-size: 1.25em; }
    .tooltip .tooltip-inner p {
      font-size: .8em;
      line-height: 20px; }
  .tooltip p.tooltip-text {
    margin-top: 10px; }
  .tooltip h3 + p.tooltip-text {
    margin: 0; }
  .tooltip .tooltip-link {
    color: #ee0066;
    margin-top: 10px; }
  .tooltip div.tooltip-nav {
    opacity: 1.0;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    width: 85%;
    text-align: center;
    border-top: 1px solid #878787;
    padding-top: 9px;
    font-size: 12px; }
    .tooltip div.tooltip-nav a.tooltip-prev {
      color: #bcb9b6;
      float: left; }
    .tooltip div.tooltip-nav a.tooltip-next {
      background-color: transparent;
      color: #ee0066;
      text-transform: uppercase; }
    .tooltip div.tooltip-nav a.done-btn {
      position: relative;
      top: 3px;
      text-transform: uppercase;
      background-color: #ee0066;
      color: #f2f1ee;
      padding: 7px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    .tooltip div.tooltip-nav span.tooltip-status {
      float: right;
      color: #878787;
      font-size: 11px; }

.tooltip-arrow-border, .tooltip-arrow {
  opacity: .9;
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -19px;
  left: 0; }
  .tooltip-arrow-up .tooltip-arrow-border, .tooltip-arrow-up .tooltip-arrow {
    border-color: transparent transparent #000 transparent;
    top: -19px; }
  .tooltip-arrow-right .tooltip-arrow-border, .tooltip-arrow-right .tooltip-arrow {
    border-color: transparent transparent transparent #000;
    right: -19px;
    left: auto; }

.partner-click-to-copy-tooltip {
  position: absolute;
  z-index: 9999;
  width: 120px;
  bottom: -8px;
  font-size: 16px;
  right: 25px;
  transition: all 2s ease;
  -webkit-transition: all 2s ease;
  height: 40px;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  background-color: rgba(32, 31, 30, 0.8);
  padding-top: 5px; }
  .partner-click-to-copy-tooltip .tooltip-arrow-border, .partner-click-to-copy-tooltip .tooltip-arrow {
    right: -12px;
    left: auto;
    top: 16px;
    opacity: 0.4;
    border-color: transparent transparent transparent #000;
    border-width: 6px; }
  .partner-click-to-copy-tooltip p.tooltip-text {
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    margin: 0; }

.partner-disabled .tooltip-inner {
  width: 95%; }

.marchesa-backdrop-container {
  height: 900px;
  width: 100%;
  position: relative;
  z-index: -1;
  overflow: hidden; }

.marchesa-backdrop {
  background-image: url("../im/marchesa-backdrop.png");
  background-position: center;
  background-position-y: -130px;
  background-size: cover;
  width: 100%;
  height: 1400px;
  position: relative;
  z-index: -2; }

.marchesa-backdrop2 {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  height: 1400px; }

.marchesa-container {
  position: absolute;
  top: 0;
  width: 100%; }
  .marchesa-container form {
    margin-top: 40px; }
  .marchesa-container input {
    font-family: Bodoni, Georgia, serif; }
  .marchesa-container .submit {
    height: 36px;
    border: 1px #ccc solid;
    border-left: 0px;
    border-radius: 0;
    margin-left: -4px; }
  .marchesa-container .title {
    letter-spacing: 2px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-size: 20px; }

.marchesa-success-message {
  color: white;
  font-family: Bodoni, Georgia, serif;
  display: block;
  margin: 20px auto; }

.marchesa-content {
  width: 680px;
  margin: 120px auto 0;
  text-align: center; }

.marchesa-tagline {
  color: white;
  font-size: 16px; }
  .marchesa-tagline span {
    display: block;
    font-family: Bodoni, Georgia, serif;
    font-size: 18px;
    line-height: 28px; }
  .marchesa-tagline .marchesa-teaser {
    margin: 25px 0;
    letter-spacing: 1px; }
  .marchesa-tagline .marchesa-date {
    font-style: italic; }

.marchesa-logo {
  background-image: url("../im/marchesa-title.png");
  width: 385px;
  height: 215px;
  background-size: contain;
  display: inline-block; }

.marchesa-bar {
  margin: 75px auto;
  width: 150px;
  border-bottom: 2px solid #2D459F; }

.universalProduct {
  position: relative; }

.card.product .universal-card, .product.non-card .universal-card, .card.article .universal-card {
  border: 1px solid #e5e3e1; }
.card .universal-product-button, .non-card.product .universal-product-button {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #cdccca;
  display: none;
  z-index: 9999; }
.card:hover .universal-product-button, .non-card.product:hover .universal-product-button {
  display: block; }

.combined-info-container {
  overflow: hidden;
  margin-bottom: 20px; }
  .combined-info-container .combined-info-cell {
    float: left;
    margin-left: 10px; }

/** random styles in here **/
.poweredBy {
  font-size: 10px;
  white-space: normal;
  overflow: hidden;
  line-height: 11px;
  width: 152px; }
  .poweredBy a {
    /* defeat whatever we inherit from overall page or partner css */
    color: #999999 !important;
    font-weight: normal !important; }

/* link pseudo classes have higher specificity than inherited properties, so must specify explicitly for them too */
.menuText:hover, .menuText a:hover {
  color: #201f1e; }

/* second form needed to beat specificity of .SSContainer rule above */
.textLink, a.textLink {
  text-decoration: underline; }

.textLink:hover, .textLink a:hover {
  color: #201f1e; }

.popupMenuBody {
  background: white; }

.popupSeparator {
  margin: 5px 0;
  background-color: #d5d3d3; }

.hilite, .menuTextHilite {
  color: #201f1e; }

.grayTextField {
  text-align: left;
  margin: 0;
  padding: 3px 0 2px 3px;
  line-height: 1.2;
  color: #666666; }

.clickable, .productLink {
  cursor: pointer; }

.productLink {
  color: #201f1e;
  -webkit-font-smoothing: auto; }

.pageHeader {
  background: #201f1e;
  position: relative;
  /* for positioning logo */
  height: 83px;
  min-width: 980px;
  z-index: 30;
  box-shadow: 0 1px 3px #d8d8d8; }
  .pageHeader #localeCell {
    padding: 2px;
    background-color: white; }
  .pageHeader .hilite {
    color: #666666; }

.wrapperLogo {
  display: block;
  position: absolute;
  left: 15px;
  top: 15px; }

.legal {
  margin: 30px 140px 20px 140px; }
  .legal li {
    padding: 0; }

.legalSubSection {
  margin-left: 25px; }

/****************/
/* ScrollingDiv */
/****************/
.scrollingDivContainer {
  position: relative;
  /* set up a positioning context for buttons and contents */
  overflow: scroll;
  /* Safari doesn't support overflow-x, y yet, but will in next release */
  overflow-x: hidden;
  overflow-y: scroll; }

@media only screen and (device-width: 768px) {
  /* iPad layouts overrides */
  .scrollingDivContainer {
    -webkit-overflow-scrolling: touch; } }
/****************/
/* Scroll List for Shipping Country*/
/****************/
.scrollListSelected {
  background-color: #d5d3d3; }

.hintBubble {
  background-color: #ffffd3;
  border: 1px solid #cecfa2; }

/*******************/
/* Profile Editing */
/*******************/
.profileBlockTitle {
  font-size: 11px;
  font-weight: bold;
  height: 21px;
  /* just let it run outside its borders, vs causing a containing col to widen */
  white-space: nowrap;
  width: 20px; }

/*******************/
/* Profile Picking Layout */
/*******************/
.pickerContainer td {
  vertical-align: top;
  text-align: left; }
.pickerContainer p {
  line-height: 18px;
  margin: 0 0 3px 0;
  overflow: hidden;
  width: 215px; }

.pickerContainer-3Col td, .pickerContainer-3Col p {
  width: 215px; }

.pickerContainer-2Col td, .pickerContainer-2Col p {
  width: 325px; }

#sizePicker p {
  width: auto; }

ul.pickerTabs {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both; }

.pickerTabs li {
  float: left;
  margin-right: 7px;
  padding: 0;
  text-align: center; }
  .pickerTabs li a {
    display: block;
    padding: 3px 12px;
    border: 1px #999999 solid;
    border-bottom: 0;
    background-color: #e1e0e0; }
    .pickerTabs li a:hover {
      color: #201f1e; }
    .pickerTabs li a.active {
      border: 1px #999999 solid;
      border-bottom: 1px solid white;
      color: #201f1e;
      background-color: white; }

#pickerSelectedCount {
  font-size: 11px; }
  #pickerSelectedCount a.active {
    font-size: 11px; }

.brandListTitle {
  font-size: 15px;
  white-space: normal;
  margin: 10px 0; }

/** Moving this chunk of styles from brandsPicker.html **/
#saleAlertBrandList .scrollingDivContainer {
  border: 0; }
  #saleAlertBrandList .scrollingDivContainer p {
    margin-top: 0;
    margin-bottom: 3px; }

#totalBrandPicker li.pickerTab {
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 0; }
  #totalBrandPicker li.pickerTab a {
    margin: 4px 0;
    border: 0;
    background-color: white; }
  #totalBrandPicker li.pickerTab a.active {
    color: #201f1e;
    border: 0; }
#totalBrandPicker #first a {
  border-left: 0; }

.brandPickerTitle {
  padding: 15px 0 15px 15px;
  font-weight: lighter;
  font-size: 24px;
  color: #201f1e; }

#saleAlertBrandContent > div:first-child {
  height: 29px;
  max-height: 29px; }
#saleAlertBrandContent .tabContent {
  clear: both;
  padding-left: 20px;
  border-right: 1px solid #dddddd; }

.sample-sale-alert-holder {
  overflow: auto;
  padding-left: 20px;
  margin-top: 10px; }
  .sample-sale-alert-holder .sale-alert {
    float: left;
    margin-bottom: 10px; }

.saleAlertBrowser .no-matches-header {
  width: 100%; }

.error404message {
  font-size: 24px;
  text-align: center;
  padding: 120px 0 160px 0;
  margin: 0 20px;
  line-height: 30px; }

.breadcrumbs {
  color: #666666;
  background: #f5f3f1;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin: 0 5px; }
  .breadcrumbs a {
    color: #666666;
    margin: 0 5px; }

#browse-footer {
  height: 400px;
  background: #ecebe9;
  width: 100%;
  margin-top: 20px;
  padding-left: 20px;
  overflow: hidden;
  position: relative; }
  #browse-footer .shopsFooterContainer {
    width: 969px;
    margin: 0 auto;
    white-space: nowrap; }
  #browse-footer .moreShopsLink {
    position: absolute;
    top: 38px;
    right: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #ee0066; }
  #browse-footer .moreShopsArrow {
    margin-left: 2px; }

.video-overlay-button {
  top: -50%; }

.browserContentCell.wide .rawCell {
  float: left; }

.saleAlertBrowser .productViewerWrapper {
  left: 20px; }

/* overrides for the touch version of the fitler nav */
#browserContent.touch .browserContentCell.wide {
  left: 20px; }

.js .productViewer {
  position: absolute;
  width: auto; }
.js .cellBrowserWrapper {
  position: absolute; }
.js .productViewerWrapper {
  position: absolute; }
.js #browserContentCell.browserContentCell {
  position: absolute;
  overflow: visible; }
.js #seeMoreBar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 43px;
  background-color: transparent;
  visibility: hidden;
  text-align: center; }

.browserContentCell.wide {
  left: 0; }
  .browserContentCell.wide .departmentHeader {
    padding: 0; }

#browserContent.browsePage .productViewerWrapper {
  left: 235px; }

#browserContentCell {
  padding: 0; }

.departmentHeader {
  padding: 20px 0; }

.resultCount {
  font-size: 14px;
  font-weight: bold;
  color: #201f1e;
  text-transform: capitalize; }

.departmentHeaderContainer {
  position: absolute;
  z-index: 100;
  top: 0; }

.intlMenus {
  padding-top: 10px;
  padding-right: 10px; }

#pageWrapperBody #browserContent.touch .browserContentCell.wide {
  left: 0; }
#pageWrapperBody #browserContent.touch .productViewerWrapper {
  left: 20px; }

.touch .social-container .social-list-hook {
  display: none; }

.item-details .wrapTitle.first {
  margin-right: 30px; }

.priceAlertImageContainer {
  overflow: hidden; }

.sale-alert-inline-dialog {
  display: none;
  position: absolute; }

#logged-in-as-dialog {
  width: 100%;
  opacity: 0.6;
  z-index: 20000;
  position: absolute;
  top: 0;
  background-color: yellow;
  text-align: center;
  padding: 1px; }
  #logged-in-as-dialog span {
    margin-right: 10px; }

.uv-icon.uv-bottom-right {
  bottom: 70px !important; }

.trend-book-page {
  background-image: url("/im/trendBookBackdrop.jpg");
  background-size: 1500px 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #081e38;
  padding-bottom: 30px; }
  .trend-book-page .trend-book-header {
    width: 308px;
    height: 52px;
    background-image: url("../im/trendBookHeader.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 308px 52px;
    -moz-background-size: 308px 52px;
    background-size: 308px 52px;
    margin: 0 auto;
    padding: 50px 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
      .trend-book-page .trend-book-header {
        background-image: url("../im/trendBookHeader@2x.png"); } }
  .trend-book-page .trend-book-carousel {
    text-align: center; }
  .trend-book-page .trend-book-signup-text {
    text-align: center;
    color: white;
    font-size: 14px;
    margin-top: 20px; }
  .trend-book-page .trend-book-signup-link {
    color: #ee0066; }
  .trend-book-page iframe {
    max-width: 100%; }