/*** PD/ONE PROMOTION CENTER - STANDARD STYLE ***/

/*************************/
/*** TOP BANNER STYLE ****/
/*************************/
.promo-offer-top-banner{
	border: 0px solid #e1e1e1;
	border-radius:0px;
	padding:20px;
	margin: 0px;
	background-color: #000000;
	box-shadow: 0px 0px 8px rgba(0,0,0,.15);
  box-sizing: border-box;
	text-align: center ;
min-height:58px;

}
.pd-promo-offer-top-banner-top-content{
  font-family:;
  font-size:1.15em;
  font-weight:600;
  color:#ffffff;
}
.pd-promo-offer-top-banner-title{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family:;
  font-size:1.15em;
  font-weight:600;
  color:#ffffff;
}
.pd-promo-offer-top-banner-short-desc{
  padding:0px;
  margin:0px;
  font-family:;
  font-size:16px;
  font-weight:700;
  color:#ffffff;
}
.pd-promo-offer-top-banner-desc{
  padding:0px;
  margin:0px 0px 10px 0px;
  font-family:;
  font-size:14px;
  font-weight:100;
  color:#ffffff;
}


/********************************/
/*** PRODUCT LISTING CALLOUT ****/
/********************************/
.pd-promo-offer-product-listing-callout{
	border: 0px dashed #000000;
	border-radius:4px;
	padding:10px;
	margin: 10px 0px;
	background-color: #000000;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
  box-sizing: border-box;
}
.pd-promo-offer-product-listing-callout-title{
  padding:0px;
  margin:0px;
  font-family:;
  font-size:.9em;
  font-weight:500;
  color:#ffffff;
}
.pd-promo-offer-product-listing-callout-short-desc{
  padding:0px;
  margin:0px;
  font-family:;
  font-size:.9em;
  font-weight:500;
  color:#ffffff;
}
.pd-promo-offer-product-listing-callout-desc{
  padding:10px;
  margin:0;
  font-family:;
  font-size:12px;
  font-weight:100;
  color:#ffffff;
}

/****************************/
/*** PRODUCT PAGE BANNER ****/
/****************************/
.pd-promo-offer-product-page-banner{
	border: 1px solid #e1e1e1;
	border-radius:4px;
	padding:20px;
	margin: 20px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.15);
  box-sizing: border-box;
}
.pd-promo-offer-product-page-banner-title{
  padding:0px;
  margin:0px 0px 10px 0px;
  font-family:;
  font-size:26px;
  font-weight:700;
  color:#111111;
}
.pd-promo-offer-product-page-banner-short-desc{
  padding:0px;
  margin:0px;
  font-family:;
  font-size:18px;
  font-weight:700;
  color:#111;
}
.pd-promo-offer-product-page-banner-desc{
  padding:0px;
  margin:10px 0px;
  font-family:;
  font-size:14px;
  font-weight:400;
  color:#444;
}

/****************************/
/*** PRODUCT PAGE CALLOUT ***/
/****************************/
.pd-promo-offer-product-page-callout{
	border: 2px dashed #e1e1e1;
	border-radius:4px;
	padding:20px;
	margin: 20px 0px;
	background-color: #e0faff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.15);
  box-sizing: border-box;
}
.pd-promo-offer-product-page-callout-title{
  padding:10px;
  margin:0px;
  font-family:;
  font-size:24px;
  font-weight:700;
  color:#111111;
}
.pd-promo-offer-product-page-callout-short-desc{
  padding:10px;
  margin:0;
  font-family:;
  font-size:16px;
  font-weight:600;
  color:#ff8000;
}
.pd-promo-offer-product-page-callout-desc{
  padding:10px;
  margin:0;
  font-family:;
  font-size:16px;
  font-weight:400;
  color:#000000;
}
/********************************************/
/*** PROMOTION EXPIRATION COUNTDOWN TIMER ***/
/********************************************/
.pdCountdownWrapper{
  padding: 10px;
  margin: 0px;
  box-sizing: border-box;
  background-color: #ffffff;
	border:1px solid #ffffff;
  border-radius: 4px;
  box-shadow:0p 0px 0px rgba(0,0,0,.1);
  box-sizing: border-box;
}
.pdCountdownProgbarWrapper {
  display:block;
	position: relative;
  background-color: #e6e6e6;
  height: 10px;
  border-radius:5px;
	margin:3px;
}
.pdCountdownProgbar {
  position: absolute;
  height: 10px;
  right: 0;
  background-color: #c80000;
  border-radius: 5px;
}
.pdCountdown{text-align:right;}
.pdCountdownDealEnds,
.pdCountdownDealStarts{
	vertical-align:middle;
	display:inline-block;
	font-family:;
	font-size:15px;
	font-weight:700;
	padding:7px;
	color:#111;
	text-transform:uppercase;
}
.pdCountdownDealEnds:before{
	content: "Deal ends in ";
}
.pdCountdownDealStarts:before{
	content: "Deal starts in ";
}
.pdCountdownDealExpired:before{
	content: "Deal Expired";
}
.pdCountdownDaysWrap,
.pdCountdownHoursWrap,
.pdCountdownMinWrap,
.pdCountdownSecWrap{
	display:inline-block;
	vertical-align:top;
	margin:2px;
	text-align:center;
	box-sizing:border-box;
}
.pdCountdownColon{
	display:inline-block;
	vertical-align:top;
	padding-top:4px;
	color:#989898;
	font-size:14px;
	font-weight:700;
}
.pdCountdownNum{
	display:block;
	vertical-align:middle;
	margin:1px;
	padding:2px;
	background-color:#fff;
	border:0px solid #fff;
	border-radius:4px;
	color:#111;
	font-size:24px;
	font-weight:700;
  font-family:;
  box-shadow:;
}

