/* Product Swatches PLP styles */
.product-swatches-container { position: absolute; top: auto; right: 0; bottom: 4px; left: 0; }

.product-swatch { display: none; text-align: center; }
.product-swatch li { display: none; position: relative; vertical-align: top; cursor: pointer; margin-right: 5px; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; /* For some Androids */ }
.product-swatch li:last-child { margin-right: 0; }
.product-swatch li.enable { display: inline-block; }
.product-swatch li.selected:after { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; content: ''; border: 2px solid #434343; }
.product-swatch span { width: 22px; height: 22px; display: block; border: 1px solid #838383; }

@media only screen and (max-width: 767px) { .product-swatch-more li:nth-child(4) { display: none; } }

.product-swatch.product-swatch-plus { display: inline-block; }
.product-swatch.product-swatch-plus a { display: block; width: 22px; height: 22px; background-color: #e2e2e2; position: relative; }
.product-swatch.product-swatch-plus a:before, .product-swatch.product-swatch-plus a:after { content: ''; background-color: #838383; }
.product-swatch.product-swatch-plus a:before { position: absolute; top: 50%; right: 5px; bottom: auto; left: 5px; margin-top: -1px; height: 2px; }
.product-swatch.product-swatch-plus a:after { position: absolute; top: 5px; right: 50%; bottom: 5px; left: auto; margin-right: -1px; width: 2px; }

/* EO Product Swatches PLP styles */
/* Product Swatches PDP styles */
.product-config-wrapper { border-bottom: 2px solid #f1eff0; padding-bottom: 10px; margin-bottom: 10px; }
@media only screen and (max-width: 767px) { .product-config-wrapper { border-bottom: none; padding-bottom: 10px; margin-bottom: 0; } }

.product-config-label { margin-right: 2px; text-transform: capitalize; }

.product-config-attribute-value { font-size: 13px; font-family: "Lato Bold", sans-serif; }

@media only screen and (max-width: 1023px) { .product-config:last-child .product-config-block { margin-bottom: 0; padding-bottom: 5px; } }
@media only screen and (max-width: 767px) { .product-config:last-child .product-config-block { border-bottom: none; } }

.product-config-block { *zoom: 1; }
.product-config-block:before, .product-config-block:after { content: " "; display: table; }
.product-config-block:after { clear: both; }
@media only screen and (max-width: 1023px) { .product-config-block { margin-bottom: 16px; } }
@media only screen and (max-width: 767px) { .product-config-block { padding-bottom: 10px; border-bottom: 2px solid #f1eff0; } }

.pdp-swatch { margin: -14px auto auto 0; letter-spacing: -.35em; }
@media only screen and (max-width: 767px) { .pdp-swatch { padding-bottom: 5px; } }

.pdp-swatch-option { display: none; position: relative; margin-right: 20px; margin-top: 14px; letter-spacing: normal; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; /* For some Androids */ }
@media only screen and (max-width: 767px) { .pdp-swatch-option { margin-top: 20px; margin-right: 25px; } }
.pdp-swatch-option.enable { display: inline-block; }
.pdp-swatch-option.selected:after { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; content: ''; border: 2px solid #434343; }

.pdp-swatch-option-image { display: block; height: 22px; width: 22px; border: 1px solid #838383; }

.pdp-swatch-select { display: none; }

/* EO Product Swatches PDP styles */
/* Product Swatches Common styles */
.swatch-img-loader { background: url("../images/loader-light.gif") center no-repeat !important; }
.swatch-img-loader img { visibility: hidden; }

/* EO Product Swatches Common styles */