.ui-widget-overlay {
  width: 100% !important; }

.ui-dialog {
  left: 50% !important;
  margin-left: -384px;
  padding: 0;
  background-color: #f0f0f0;
  z-index: 999;
  outline: 0; }

.ui-dialog.slideshow {
  margin-left: -525px; }

.ui-dialog.newvisitor {
  margin-left: -250px;
  background-color: #eee; }

.ui-dialog.maillist {
  margin-left: -250px; }

.ui-dialog.newvisitor #dialog-container {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #eee !important; }

.ui-dialog.newvisitor .ui-dialog-titlebar {
  float: right;
  padding: 0;
  width: 32px;
  height: 32px; }

.js .ui-dialog-content a {
  color: #f60; }

.js .ui-dialog-content a:hover {
  color: #000; }

.ui-dialog .required-indicator {
  display: none; }

#product-content .actionlinks a.storelocator:not(.retailpopup) {
  background-image: url(../images/bdel/common/storelocator-sprite-2x.png);
  background-size: 8px 30px; }

#product-content .actionlinks a.wishlist {
  background-image: url(../images/bdel/common/wishlist-sprite-2x.png);
  background-size: 11px 39px;
  margin-top: 7px; }

#product-content .actionlinks a {
  background-repeat: no-repeat;
  padding-left: 16px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  color: #000;
  margin-left: 25px; }

.ui-dialog .ui-dialog-title {
  font-family: FuturaStd-ExtraBlack, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  font-size: 24px;
  float: none; }

.ui-dialog .dialog-content form {
  margin-top: 10px; }

.ui-dialog .dialog-content form .input-text {
  width: 60.6%; }

.ui-dialog .dialog-content form .input-select,
.ui-dialog .dialog-content form .selectWrapper {
  width: 62.5%; }

.ui-dialog .dialog-content form .input-checkbox {
  margin-left: 0; }

.ui-dialog .ui-icon-closethick {
  background-image: url(../images/bdel/common/close-dialog.png);
  width: 34px;
  height: 34px;
  position: relative;
  z-index: 300;
  left: 0;
  top: 0; }

.ui-dialog .ui-icon-closethick:hover,
.ui-dialog .ui-state-hover .ui-icon-closethick {
  background-position: left -34px; }

.ui-dialog .form-row-button {
  text-align: center;
  margin: 10px 0 0 0;
  width: 100%; }

.ui-dialog .form-row-button button {
  margin-left: 10px; }

.ui-dialog .dialog-content form legend {
  background: none;
  border-bottom: none; }

.ui-dialog .form-row label {
  padding: 0; }

.ui-dialog .form-field-tooltip {
  margin-top: -31px;
  margin-left: 24%; }

/** Send to a Friend **/
#send-to-friend-dialog .send-to-friend-sender {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 2%;
  display: block;
  width: 70%;
  float: left; }

#send-to-friend-dialog .form-row label {
  margin-top: 10px; }

#send-to-friend-dialog input[type="text"], textarea {
  width: 70%; }

#send-to-friend-dialog .send-to-friend-product {
  margin-right: 4%; }

#send-to-friend-dialog .dialog-required {
  margin-bottom: 5px;
  margin-right: 4%; }

#send-to-friend-dialog .product-description > dl > dd {
  width: 338px; }

#send-to-friend-dialog .product-description > dl > dd > p {
  margin-top: 0; }

#send-to-friend-dialog h2 {
  font-family: FuturaStd-ExtraBlack, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal; }

#send-to-friend-dialog .char-count {
  padding-top: 10px; }

#send-to-friend-dialog #send-to-friend-form span.error {
  padding-top: 10px; }

#dialog_buttons {
  float: right; }

#dialog_buttons #dialogCancel {
  margin-left: 4px; }

/*
 Added the general dialog responsive states here so we
 don't have to include a separate stylesheet (e.g. dialog-responsive.css)
 * */
/** Mobile to Tablet styles **/
/** Tablet Styles **/
@media screen and (min-width: 768px) and (max-width: 959px) {
  .ui-dialog {
    width: 768px !important;
    left: 50% !important;
    margin-left: -384px; } }

/** Mobile Styles **/
@media screen and (max-width: 767px) {
  .ui-dialog:not(.bonusquickview) {
    width: 320px !important; }
  .ui-dialog.maillist,
  .ui-dialog.bonusquickview {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important; }
  .ui-dialog {
    left: 50% !important;
    margin-left: -160px; }
  #send-to-friend-dialog #send-to-friend-form span.error {
    padding-top: 30px; } }