/*** DAYS OVERRIDE ***/
.pdCountdownDaysWrap .pdCountdownNum{
}
.pdCountdownText{
	display:block;
  font-family:;
	font-size:18px;
  font-weight:100;
	color:#989898;
	text-transform: uppercase;
}
.pdStartTime, .pdEndTime, .pdTotalTime {
	border-bottom: dotted 1px #c0c0c0;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}
.pdTotalTime {
	border-bottom: none;
	margin-bottom: 1rem;
}

/************************************************************/
/*** PROMOTION EXPIRATION COUNTDOWN TIMER (SMALL VERSION) ***/
/************************************************************/
.pdCountdownSmWrapper{
    margin-top: 5px;
    padding: 2px;
    background: rgba(0,0,0,.5);
    border-radius: 4px;
}
.pdCountdownSmProgbarWrapper{
  display:block;
	position: relative;
  background-color: #f1f1f1;
  height: 6px;
  border-radius:5px;
	margin:3px;
}
.pdCountdownSmProgbar{
  position: absolute;
  height: 6px;
  right: 0;
  background-color: #f7941d;
  border-radius: 5px;
}
.pdCountdownSm{
	text-align:center;
	line-height: 24px;
}
.pdCountdownSmDealEnds,
.pdCountdownSmDealStarts{
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 100;
    color: rgba(255,255,255,.7);
    text-transform: uppercase;
    padding-right: 10px;
    font-style: italic;
    letter-spacing: 1px;
}
.pdCountdownSmDealEnds:before{
	content: "Deal Ends";
}
.pdCountdownSmDealStarts:before{
	content: "Deal Starts";
}
.pdCountdownSmDealExpired:before{
	content: "Deal Expired";
}
.pdCountdownSmDaysWrap,
.pdCountdownSmHoursWrap,
.pdCountdownSmMinWrap,
.pdCountdownSmSecWrap{
	display:inline-block;
	vertical-align:middle;
	margin:0px;
	text-align:center;
	box-sizing:border-box;
	background-color:transparent;
}
.pdCountdownSmColon{
  display: inline-block;
  vertical-align: top;
  padding: 0px 3px 0px 3px;
  color: rgba(255,255,255,.5);
  font-size: 14px;
  font-weight: 700;
}
.pdCountdownSmNum{
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding-right: 2px;
}
.pdCountdownSmText{
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	font-weight: 100;
	color:rgba(255,255,255,.7);
	text-transform: uppercase;
}
/*** MOBILE OVERRIDES FOR SMALL COUNTDOWN TIMER (PRODUCT LISTS) ***/
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmWrapper,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmWrapper{
	margin-top:1px;
  padding: 0px;
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmDealEnds,
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmDealStarts,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmDealEnds,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmDealStarts {
    vertical-align: inherit;
    font-size: 10px;
    padding-right: 6px;
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmDealEnds:before,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmDealEnds:before{
	content: "Ends";
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmDealStarts:before,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmDealStarts:before{
	content: "Starts";
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmDealExpired:before,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmDealExpired:before{
	content: "Expired";
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmText,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmText{
	display:none;
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmNum,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmNum{
    font-size: 12px;
    padding-right: 0;
}
.pdPromotionCenterProductListCallout.pdMobile .pdCountdownSmColon,
.pdPromotionCenterProductListCallout.pdMobileScroll .pdCountdownSmColon{
	vertical-align: top;
	font-size: 10px;
}

/**** PROMOTION SAVINGS DISPLAY ****/
.pd-promo-offer-savings{
  padding:10px;
  margin:;
  font-family:;
  font-size:;
  font-weight:;
  color:#7e7e7e;
	font-style:italic;
}
/**** PROMOTION SAVINGS DISPLAY ****/
.pd-promo-offer-savings{
  padding:12px;
  margin:;
  font-family:;
  font-size:18px;
  font-weight:600;
  color:#ba4700;
	font-style:italic;
}
<!-- timer style -->
/*** PD/ONE PROMOTION CENTER - CUSTOM TEMPLATES STYLE ***/
/*** PD/ONE PROMOTION CENTER CHECKOUT STYLE ***/
.pdDiscountRow{display:none}

/*** COUPON DISPLAY ***/
.pdCouponWrapper{
	display:block;
	max-width:none;
	border: 2px dashed #d1d1d1;
	border-radius:0px;
	padding:20px;
	margin: 12px;
	background-color: #f1f1f1;
	box-shadow: 0px 0px 8px rgba(0,0,0,.0);
  box-sizing: border-box;
  text-align:center;
}
.pdCouponClearBtn,
.pdCouponApplyBtn{
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  line-height:20px;
  vertical-align:top;
  font-family: ;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  padding: 10px 12px;
  margin: ;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #333;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  -webkit-appearance: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.pdCouponClearBtn:hover,
.pdCouponApplyBtn:hover{
  background-color: #666;
  border: 1px solid #666;
}

.pdCouponEntryTitle {
  display: block;
  padding:0px;
  margin:0px 0px 20px 0px;
  font-family:;
  font-size:16px;
  font-weight:600;
  color:;
}
#pdCouponCode {}
.pdTextField {
	box-sizing:border-box;
  vertical-align: top;
  width: 185px;
  line-height:20px;
  display: inline-block;
  padding:10px;
  margin:0px;
  margin-right:5px;
  font-family:;
  font-size:;
  font-weight:;
  color:;
  background-color:#fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}
.pdCouponCodeLabel {
  display: none;
  padding:0px;
  margin:0px;
  font-family:;
  font-size:;
  font-weight:;
  color:;
}
.pdCouponErrorMessage {
	font-weight:700;
  font-size:14px;
  color:red;
}


/*** MESSAGING ***/
.pdPromotionCheckoutMessageWrapper{
border: 2px dashed #e1e1e1;
    background: #f9f9f9;
    border-radius: 2px;
    padding: 8px;
    margin: 10px 0px 10px 0px;
}
.pdPromotionCheckoutMessage{
  display:inline-block;
  vertical-align:middle;
  color:#131313;
  font-weight:700;
  margin:4px; 
}
.pdPromotionalItemAvailable{
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
}
.pdPromotionalItemAvailable a{
  display:inline-block;
  vertical-align:middle;
  color:#fff;
  font-weight:700;
  font-size:12px;
  padding:6px;
  background-color:#6588cc;
  border-radius: 2px;
  text-decoration:none;
  transition: all 0.5s ease;
}
.pdPromotionalItemAvailable a:hover{
  background-color:#3b60aa;
}
.pdPromotionalDiscountApplied,
.pdPromotionalItemClaimed,
.pdPromotionCouponApplied{
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
    background: #f7941d;
    border: 1px solid #f7941d;
    padding: 4px 9px;
    border-radius: 2px;
    text-transform: capitalize;
}
.pdPromotionalItemMessage{
  color: #f7941d;
  text-transform: capitalize;
  font-style: italic;
}

.pdItemAdditionalInfo{}
.pdDiscountStatus{
  display:inline-block;
  color:#fff;
  text-decoration:none;
  font-family:;
  font-weight:700;
  padding: 3px 6px;
  margin: 6px 0px 4px;
  background-color:#464646;
  border:1px solid #464646;
  border-radius:4px;
  box-shadow:0px 0px 0px rgba(0,0,0,.1);
}
.pdDiscountStatus a{
  color:#fff;
  text-decoration:none;
}
/*** UNIT PRICE - STYLE ***/
.pdDiscountUnitPriceNormal{
  display:inline-block;
  color:#656565;
  font-weight:100;
  text-decoration: line-through;
  padding:0;
  margin:0 6px 0 0px;
}
.pdDiscountUnitPriceReduced{
  display:inline-block;
  color:#c80000;
  font-weight:700;
  padding:0;
  margin:0;
}
/*** TOTAL COST - STYLE ***/
.pdDiscountItemCostNormal{
  display:inline-block;
  text-decoration: line-through;
  padding:0;
  margin:0 6px 0 0px;
}
.pdDiscountItemCostReduced{
  display:inline-block;
  color:#c80000;
  font-weight:700;
  padding:0;
  margin:0;
}

/*** DISCOUNT MESSAGING STYLE *****/
.pdDiscountInactive {
    position: relative;
    display: inline-block;
    color: #e15f51;
}
.pdDiscountInactiveReason{display:none;}

/*** PRODUCT SELECTOR STYLE *****/
.pdProductSelectorFlexWrapper{
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pdProductSelectorFlexRow > div{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-flow: column nowrap;
  width: calc(100% * (1/1) - 10px - 1px);
  position:relative;
  vertical-align: top;
  box-sizing: border-box;
}
.pdProductSelectorTable{width:100%; display:table;}
.pdProductSelectorTable > label{display:block; cursor:pointer; cursor:hand; padding-bottom:20px; box-sizing:border-box;}
.pdProductSelectorTableRow{display:table-row;}
.pdProductSelectorTableRow > div,
.pdProductSelectorTableRow > label{display:table-cell; vertical-align: middle;}

.pdProductSelectorTitle {
  color: #1e1e1e;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 2px 12px 0px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.pdProductSelectorCheckbox{
}
.pdProductSelectorRadio{
}
.pdProductSelectorImg{
  text-align:center;
  width:110px;
  height:110px;
  position:relative;
  padding: 0px 10px 0px 10px;
}
.pdProductSelectorImg > span{
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.pdProductSelectorImg img{
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: inline-block;
  border: none;
  vertical-align: middle;
}
.pdProductSelectorName{}
.pdProductSelectorNamePriceWrapper{}
.pdProductSelectorPriceWrapper{white-space: nowrap; margin-top;15px;}
.pdProductSelectorSavePercent{
  display:inline-block;
  vertical-align:middle;
  color:#c80000;
  font-size:16px;
  font-weight:700;
}
.pdProductSelectorSaveTotal{
  display: inline-block;
  vertical-align: middle;
  color: #8e8e8e;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  margin-left: 10px;
}
.pdProductSelectorFree{
  display: block;
  vertical-align: middle;
  color: #63990d;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  margin-top:8px;
  text-transform:uppercase;
}
.pdProductSelectorFreeVal{
  font-weight: 100;
  margin-left: 10px;
}
.pdProductSelectorActions {
  border-top: 1px solid #dedede;
  padding-top: 20px;
}
.pdProductSelectorActions > div{
  transition: all 0.5s ease;
  -webkit-appearance:none;
  display:inline-block;
  vertical-align:middle;
  border:1px solid #e6e6e6;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
  height:auto;
  line-height:auto;
  color: #4e4e4e;
  cursor: pointer;
  font: bold 14px Gudea, sans-serif;
  padding:13px;
  padding-left:26px;
  padding-right:26px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius:2px;
  border-radius: 2px;
}
.pdProductSelectorActions > div.pdProductSelectorAddBtn{
	border:1px solid #63990d;
  background: none repeat scroll 0 0 #63990d;
  color: #ffffff;
  font: 400 18px Gudea, sans-serif;
}
.pdProductSelectorActions > div.pdProductSelectorCloseBtn{
	border:none;
  background:transparent;
  color: #838383;
  font: 400 18px Gudea, sans-serif;
  margin-left:20px;
}
.pdProductSelectorActions > div.pdProductSelectorAddBtn:hover{
	border:1px solid #2a6200;
  background: none repeat scroll 0 0 #2a6200;
}
.pdProductSelectorActions > div.pdProductSelectorCloseBtn:hover{
	color:#1e1e1e;
}

/**** FONT AWESOME RADIO AND CHECKBOX STYLE ****/

.pdProductSelectorCheckbox input[type="checkbox"],
.pdProductSelectorRadio input[type="radio"]{display:none;}
.pdProductSelectorCheckbox input[type="checkbox"] + span,
.pdProductSelectorCheckbox input[type="checkbox"] + label > span,
.pdProductSelectorRadio input[type="radio"] + span,
.pdProductSelectorRadio input[type="radio"] + label > span { cursor: pointer; }

/* Unchecked */
.pdProductSelectorCheckbox input[type="checkbox"] + span:before,
.pdProductSelectorCheckbox input[type="checkbox"] + label > span:before,
.pdProductSelectorRadio input[type="radio"] + span:before,
.pdProductSelectorRadio input[type="radio"] + label > span:before {
  text-align: center;
  font-style:normal;
  font-family:FontAwesome;
  font-weight:400;
  font-size:22px;
  color: #666;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.pdProductSelectorRadio input[type="radio"] + span:before,
.pdProductSelectorRadio input[type="radio"] + label > span:before {
  content:"\f111";
}
.pdProductSelectorCheckbox input[type="checkbox"] + span:before,
.pdProductSelectorCheckbox input[type="checkbox"] + label > span:before{
  content:"\f0c8";
}

/* Checked */
.pdProductSelectorCheckbox input[type="checkbox"]:checked + span:before,
.pdProductSelectorCheckbox input[type="checkbox"]:checked + label > span:before { content: "\f14a";  font-weight:700;}
.pdProductSelectorRadio input[type="radio"]:checked + span:before,
.pdProductSelectorRadio input[type="radio"]:checked + label > span:before { content: "\f058"; font-weight:700;}


/*** VEW CUSTOM THEME ***/
@-webkit-keyframes vex-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes vex-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes vex-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes vex-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-webkit-keyframes vex-pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent; }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }
  100% {
    box-shadow: inset 0 0 0 300px transparent; } }

@keyframes vex-pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent; }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }
  100% {
    box-shadow: inset 0 0 0 300px transparent; } }

.vex.vex-theme-pd {
  padding-top: 160px;
  padding-bottom: 160px;
}
.vex.vex-theme-pd.vex-closing .vex-content {
-webkit-animation: vex-flyout .5s forwards;
animation: vex-flyout .5s forwards; }
.vex.vex-theme-pd .vex-content {
-webkit-animation: vex-flyin .5s;
animation: vex-flyin .5s; }
.vex.vex-theme-pd .vex-content {
  border-radius: 5px;
  background: #fff;
  color: black;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  width: 90%;
  font-size: inherit;
  line-height: normal;
}
.vex.vex-theme-pd .vex-content h1, .vex.vex-theme-pd .vex-content h2, .vex.vex-theme-pd .vex-content h3, .vex.vex-theme-pd .vex-content h4, .vex.vex-theme-pd .vex-content h5, .vex.vex-theme-pd .vex-content h6, .vex.vex-theme-pd .vex-content p, .vex.vex-theme-pd .vex-content ul, .vex.vex-theme-pd .vex-content li {
color: inherit; }
.vex.vex-theme-pd .vex-close {
  border-radius: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.vex.vex-theme-pd .vex-close:before {
  border-radius: 3px;
  position: absolute;
  content: "\00D7";
  font-size: 26px;
  font-weight: normal;
  line-height: 31px;
  height: 30px;
  width: 30px;
  text-align: center;
  top: 3px;
  right: 3px;
  color: #bbb;
  background: transparent;
}
.vex.vex-theme-pd .vex-close:hover:before, .vex.vex-theme-pd .vex-close:active:before {
color: #777;
background: #e0e0e0; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-message {
margin-bottom: .5em; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-input {
margin-bottom: 1em; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="week"] {
border-radius: 3px;
background: #fff;
width: 100%;
padding: .25em .67em;
border: 0;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
min-height: 2.5em;
margin: 0 0 .25em; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-pd .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
box-shadow: inset 0 0 0 2px #8dbdf1;
outline: none; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-buttons {
*zoom: 1; }
.vex.vex-theme-pd .vex-dialog-form .vex-dialog-buttons:after {
content: "";
display: table;
clear: both; }
.vex.vex-theme-pd .vex-dialog-button {
border-radius: 3px;
border: 0;
float: right;
margin: 0 0 0 .5em;
font-family: inherit;
text-transform: uppercase;
letter-spacing: .1em;
font-size: .8em;
line-height: 1em;
padding: .75em 2em; }
.vex.vex-theme-pd .vex-dialog-button.vex-last {
margin-left: 0; }
.vex.vex-theme-pd .vex-dialog-button:focus {
-webkit-animation: vex-pulse 1.1s infinite;
animation: vex-pulse 1.1s infinite;
outline: none; }
@media (max-width: 568px) {
.vex.vex-theme-pd .vex-dialog-button:focus {
-webkit-animation: none;
animation: none; } }
.vex.vex-theme-pd .vex-dialog-button.vex-dialog-button-primary {
background: #3288e6;
color: #fff; }
.vex.vex-theme-pd .vex-dialog-button.vex-dialog-button-secondary {
background: #e0e0e0;
color: #777; }

.vex-loading-spinner.vex-theme-pd {
box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
border-radius: 100%;
background: #f0f0f0;
border: .2em solid transparent;
border-top-color: #bbb;
top: -1.1em;
bottom: auto; }
/*** END PRODUCT SELECTOR STYLE *****/