.black-to-brand:hover {
    filter: invert(27%) sepia(1) hue-rotate(-180deg) saturate(60);
    filter: invert(19%) sepia(1) hue-rotate(-218deg) saturate(23);
}
*:hover > .black-to-brand-parent {
    filter: invert(19%) sepia(1) hue-rotate(-218deg) saturate(23);
}

h2.item-section {
    text-transform: uppercase;
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}
h3.item-heading {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin: 20px 0 20px;
}

#breadcrumb, .breadcrumb {
    margin: 20px 0;
    font-size: 12px;
    color: #444444;
}
#breadcrumb a,
.breadcrumb a {
    font-size: 12px;
    font-weight: 500;
    color: #444444;
    text-decoration: none;
}
#breadcrumb a:hover,
.breadcrumb a:hover {
    color: var(--clr-brand-blue);
}
#breadcrumb span,
.breadcrumb span {
    font-weight: 300;
    color: #888;
}
#breadcrumb a.active:hover,
.breadcrumb a.active:hover {
    text-decoration: none;
}


#item-images {
    width: 460px;
    overflow: auto;
}
#item-image {
    float: left;
    width: 338px;
    padding: 10px;
    border: 1px solid #eaeaea;
    text-align: center;
}
#item-image a {
    display: inline-block;
    height: 338px;
}
#item-image a img {
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
#item-other-images {
    float: left;
    width: 100px;
    text-align: center;
    min-height: 1px;
}
#item-other-images a {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border: 1px solid transparent; 
}
#item-other-images a img {
    margin-bottom: 10px;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
#item-other-images a:hover {
    border-color: #eaeaea;
}
#item-other-images a.selected {
    border-color: var(--clr-brand-blue);
}




#item-selection {
    width: 460px;
}

#item-information {
    overflow: hidden;
}

#item-information h1 {
    font-weight: 400;
    margin: 0px 0;
    display: block;
    font-size: 24px;
}

#item-review-summary {
    color: var(--clr-brand-blue);
    border-bottom: 1px solid #eaeaea;
    overflow: auto;
    font-size: 16px;
    padding: 10px 0;
}
#item-review-summary .review-stars {
    float: left;
}
#item-review-score {
    float: left;
    padding-left: 10px;
}

.review-stars {
    overflow: auto;
}
.review-star {
    float: left;
    display: inline-block;
    width: 18px;
    color: #aaa;
}
.review-stars[rating="1"] .review-star:nth-child(-n+1) { color: var(--clr-brand-blue); }
.review-stars[rating="2"] .review-star:nth-child(-n+2) { color: var(--clr-brand-blue); }
.review-stars[rating="3"] .review-star:nth-child(-n+3) { color: var(--clr-brand-blue); }
.review-stars[rating="4"] .review-star:nth-child(-n+4) { color: var(--clr-brand-blue); }
.review-stars[rating="5"] .review-star:nth-child(-n+5) { color: var(--clr-brand-blue); }


#item-options {
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;    
    
}
.item-option {
    clear: both;
}
.item-option label {
    clear: left;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 3px;
}
.item-option-box {
    cursor: pointer;
    float: left;
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px 0;
    margin: 0 10px 10px 0;
}
.item-option-box:hover {
    border-color: var(--clr-brand-blue);
}
.item-option-box.has-alt {
    padding-bottom: 0;
}
.item-option-box.centered {
    text-align: center;
}
.item-option-box.selected {
    border-color: var(--clr-brand-blue);
    background: var(--clr-brand-blue-p15);
}
.item-option-value {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 20px;
    padding: 0px 15px;
}
.item-option-price {
    font-size: 11px;
    color: #888;
    font-weight: 200;
    line-height: 14px;
    padding: 0px 15px;
}
.item-option-box.has-alt .item-option-price {
    padding-bottom: 5px;
}
.item-option-box.selected .item-option-price {
    color: var(--clr-brand-blue);
}
.item-option-alt {
    font-size: 11px;
    line-height: 18px;
    font-weight: 200;
    color: #fff;
    background: #ccc;
    padding: 0px 15px;
    text-transform: uppercase;
}
.item-option-box.selected .item-option-alt {
    background: var(--clr-brand-blue);
    color: #fff;
}

p#subscription-instructions {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 10px;
}
ul.item-option-notes {
    padding-left: 0;
    padding-top: 10px;
    margin: 0;
}
.item-option-notes li {
    padding-bottom: 10px;
    line-height: 1.5em;
    list-style: none;
    font-weight: normal;
    font-style: italic;
    font-size: 0.7em;
}

.item-option-notes .options-expand-detail {
    display: none;
}
.item-option-notes.show-more .options-expand-detail {
    display: block;
}
.item-option-notes .options-expand-btn {
    color: #aaa;
    cursor: pointer;
    display: none;
}
.item-option-notes.show-more .options-expand-btn.less {
    display: block;
}
.item-option-notes.show-less .options-expand-btn.more {
    display: block;
}


#item-qty {
    clear: both;
    border: 1px solid #ccc;
    padding: 5px 15px;
    overflow: auto;
    display: inline-block;
}
#item-qty span {
    font-size: 30px;
    line-height: 26px;
    padding: 0 0 4px;
    color: #888;
    float: left;
    display: inline-block;
    width: 20px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;    
}
#item-qty input {
    font-size: 20px;    
    line-height: 30px;
    color: #000;
    border-width: 0;
    background: #fff;
    text-align: center;
    float: left;
    width: 50px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
}

#item-add-box {
    clear: both;
    padding: 40px 0 20px;
    overflow: auto;
}
#item-add-box #item-qty {
    float: left;
    margin-right: 10px;
}
#item-add-box input.store-button {
    float: left;
    width: 200px;
}

.add-to-cart.store-button {
    width: 300px;
    display: inline-block;
}

.store-button {
    text-transform: uppercase;
    color: var(--clr-brand-blue);
    background: var(--clr-brand-blue);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    padding: 10px 0px;
    border: solid 3px var(--clr-brand-blue);
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #FFFFFF;
    cursor: pointer;
    text-align: center;
}
.store-button:hover {
    background: var(--clr-brand-blue);
    color: #fff;
    text-decoration: none;
}

.store-button.on {
    background: var(--clr-brand-blue);
    color: #fff;
    text-decoration: none;
}}


#item-pricing {
    padding: 15px 0;
    overflow: auto;
}
#item-pricing.has-discount {
}

#item-pricing div {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .5px;
    padding-bottom: 0px;
    display: inline-block;
    float: left;
    font-weight: 300;
    margin: 15px 0;
}
#item-pricing #item-reduced-price,
#item-pricing #item-discount {
    padding-left: 20px;
    display: none;
}
#item-pricing #item-discount {
    color: #CA2C22;
}
#item-pricing.has-discount #item-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 16px;
    line-height: 20px;
}
#item-pricing.has-discount #item-reduced-price,
#item-pricing.has-discount #item-discount {
    display: inline-block;
}

#style {
    float: right;
    margin: 0;
    display: inline-block;
}
#item-sku {
    font-weight: 100;
    font-size: 14px;
    margin-top: 15px;
}
#item-sku span {
    font-weight: 300;
    margin-right: 5px;
}

#rule-qty-discount {
    padding-top: 20px;
}
#purchase-options {
    padding-top: 20px;
}

.radio-group {
}
.radio-group .radio-option {
}
.radio-group .radio-option-box {
    border: 1px solid #eaeaea;
    border-bottom-color: transparent;
    overflow: auto;    
    padding: 10px;
    cursor: pointer;
}
.radio-group .radio-option:last-child .radio-option-box {
    border-bottom-color: #eaeaea;
}
.radio-group .radio-option.selected .radio-option-box {
    background: var(--clr-brand-blue-p15);
    border-color: var(--clr-brand-blue);
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none;     
}

.radio-group .radio-element {
    float: left;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    width: 20px;
    height: 20px;
}
.radio-group .radio-option:hover > .radio-option-box > .radio-element,
.radio-group .radio-content-option .radio-element:hover {
    border-color: var(--clr-brand-blue);
}
.radio-group .radio-option.selected > .radio-option-box > .radio-element,
.radio-group .radio-content-option.selected .radio-element {
    border: 8px solid var(--clr-brand-blue);
    width: 6px;
    height: 6px;
    background: #fff;
}

.radio-group .radio-label {
    float: left;    
    font-size: 16px;    
    font-weight: 400;
    line-height: 22px;
    margin-left: 10px;
    width: calc(100% - 32px);
}
.radio-group .radio-label span {
    float: right;
}
.radio-group .radio-content {
    display: none;
    clear: left;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-width: 0 1px;
    padding: 20px;
}
.radio-group .radio-option.selected .radio-content {
    display: block;
}
.radio-group .radio-option:last-child .radio-content {
    border-bottom: 1px solid #eaeaea;
}
.radio-group .radio-option.selected .radio-content .formItem {
    margin-bottom: 10px;
}
.radio-group .radio-option.selected .radio-content input[type="checkbox"] {
    float: left;
}
.radio-group .radio-option.selected .radio-content .formItemInput .checkbox-label {
    float: left;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    width: calc(100% - 30px);
    margin-left: 5px;
}
.radio-option #errorMessage {
    display: block;
    padding: 20px;
    text-align: center;
}
.radio-option #errorMessage.hidden {
    display: none;
}
.radio-option #errorMessage p {
    font-size: 16px;
    margin: 0 0 1em;
    overflow: hidden;
    line-height: 1.4em;
}


#footer .clear {
	height: auto;
}
#shopping-checkout.store-area {
	overflow: hidden;
}
#category-text h2 {
	padding: 15px 20px;
    color: #4D4D4D;	
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .5px;
    width: 600px;
    float: right;
    border-bottom: #6F6F6F solid 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#category-listing h2 {
	padding: 15px 20px;
    color: #4D4D4D;	
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .5px;
    width: 600px;
    float: right;
    border-bottom: #6F6F6F solid 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#category-view {
    min-height: 800px;
    margin-bottom: 100px;
}
#category-view h1 {
	padding: 20px 0;
    color: #444;	
    font-weight: 500;
    font-size: 24px;
}

#category-description {
    float: left;
    background: #fafafa;
    padding: 20px 40px;
    width: 220px; 
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: left;
}


#item-listings {
    width: calc(100% - 300px - 40px);
	float: left;
	margin-bottom: 60px;
}
#item-listings a {
	display: block;
	float: left;
	margin: 0px;
	padding: 10px;	
	color: #333333;
    width: calc(25% - 2px - 20px);
    overflow: hidden;
    text-align: center;
    border: 1px solid transparent;
}
#item-listings a:hover {
    border-color: #ccc;
	text-decoration: none;
	cursor: pointer;	
}
#item-listings a h4:hover {
	color: #4D4D4D;
	text-decoration: none;
}
.item-img-container {
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
    -border: solid #ddd;
    overflow: hidden;
}
#item-listings img {
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
	vertical-align: middle;
	text-align: center;
}
.item-img-container h5 {
    position: absolute;
    color: transparent;
    text-align: center;
    background: rgba(0, 0, 0, 0.0);
    font-weight: 100;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-size: 16px;
    padding: 65px 36px;
    margin: 0;
}
.item-img-container h5:hover {
    position: absolute;
    color: #6f6f6f;
    text-align: center;
    background: rgba(255, 255, 255, 0.55);
    font-weight: 700;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-size: 16px;
    padding: 65px 26px;
    margin: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
#item-listings h3 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin: 20px 0px 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4em;
	height: 2.8em;
	text-overflow: ellipsis;
	overflow: hidden;
}
#item-listings h4 {
	font-size: 14px;
	color: #888;
	font-weight: 300;
	margin: 10px 0px 20px;
}

#category-listing {
	width: 600px;
	float: right;
}
#category-listing a.category {
	display: inline-block;
	float: left;
	width: 267px;
	height: 327px;
	margin: 15px;
	text-align: center;	
	position: relative;
}
#category-listing a.category img {
	width:255px;
	height: 255px;
	border: solid 6px #ddd;
}
#category-listing a.category img:hover {
	border: solid 6px #4D4D4D
}
#category-listing .category h2 {
	width: 227px;
	-position: absolute;
	bottom: 6px;
	left: 6px;
	margin: 0px;
	-background: rgba( 255,255,255, 0.5 );
	border: none;
	font-family: "Open Sans";
}
#store-front.block.s8 {
	min-height: 700px;
	margin-top: 20px;
}

#item-alt-info {
	display: inline-block;
	margin-left: 0px;
	float: left;
	clear: right;
	width: 460px;
    padding-top: 0px;
}


.item-info-divider {
    border-bottom: 1px solid #eaeaea;
    margin: 10px auto;
}

#item-purchase-details {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 0px;
}
#item-dimensions span {
	font-weight: 300;
	margin-right: 5px;
}
#item-dimensions {
	margin-bottom: 15px;
	margin-top: 15px;
}
#option-label label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
#option-label.text {
	display: inline-block;
	float: left;
	margin-bottom: 10px;
}
#option-label.text label {
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    margin-top: 0px;
    border: solid 1px #CCC;
    padding: 0 5px;
    height: 34px;
    vertical-align: middle;
}
#qty-label label {
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    margin-top: 0px;
    border: solid 1px #CCC;
    padding: 0 5px;
    height: 34px;
    vertical-align: middle;
}
#option-label.color .item-option-select,
#option-label.img .item-option-select {
	display: none;
}
#option-label {
	display: block;
    float: left;
    width: 300px;
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 25px;
}
#option-label .item-option-select {
	margin-left: -2px;
	font-size: 14px;
}
#item-purchase-details .formItem:not(.formItem-dynamic) select,
#checkout-wrap .formItem:not(.formItem-dynamic) select {
	-webkit-appearance: none!important;
    -webkit-border-radius: 0;
    background-color: #fefefe;
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 0px 35px 0px 10px;
    font-family: GothamBook,Helvetica,Arial,sans-serif;
    line-height: normal;
    border-radius: 0;
    height: 2.25rem;
    box-shadow: none;
    font-size: 14px;
    background-image: url(/images/arrow_down.svg);
    background-position-x: calc(100% - 10px);
    background-position-y: center;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
}
#item-purchase-details select:hover {
	-background-color: #f3f3f3;
    -border-color: #ccc;
} 
.option-selector .option-value {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 3px solid transparent;
	cursor: pointer;
}
.option-selector.img {
	margin-bottom: 25px;
	margin-top: -55px;
}
.option-selector.img .option-value {
	width: 60px;
	height: 200px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}
.option-selector .option-value.selected {
	border-color: #CCCCCC;
}
.option-selector.img .option-value.selected {
    border-color: transparent;
    height: 200px;
    width: 60px;
    position: relative;
    
    
}
.option-value img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
#img-label {
	position: absolute;
    bottom: 0px;
    margin: 0 auto;
    text-align: center;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    line-height: 16px;
    top: 85%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
#radio-selector {
	position: absolute;
    height: 10px;
    width: 10px;
    border: solid 3px #ccc;
    border-radius: 50%;
    bottom: -20px;
    margin-left: 25px;
}
.selected #radio-selector {
	background: #CCCCCC;
}
#preference p {
	margin-top: 0;
    font-size: 14px;
    line-height: 18px;
}

#item-details {
    padding: 0 0 40px;
}
#item-details .block {
    width: 460px;
    margin: 0 40px 0 0;
}
#item-details .block:last-child {
    margin-right: 0;
}

#item-description {
}
#item-description h3,
#item-usage h3 {
    line-height: 1.4em;
}
#item-description h4,
#item-usage h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
}
#item-description p,
#item-usage p {
	font-size: 14px;
    line-height: 1.5em;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #444;
}
#item-description li,
#item-usage li {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 300;
    color: #444;
    padding-bottom: 1em;
}

#item-details table {
    width: 100%;
}
#item-details table tr {
    overflow: auto;
    font-size: 14px;
}
#item-details tr:nth-child(2n+1) {
    background: #f0f0f0;
}
#item-details td {
    padding: 10px 0;
    border-width: 0;
}
#item-details td:nth-child(1) {
    width: 44%;
    margin: 0;
    font-weight: 500;
    text-align: right;
}
#item-details td:nth-child(2) {
    width: calc(56% - 20px);
    text-align: left;
    padding-left: 20px;    
    margin: 0;
    font-weight: 200;
}


#item-reviews-snapshot {
    background: var(--clr-brand-blue-p10);
    min-height: 100px;
    padding-bottom: 40px;
}

#item-reviews-stapshot-info {
    overflow: auto;
}
.item-review-snapshot-col {
    float: left;
    width: 280px;
    margin-right: 40px;
}
.item-review-snapshot-col h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.item-review-snapshot-col #item-review-complete {
    display: none;
    clear: both;
    padding: 10px;
    color: #444;
    font-size: 16px;
    line-height: 20px;
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
    border: 2px solid #444;
    width: 216px;
}
.item-review-snapshot-col #item-review-complete.complete {
    display: block;
}
#item-review-leave-rating.complete {
    display: none;
}

#item-review-ratings {
}
.item-review-rating-row {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 8px;
    overflow: auto;
}
.item-review-rating-row label {
    display: inline-block;
    float: left;
    width: 40px;
    margin-right: 5px;
}
.item-review-rating-box {
    width: 180px;
    height: 14px;
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 10px;
    float: left;
    border-radius: 10px;    
}
.item-review-rating-bar {
    width: 0;
    height: 14px;
    background: var(--clr-brand-blue);
    border-radius: 10px;
}
.item-review-rating-count {    
    float: left;
}

#item-review-overall {
    overflow: auto;
    height: 40px;
}
#item-review-overall label {
    font-size: 36px;
    font-weight: 400;
    float: left;
    margin-right: 20px;
    line-height: 36px;
}
#item-review-stars {
    float: left;
    overflow: auto;
}
#item-review-stars-count {
    clear: left;
    color: #aaa;
    text-transform: uppercase;
    font-size: 10px;
}

#item-review-leave-rating {
}
.leave-rating-boxes {
}
.leave-rating-box {
    float: left;
    cursor: pointer;
}
.leave-rating-box span {
    display: block;
    width: 40px;
    height: 40px;
    border: solid 2px #444;
    border-radius: 5px;
    margin-right: 5px; 
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}
.leave-rating-box:before {
}

.leave-rating-boxes[rating="1"] .leave-rating-box:nth-child(-n+1) span { background: var(--clr-brand-blue); border-color: var(--clr-brand-blue); color: #fff; }
.leave-rating-boxes[rating="2"] .leave-rating-box:nth-child(-n+2) span { background: var(--clr-brand-blue); border-color: var(--clr-brand-blue); color: #fff; }
.leave-rating-boxes[rating="3"] .leave-rating-box:nth-child(-n+3) span { background: var(--clr-brand-blue); border-color: var(--clr-brand-blue); color: #fff; }
.leave-rating-boxes[rating="4"] .leave-rating-box:nth-child(-n+4) span { background: var(--clr-brand-blue); border-color: var(--clr-brand-blue); color: #fff; }
.leave-rating-boxes[rating="5"] .leave-rating-box:nth-child(-n+5) span { background: var(--clr-brand-blue); border-color: var(--clr-brand-blue); color: #fff; }


.leave-rating-boxes:hover > .leave-rating-box span {
    background: var(--clr-brand-blue);
    border-color: var(--clr-brand-blue);
    color: #fff;
}
.leave-rating-boxes .leave-rating-box:hover ~ .leave-rating-box span {
    background: transparent;
    border-color: #444;
    color: #444;
}

#reviews-listing {
    clear: both;
    padding: 40px 0 0;
}
#reviews-listing .review-item {
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
#reviews-listing .review-item .review-stars {
    padding-bottom: 3px;
}
#reviews-listing .review-item .review-nickname {
    float: left;
}
#reviews-listing .review-item .review-date {
    float: left;
    padding-left: 15px;
    color: #aaa;
}
#reviews-listing .review-item .review-summary {
    clear: both;
    padding: 20px 0 3px;
    font-weight: bold;
}
#reviews-listing .review-item .review-text {
}

/* Related Items */
#item-listing {
    position: relative;
    overflow: auto;
    padding: 20px 0 40px;
    margin: 0 auto;
}
#item-listing .item-listing-each {
    text-align: center;
    float: left;
    margin-right: 20px;
    width: 225px;
}
#item-listing:not(.centered) .item-listing-each:last-child {
    margin-right: 0;
}
#item-listing[cols="1"] { width: 225px; }
#item-listing[cols="2"] { width: 470px; }
#item-listing[cols="3"] { width: 715px; }

#item-listing.centered .item-listing-each {
    float: none;
    margin: 0 auto;
}

#item-listing .item-listing-each .item-information {
    display: block;
    margin-bottom: 15px;
    color: #444;
}
#item-listing .item-listing-each .item-information:hover .title-field {
    color: var(--clr-brand-blue);
}
#item-listing .item-listing-each a {
    text-decoration: none;
}
#item-listing .item-listing-each .add-to-cart {
    width: calc(100% - 6px);
}
#item-listing .item-image {
    height: 225px;
    text-align: center;
}
#item-listing .item-image img {
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
#item-listing .item-summary-info {
    padding: 20px 0 0;
    min-height: 65px;
}
#item-listing .item-summary-info .title-field {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}
#item-listing .item-summary-info .subtitle-field {
    font-size: 12px;
    line-height: 16px;
    font-weight: 200;
}

#item-listing .item-price {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}






/* Pagination */
#pagination {
	width: 100%;
}
#pagination .inactive.prev {
	color: #B4B4B4;
	border: solid 1px #B4B4B4;
}
#pagination .paginate.all {
	display: none;
}
#pagination a {
	border: solid 1px #4d4d4d;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	margin: 0px;
}
#pagination .current {
	width: auto;
	height: 20px;
    background: #4d4d4d;
    color: #fff;
}
#pagination .current:hover {
	color: #FFFFFF
}
#pagination .paginate {
	width: auto;
	height: 20px;
}
#pagination .paginate.next {
	width: 15%;
}
#pagination .paginate.prev {
	width: auto;
	-margin-left: 180px;;
}
#pagination .paginate.all {
	width: 20px;
}
#pagination span.inactive  {
    border: solid 1px #B4B4B4;
    color: #B4B4B4;
    padding: 4px 4px 5px;
    display: inline-block;
    -float: left;
    vertical-align: top;
    margin: 0px;
}
#pagination .inactive.prev {
	-margin-left: 180px;
}
#pagination-text {
	display: block;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 15px;
}

/* Left Category Menu */
.list-box .clear {
	height: auto;
}
.list-box.block.s4 {
	background: #4D4D4D;
	margin-left: 0px;
	margin-right: 20px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 60px;
}
.list-header h2 {
	padding: 15px 20px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .5px;
    width: 100%;
    border-bottom: #6F6F6F solid 1px;
    margin-bottom: 20px;
    cursor: pointer;
}
.list-box img {
	display: inline-block;
    float: left;
    clear: left;
   	max-width: 40px;
    max-height: 40px;
    margin-right: 10px;
    margin-bottom: 15px;
    position: absolute;
}
.list-box .color {
	display: none;
}
.list-box .open .color {
	display: inline-block;
}
.list-box .open .white {
	display: none;
}
.list-box ul {
	padding-left: 20px;
	text-decoration: none;
	list-style: none;
	border: none;	
}
.list-box .depth-1 {
	padding-bottom: 3px;
    position: relative;
    min-height: 57px;
}
.depth-1 a {
	display: block;
	-margin-top: 10px;
}
.open .depth-2 {
	line-height: 34px;
	-padding-left: 10px;
    width: 220px;
}
.open .depth-2.active.open a {
	color: #fff;
}
.list-box ul ul {
	display: none;
	-border-top: solid 1px #ddd;
	margin-left: 50px;
    border-bottom: solid 1px #ddd;
    padding-left: 0px;
    margin-right: 30px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    float: left;
    width: 230px;
    margin-top: -6px;
}
.list-box ul .open ul {
	display: block;
}
.list-box ul ul li a {
	text-decoration: none;
	color: #b4b3b4;
	font-weight: 300;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px;
	display: block;
	-line-height: 34px;
}
.list-box ul ul li a:hover {
	color: #FFFFFF;
	background: #6f6f6f;
    display: block;
    -height: 34px;
    float: left;
    width: 100%;
}
.has-children span {
	font-size: 16px;
	color: #b4b3b4;
	font-weight: 300;
	text-transform: uppercase;
	-border-bottom: solid 1px #ddd;
	display: inline-block;
    width: 230px;
    float: right;
    margin-right: 20px;
}
.open .has-children span {
	border-bottom: solid #DDDDDD 1px;
	padding-bottom: 5px;
    margin-bottom: 5px;
    color: #fff;
}
.has-children span:hover {
	color: #fff;
	-border-bottom-color: #fff;
}
.category-toggle img {
	display: none;
}

#pagination {
	display: block;
	clear: both;
	text-align: center;
}



/*********Checkout Process*********/
.store-area.block.s8 {
	overflow: hidden;
}
.grid_12 {
	float: right;
	width: 670px;
}





/* Discount */
#discount-code {
	width: 670px;
    display: block;
    float: right;
}
#discount-skip {
	width: 670px;
    display: block;
    float: right;
}	
#discount-skip .store-button {
	width: 280px;
	float: left;
	color: #277BAC;
	border-color: #277BAC;
}
#discount-skip .store-button:hover {
	background: #10496A;
	color: #FFFFFF;
	border-color: #10496A;
}
#shopping-checkout #discount-code h2,
#shopping-checkout #discount-skip h2 {
	text-transform: capitalize;
}
#error-message {
	color: #DC0707;
}

/*End of Step Container*/




.info-box {
    background: #fafafa;
    border: 1px solid #eaeaea;
    width: 100%;
    padding: 10px;
    width: calc(100% - 22px);
    margin-bottom: 40px;
    overflow: auto;
    font-size: 14px;
    line-height: 24px;
}
.info-box label {
    float: left;
    color: #888;
    clear: left;
}
.info-box span {
    float: right;
    color: #888;
}
.info-box b {
    font-weight: 500;
    font-size: 16px;
    color: #444;
}
.info-box a {
    color: #888;
    font-weight: 400;
}
.info-box a:hover {
    color: var(--clr-brand-blue);
    text-decoration: none;
}

#shopping-checkout h2 {
	font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
}
#shipping-address #formItem-email, 
#shipping-address #formItem-phone {
	display: none;
}
.store-cart-header h2 {
    text-align: center;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 24px;
    margin-top: 40px;
}
#shopping-checkout 	.checkout-address-container .formItem label {
    width: 200px;
    display: block;
}
#shopping-checkout input.medium-width {
    width: 300px;
}
#shopping-checkout input.small-width {
    width: 150px;
}
.store-area .clear {
	height: 0px;	
}
.store-area li.clear {
	height: auto;
}
#shipping-confirm {
	display: inline-block
}
#billing-confirm {
	display: inline-block;
	float: right;
}
#confirm-addresses h3 {
	font-size: 20px;
	font-weight: 600;
}

#pay-order-total {
	margin-bottom: 10px;
}



#shopping-cart {
	position: relative;
	display: block;
	overflow: auto;
	padding-bottom: 80px;
}
#shopping-cart .cart-items-container {
    border-right: 1px solid #ccc;
    overflow: auto;
    width: 570px;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    padding-right: 30px;
}
#shopping-cart 	.cart-items {
    border-bottom-width: 0;
    font-size: 14px;
    float: left;
    margin-bottom: 0px;
}
#shopping-cart .cart-items th {
    text-transform: uppercase;
    color: #444;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    border: none;
    padding: 0px 0 0px;
}
#shopping-cart .cart-items tbody {
    border-right: 1px solid #ccc;
}
#shopping-cart .cart-items td {
    padding: 20px 0;
}
#shopping-cart .cart-items .top-row td {
    padding: 40px 0 20px;
}
#shopping-cart .cart-items td.secondary {
    padding: 0px 0 40px;
}
#cart-form td.column-image {
    width: 120px;
    text-align: left;
}
#cart-form td.column-image .img-wrap {
    width: 100px;
    height: 100px;
    display: inline-block;
}
#cart-form td.column-image .img-wrap .item-qty-bubble {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--clr-brand-blue);
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    border: 2px solid #fff;
    display: none;
}
.cart-image {
	width: auto;
	height: 100%;
	aspect-ratio: 1;
	object-fit: contain;
}

#shopping-cart .cart-items th.column-item {
	text-align: left;
} 
#shopping-cart .cart-items th.column-price {
    text-align: left;
    width: 100px;
    padding: 0 5px;
}
#shopping-cart .cart-items th.column-shipping-amount {
    text-align: left;
    width: 100px;
    padding: 0;
}

#shopping-cart .item-name {
}
#shopping-cart .item-name .store-item-link {
    font-size: 18px;
    font-weight: 400;
}
#shopping-cart .item-name .store-item-link:hover {
    color: var(--clr-brand-blue);
    text-decoration: none;
}
#shopping-cart .item-oneline-description {
    display: none;
}
#shopping-cart .item-option-values {
    margin-top: 3px;
    font-size: 12px;
}
#shopping-cart .item-sku {
    display: none;
}
#shopping-cart .item-sku label {
    display: none;
}

#shopping-cart .item-subscription-select {
    float: right;
    font-size: 12px;
    width: 200px;
}
#shopping-cart .item-subscription-select .item-sub-option {
    overflow: auto;
    padding: 3px 0;
}
#shopping-cart .item-subscription-select .option-label {
    display: inline-block;
    padding-top: 1px;
    width: 170px;
}
#shopping-cart .item-subscription-select .option-label .option-toggle-details {
    display: none;
    padding-top: 10px;
}
#shopping-cart .item-subscription-select .item-sub-option.selected .option-toggle-details {
    display: block;
}
#shopping-cart .item-subscription-select input[type="radio"] {
    float: left;
    margin-right: 7px;
}
#shopping-cart .item-subscription-select .option-label .formItem-dynamic {
}


#shopping-cart .item-quantity {
    margin-top: 0px;
    overflow: auto;
}

#shopping-cart .item-delivery {
    float: right;
    line-height: 32px;
    font-size: 12px;
    color: #888;
}
#shopping-cart .item-qty-box {
    border: 1px solid #ccc;
    padding: 0px 5px;
    overflow: auto;
    width: 90px;
    float: left;
}
#shopping-cart .item-qty-box span {
    display: inline-block;
    width: 20px;
    text-align: center;
    float: left;
    font-size: 24px;
    font-weight: 400;
    line-height: 17px;
    color: #888;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    margin: 5px 0;
}
#shopping-cart .item-qty-box input {
    float: left;
    border-width: 0;
    text-align: center;
    font-size: 14px;
    color: #444;
    font-weight: 200;
    line-height: 20px;
    margin: 0;
    width: 50px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 5px 0;
}
#shopping-cart .cart-remove-item-link {
    float: left;
    font-size: 12px;
    font-weight: 200;
    color: #888;
    display: inline-block;
    margin-left: 20px;
    line-height: 32px;
}
#shopping-cart .cart-remove-item-link:hover {
    color: var(--clr-brand-blue);
}

#shopping-cart td.column-price {
    text-align: right;
    color: #444;
    font-size: 18px;
    font-weight: 400;
}
#shopping-cart td.column-shipping-amount {
    text-align: left;
    padding-left: 0;
    font-size: 16px;
}
#shopping-cart .cart-actions {
    padding-top: 7px;
    text-align: right;
    float: right;
    clear: right;
    width: 250px;
}

#shopping-cart .discount .item-name {
    font-size: 18px;
    font-weight: 400;
    display: block;
}
#shopping-cart .discount .cart-remove-item-link {
    margin-left: 0;
}
#shopping-cart .discount .item-oneline-description {
    display: block;
    width: 90%;
}

#shopping-cart .discount .item-oneline-description p {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.5em;
}
#shopping-cart .cart-items tr.discount.even,
#shopping-cart .cart-items tr.discount.odd {
    background-color: transparent;
}
#shopping-cart .cart-items .discount td.column-price {
    color: #CA2C22;
    text-wrap: nowrap;
}


#shopping-cart .cart-summary-container {
    float: left;
    width: 319px;
    padding: 0 10px;
}

#shopping-cart .cart-totals {
	margin: 0px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
#shopping-cart .cart-totals li,
#shopping-cart .cart-totals li#cart-totals-total {
    padding: 0 0 15px;
    font-size: 16px;
}
#shopping-cart .cart-totals li.notice {
    font-size: 12px;
    line-height: 32px;
    color: #888;
    text-align: center;
    padding: 0px 0;
}
#shopping-cart .cart-totals li label,
#shopping-cart .cart-totals li .cart-total-value {
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;    
    color: #444;
}
#shopping-cart .cart-totals li label {
    float: left;
}
#shopping-cart .cart-totals li .cart-total-value {
    float: right;
}
.csq-notice {
    display: block;
    border: 1px solid var(--clr-brand-blue);
    border-color: #eaeaea;
    background: #fafafa;
    padding: 10px;
    margin-top: 30px;
}
.csq-notice h5 {
    font-size: 18px;
    font-weight: 400;
    color: var(--clr-brand-blue);
    color: #444;
    margin: 0 0 10px;
}
.csq-notice p {
    font-size: 12px;
    line-height: 1.4em;
    color: #888;
}
.csq-notice .csq-reasons {
    -background: #f0f0f0;
    display: block;
    padding: 0 0 0 10px;
}
.csq-notice .csq-reasons p {
    margin-top: 0;
    display: none;
}
.csq-notice .csq-reason {
    display: block;
    padding: 3px 0 3px 24px;
    font-size: 12px;
    line-height: 1.4em;
    color: #444;
    
    background: url('/images/check-blue.png') left center no-repeat;
    background-size: 16px;
}

#shopping-cart .cart-totals li#cart-totals-total {
    border-top-width: 0;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding-top: 10px;
}
#shopping-cart .cart-totals li#cart-totals-total label,
#shopping-cart .cart-totals li#cart-totals-total .cart-total-value {
    font-weight: 600;
    color: #444;
}

.cart-totals li:last-child {
	text-align: right;
	margin-top: 10px;
	padding-top: 10px;
}
#shopping-cart .cart-totals-container {
    width: 100%;
    margin-top: 20px;
}
#shopping-cart .cart-totals-container h3 {
    text-transform: uppercase;
    color: #444;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    border: none;
    padding: 0px 0 0px;   
    margin: 0 0 10px; 
}
#shopping-cart .cart-totals-container .cart-totals-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


#shopping-cart.store-area #discount-section {
}
#discount-section {
    width: 100%;
    padding: 20px 0 0;
    border-bottom: 1px solid #ccc;
    overflow: auto;
}
#discount-section #formItem-code {
    width: calc(100% - 2px - 120px - 10px);
    float: left;
    margin-right: 10px;
}
#discount-section _input[name="code"] {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px;
    border: 1px solid #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #444;
    width: calc(100% - 22px - 120px - 10px);
    float: left;
    margin-right: 10px;
}
#discount-section input[name="code"]::placeholder {
    color: #aaa;
}
#discount-section .store-button {
    width: 120px;
    float: left;
    padding: 12px 0;
}


#shopping-cart.store-area .cart-checkout-actions {
    width: 100%;
}
#shopping-cart.store-area .cart-checkout-actions p {
    font-size: 12px;
    line-height: 32px;
    color: #444;
    text-align: center;
    padding: 0px 0;
    display: none;
}
#shopping-car.store-area .cart-totals-container {
    float: right;
    clear: right;
    width: 280px;
}
#shopping-cart .cart-items tr.bottom-row td,
#shopping-cart .cart-items tr.discount td.column-item,
#shopping-cart .cart-items tr.discount td.column-price {
    border-bottom: 1px solid #ccc;
}
#shopping-cart .cart-items tbody tr.bottom-row:last-of-type td,
#shopping-cart .cart-items tr.discount:last-of-type td {
    border-color: transparent;
}
#shopping-cart .cart-items tr.odd {
    background: transparent;
}
#update-cart { 
	margin-top: 20px;
	width: 100%;
}
#update-subs {
    margin-top: 20px;
    width: 100%;
}
#continue-shopping {
    color: #aaa;
    other: var(--clr-brand-blue);
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 10px 0;
}
#continue-shopping:hover {
    color: var(--clr-brand-blue);
    text-decoration: none;
}


#checkout-right #shopping-cart {
    overflow: visible;
}
#checkout-right #shopping-cart thead {
    display: none;
}
#checkout-right #shopping-cart .cart-items-container {
    float: none;
    width: 100%;
    border-width: 0;
    overflow: visible;
    margin: 0;
    padding: 0;
}

#checkout-right #shopping-cart .cart-items {
    float: none;
    width: 100%;
}
#checkout-right #shopping-cart .cart-items .top-row td {
    padding-top: 0px;
}
#checkout-right #shopping-cart .cart-items td {
    vertical-align: top;
    padding-bottom: 10px;
}
#checkout-right #cart-form td.column-image {
    width: 90px;
    padding-bottom: 30px;
}
#checkout-right #cart-form td.column-image .img-wrap {
    width: 70px;
    height: 70px;
    position: relative;
}
#checkout-right #cart-form td.column-image .item-qty-bubble {
    display: block;
}
#checkout-right #shopping-cart .item-quantity {
    display: none;
}
#checkout-right #shopping-cart .item-subscription-select {
    float: none;
}
#checkout-right #shopping-cart .item-name .store-item-link {
    font-size: 16px;
}
#checkout-right #shopping-cart td.column-price {
    font-size: 16px;
}
#checkout-right #shopping-cart tr.bottom-row td,
#checkout-right #shopping-cart tr.discount td {
    border-width: 0;
}
#checkout-right #shopping-cart .cart-items td.secondary {
    padding-bottom: 20px;
}
#checkout-right #shopping-cart .cart-totals-header {
    display: none;
}
#checkout-right #shopping-cart .cart-totals li.notice {
    display: none;
}
#checkout-right #shopping-cart .cart-totals {
    border-width: 0;
    list-style: none;
}
#checkout-right #shopping-cart .cart-totals li {
    display: block;
    overflow: auto;
}
#checkout-right #shopping-cart .cart-totals-container {
    margin-top: 0;
}
#checkout-right #shopping-cart #discount-section {
    border-width: 0;
    margin-bottom: 20px;
}
#checkout-right #shopping-cart #cart-total-minimum-indicator {
    display: none;
}
#checkout-right #shopping-cart {
}

#checkout-right #shopping-cart .discount .item-name {
    font-size: 16px;
}
#checkout-right #shopping-cart .discount .item-oneline-description,
#checkout-right #shopping-cart .discount .cart-remove-item-link {
    display: none;
}


.cart-checkout-actions .formItem label {
	display: inline-block;
}
#proceed-to-checkout {
	margin-bottom: 10px;
	-color: #277BAC;
	-border-color: #277BAC;
}
#proceed-to-checkout:hover {
	-background: #10496A;
	-color: #FFFFFF;
	-border-color: #10496A;
}
#shipping-submit,
#billing-submit {
	width: 315px;
	color: #277BAC;
	border-color: #277BAC;
}
#shipping-submit:hover,
#billing-submit:hover {
	background: #10496A;
	color: #FFFFFF;
	border-color: #10496A;
}

#confirm-checkbox {
	position: absolute;
    top: 85px;
    right: 40px;
}
#confirm-submit {
	color: #277BAC;
	border-color: #277BAC;
	float: right;
	margin-bottom: 200px;
}
#confirm-submit:hover {
	background: #10496A;
	color: #FFFFFF;
	border-color: #10496A;
}
#place-order {
	color: #277BAC;
	border-color: #277BAC;
}
#place-order:hover {
	background: #10496A;
	color: #FFFFFF;
	border-color: #10496A;
}
#shopping-checkout.store-area.payment-checkout {
	width: 670px;
	float: right;
}

#shopping-checkout 	#billing-information:hover {
    background-color: #FFFFFF;
}
#billing-information .formItem h2 {
	margin-bottom: 0px;	
}


#checkout-wrap {
    overflow: auto;
    padding: 40px 0 80px;
}
#checkout-left {
    width: 470px;
    margin-right: 40px;
    float: left;
}
#checkout-right {
    width: 429px;
    padding-left: 20px;
    float: left;
    border-left: 1px solid #ccc;
}
#checkout-wrap h3 {
    text-transform: uppercase;
    color: #444;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    border: none;
    padding: 0px 0 0px;
    margin: 0 0 15px;
}
#checkout-wrap h3 span {
    -float: right;
    display: block;
    font-size: 12px;
    color: #888;
    font-style: italic;
    text-transform: none;
}
#checkout-wrap h4 {
    text-transform: uppercase;
    color: #444;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    border: none;
    padding: 0px 10px 0px;
    margin: 0 0 15px;
}

#delivery-options {
    margin-bottom: 20px;
}
#shipping-address {
    margin-bottom: 40px;
}
#shipping-options {
    margin-bottom: 40px;
}
#billing-address {
    margin-bottom: 40px;
}

#shipping-address-container {

}

.address-country-wrap {
    display: none;
}
.address-country-wrap.active {
    display: block;
}

.checkout-login-container {
    overflow: auto;
}
.checkout-login-container .fieldset-actions {
    clear: left;
    overflow: auto;
}
.checkout-login-container .store-button {
    text-transform: none;
    width: 200px;
    float: left;
    margin-right: 40px;
}


#login-signin-options {
    overflow: auto;
}
#login-signin-options .formItem {
    float: left;
}
#login-signin-options a {
    float: right;
    font-weight: 200;
    color: #888;    
    font-size: 12px;
    line-height: 20px;
}
#login-signin-options a:hover {
    color: var(--clr-brand-blue);
    text-decoration: none;
}
#checkout-create-form .formItemExample {
    color: #888;
    font-style: italic;
    font-size: 12px;
}
#checkout-create-form #formItem-agreeTo {
    padding: 20px 0;
}
#checkout-create-form p {
    font-weight: 200;
    font-size: 14px;
    color: #888;
    line-height: 1.5em;
}

#billing-fields {
    display: none;
} 
#billing-fields.visible {
    display: block;
} 

#payment-btn,
#place-btn {
    margin-top: 40px;
    width: 100%;
}


.or-div {
    color: #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 40px 0;
}
.or-div:after {
    position: absolute;
    background: #fff;
    left: calc(50% - 20px);
    top: -10px;
    
    content: "OR";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 40px;
}


.dynamic-fields .formItem.dynamic,
.dynamic-fields .formItem-dynamic {
    overflow: visible;
    margin-bottom: 20px;
    padding: 0;
}


.dynamic-fields .formItem-checkbox {
    overflow: auto;
}
.dynamic-fields .formItem-checkbox label {
    color: #444;
    font-size: 12px;
    line-height: 20px;
}
.dynamic-fields .formItem-checkbox .formItemInput {
    float: left;
    line-height: 20px;
}
.dynamic-fields .formItem-checkbox .formItemInput input {
    border-color: #ccc;
    margin: 0;
    display: inline-block;
    vertical-align: baseline;
}

.dynamic-fields .formItem-error {    
    display: none;
    position: absolute;
    color: var(--clr-red);
    font-size: 12px;
    line-height: 12px;
    padding: 10px 0 0 10px;
}
.dynamic-fields .formItem.error .formItem-error {
    display: block;   
    
}
.dynamic-fields .formItem.dynamic.error,
.dynamic-fields .formItem-dynamic.error  {
    margin-bottom: 40px;
}

.dynamic-fields .formItem.dynamic,
.dynamic-fields .formItem-dynamic {
    border: 1px solid #ccc;
    position: relative;
    padding: 0;
    background: #fff;
}
.dynamic-fields .formItem.dynamic label,
.dynamic-fields .formItem-dynamic label {
    position: absolute;
    color: #888;
    padding: 6px 0 0 10px;
    font-size: 11px;    
    line-height: 13px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.dynamic-fields .formItem.dynamic label:after,
.dynamic-fields .formItem-dynamic label:after {
    content: '';
}
.dynamic-fields .formItem.dynamic .formItemInput,
.dynamic-fields .formItem-dynamic .formItemInput {
    margin: 0;
    padding: 0;
}
.dynamic-fields .formItem.dynamic .formItemInput input,
.dynamic-fields .formItem-dynamic .formItemInput input,
.dynamic-fields .formItem.dynamic .formItemInput select,
.dynamic-fields .formItem-dynamic .formItemInput select {
    border: 1px solid transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 12px 10px;
    font-size: 16px;
    line-height: 18px;
    transition: all 0.2s ease-in-out;
    outline: none;
    border-radius: 0;
    width: calc(100% - 22px);
}
.dynamic-fields .formItem.dynamic .formItemInput select,
.dynamic-fields .formItem-dynamic .formItemInput select {
    width: calc(100% - 10px);
}
.dynamic-fields .formItem.dynamic .formItemInput input::placeholder,
.dynamic-fields .formItem-dynamic .formItemInput input::placeholder {
    color: #888;
    transition: all 0.2s ease-in-out;
}

.dynamic-fields .formItem.dynamic.has-content,
.dynamic-fields .formItem-dynamic.has-content {
}
.dynamic-fields .formItem.dynamic.has-content label,
.dynamic-fields .formItem-dynamic.has-content label {
    opacity: 1;
}
.dynamic-fields .formItem.dynamic.has-content .formItemInput {
}
.dynamic-fields .formItem.dynamic.has-content .formItemInput input,
.dynamic-fields .formItem.formItem-dynamic.has-content .formItemInput input {
    padding: 19px 10px 5px 8px;
}
.dynamic-fields .formItem.dynamic.has-content .formItemInput select,
.dynamic-fields .formItem.formItem-dynamic.has-content .formItemInput select {
    padding: 18px 10px 5px 5px;
}


.dynamic-fields .formItem.dynamic.focused,
.dynamic-fields .formItem-dynamic.focused {
    border-color: var(--clr-brand-blue);
}
.dynamic-fields .formItem.dynamic.focused label {
}
.dynamic-fields .formItem.dynamic.focused .formItemInput {
}
.dynamic-fields .formItem.dynamic.focused .formItemInput input,
.dynamic-fields .formItem-dynamic.focused .formItemInput input,
.dynamic-fields .formItem.dynamic.focused .formItemInput select,
.dynamic-fields .formItem-dynamic.focused .formItemInput select {
    border-color: var(--clr-brand-blue);
}

.dynamic-fields .formItem.dynamic.error,
.dynamic-fields .formItem-dynamic.error {
    border-color: var(--clr-red);
}
.dynamic-fields .formItem.dynamic.error label {
}
.dynamic-fields .formItem.dynamic.error .formItemInput {
}
.dynamic-fields .formItem.dynamic.error .formItemInput input,
.dynamic-fields .formItem-dynamic.error .formItemInput input,
.dynamic-fields .formItem.dynamic.error .formItemInput select,
.dynamic-fields .formItem-dynamic.error .formItemInput select {
    border-color: var(--clr-red);
}

.dynamic-fields .joiner {
    overflow: hidden;
}
.dynamic-fields .joiner .formItem {
    float: left;
    margin-right: 20px; 
}
.dynamic-fields .joiner .formItem:last-of-type {
    margin-right: 0;
}

.dynamic-fields .joiner[cols="2"] .formItem { width: calc(50% - 12px); }

.dynamic-fields .joiner[cols="3"] .formItem { width: calc(100% / 3 - 46px / 3); }

.dynamic-fields .joiner[cols="2-1"] .formItem:first-child { width: calc(200% / 3 - 12px); }
.dynamic-fields .joiner[cols="2-1"] .formItem:last-child { width: calc(100% / 3 - 12px); }

.dynamic-fields .radio-group .formItem:last-of-type {
    margin-bottom: 0;
}

.dynamic-fields .formItem-dynamic label {
    text-transform: none;
}



#review-dialog {
    display: none;
}

.ui-dialog[aria-labelledby="ui-dialog-title-review-dialog"] .ui-dialog-titlebar {
    display: none;
}

#review-dialog-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0;
}
#review-dialog-title span {
    display: block;
    float: right;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
#review-dialog-title span:hover {
    color: var(--clr-brand-blue);
}

#review-dialog .formItem label::after {
    content: '';
}
#review-dialog .formItem label.required::after {
    content: ' *';
}
#review-dialog .formItem {
    margin: 10px 0;
}
#review-dialog .formItem label {
    font-size: 12px;
    color: #888;
    padding-bottom: 3px;
}
#review-dialog .formItem .formItemInput {
}
#review-dialog .formItem input {
    padding: 7px 10px;
    width: calc(100% - 22px);
    font-size: 14px;
}
#review-dialog .formItem textarea {
    padding: 10px;
    width: calc(100% - 22px);
    font-size: 14px;
    height: 10em;
    font-family: Inter;
}
#review-dialog .formItem input::placeholder,
#review-dialog .formItem textarea::placeholder {
    font-family: Inter;
    color: #aaa;
}
#review-dialog .formItem .formItemExample {
    text-align: right;
    font-size: 14px;
    color: #888;
    line-height: 16px;
    padding: 6px 6px 0;
}
#review-dialog .store-button {
    width: 250px;
    margin: 30px auto 30px;
}
#review-dialog .formItem.error input,
#review-dialog .formItem.error textarea {
    border-color: #e77;
}
#review-dialog .formItem.error label {
    color: #e77;
}
#review-captcha {
    clear: both;
    overflow: auto;
}
#review-captcha #captcha-image {
    float: left;
    padding-top: 12px;
    overflow: auto;
}
#review-captcha #captcha-image #captcha {
    float: left;
}
#review-captcha #captcha-image #captcha-reset {
    float: left;
    padding: 12px 0 0 12px;
}
#review-captcha #captcha-image #captcha-reset img {
    width: 20px;
}
#review-captcha #formItem-captcha-input {
    float: left;
    padding-left: 20px;
}

#review-dialog.complete #review-dialog-title,
#review-dialog.complete #review-form {
    display: none;
}
#review-dialog.complete #review-finish {
    display: block;
}

#review-finish {
    display: none;
    text-align: center;
    padding: 40px 0;
}
#review-finish h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
#review-finish p {
    font-size: 14px;    
}



#payment-index {
    width: 500px;
    margin: 20px auto 80px;
}

#payment-order.info-box {
    margin-bottom: 0;
}
#payment-index h1 {
    font-size: 24px;
    line-height: 30px;
}
#payment-index h1 span {
    float: right;
    font-size: 18px;
}
#payment-index h3 {
    font-size: 18px;
    margin: 0 0 20px;
}
#payment-order .cart-totals {
    float: right;
    width: 100%;
}
#payment-order ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#payment-order ul li {
    padding-bottom: 5px;
    overflow: auto;
    clear: both;
}
#payment-order ul li label {
    font-size: 14px;
    line-height: 18px;
    color: #444;
}
#payment-order ul li label span {
    font-size: 11px;
    color: #888;
    font-style: italic;
}
#payment-order ul li .cart-total-value {
    float: right;
}
#payment-order ul li#cart-totals-order {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

#payment-order ul li#cart-totals-total {
    border-top: 1px solid #ccc;
    padding-top: 14px;
}
#payment-order ul li#cart-totals-total label,
#payment-order ul li#cart-totals-total .cart-total-value {
    font-size: 18px;
    font-weight: 600;
}

#billing-save-btn {
    width: 100%;
}

#user-orders {
}
#user-orders .user-order {
    color: #444;
    font-size: 14px;
    overflow: auto;
    clear: both;
    padding: 10px;
    background: #f3f3f3;    
    cursor: pointer;
}
#user-orders .user-order.header {
    font-weight: bold;
    background: transparent;
}
#user-orders .user-order:nth-child(2n+1) {
    background: transparent;
}
#user-orders .user-order:not(.header):hover {
    background: var(--clr-brand-blue-p10);
}
#user-orders .user-order-date {
    float: left;
    width: 120px;
}
#user-orders .user-order-date span {
    display: block;
    color: #888;
    font-size: 12px;
    font-style: italic;
}
#user-orders .user-order-number {
    width: 200px;
    float: left;
}
#user-orders .user-order-total {
    width: 120px;
    float: left;
}
#user-orders .user-order-pay-btn {
}
#user-orders .user-order-pay {
}
#user-orders .user-order-pay span {
    color: #a33;
}


.error-message {
    display: none;
    color: var(--clr-red);
    border: 1px solid var(--clr-red);
    padding: 20px;
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 20px;
    background: rgba(200,20,20,.1);
}
.error-message.visible {
    display: block;
}



.out-of-stock {
    position: relative;
    overflow: hidden;
    container: item-image / inline-size;
}
.out-of-stock::after {
    content: 'SOLD OUT';
    position: absolute;
    background: #CA2C22;
    text-align: center;
    left: -33%;
    width: 100%;
    padding: 1em 0;
    top: 10%;
    color: #fff;
    transform-origin: center;
    transform: rotate(-45deg);    
    font-size: 5cqw;
}


#user-payments {
    overflow: auto;
}
#user-payments .user-payment {
    display: block;
    width: calc(50% - 10px - 42px);
    min-height: 180px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: auto;
    float: left;
    margin-right: 20px;
}
#user-payments .user-payment:nth-child(2n) {
    margin-right: 0;
}
#user-payments .user-payment .user-payment-trash {
    float: right;
    width: 24px;
    height: 24px;
    background: url(/images/delete.png) center center no-repeat transparent;
    background-size: cover;
    opacity: 0.3;
    margin: 4px 0;
}
#user-payments .user-payment .user-payment-trash:hover {
    cursor: pointer;
    opacity: 1;
}




#user-payments .user-payment .user-payment-art {
    float: left;
    background: url(/images/cc/blank.png) left center no-repeat transparent;
    background-size: contain;
    height: 32px;
    width: 60px;
}
#user-payments .user-payment[cardType="Visa"]            .user-payment-art { background-image: url('/images/cc/visa-curved-32px.png'); }
#user-payments .user-payment[cardType="Mastercard"]      .user-payment-art { background-image: url('/images/cc/mastercard-curved-32px.png'); }
#user-payments .user-payment[cardType="AmericanExpress"] .user-payment-art { background-image: url('/images/cc/american-express-curved-32px.png'); }
#user-payments .user-payment[cardType="Discover"]        .user-payment-art { background-image: url('/images/cc/discover-curved-32px.png'); }
#user-payments .user-payment[cardType="_JCB"]             .user-payment-art { background-image: url('/images/cc/-curved-32px.png'); }
#user-payments .user-payment[cardType="_DinersClub"]      .user-payment-art { background-image: url('/images/cc/-curved-32px.png'); }
#user-payments .user-payment[cardType="PayPal"]          .user-payment-art { background-image: url('/images/cc/paypal-curved-32px.png'); }
#user-payments .user-payment[cardType="_ApplePay"]        .user-payment-art { background-image: url('/images/cc/-curved-32px.png'); }
#user-payments .user-payment[cardType="_eCheck"]          .user-payment-art { background-image: url('/images/cc/-curved-32px.png'); }
#user-payments .user-payment .user-payment-card {
    font-size: 18px;
    float: left;
    padding-left: 20px;
    line-height: 32px;
}
#user-payments .user-payment .user-payment-exp {
    float: right;
    clear: both;
    display: none;
}
#user-payments .user-payment .user-payment-exp span {
    color: #aaa;
    font-size: 14px;
}

#user-payments .user-payment-billing {
    clear: both;
    padding-top: 20px;
    font-size: 13px;
}

#payment-options #user-payments .user-payment {
    width: calc(100% - 42px);
    margin: 0 0 20px;
    background: #fff;
    min-height: auto;
    overflow: auto;
}
#payment-options #user-payments .user-payment:last-of-type {
    margin: 0;
}
#payment-options #user-payments .user-payment.selected {
    border-color: var(--clr-brand-blue);
}
#payment-options #user-payments .user-payment-select {
    float: left;
    width: 40px;
    padding-right: 20px;
}
#payment-options #user-payments .user-payment-select input {
    outline: none;
}
#payment-options #user-payments .user-payment-info {
    float: left;
    overflow: auto;
}

#add-payment-method-btn {
    
}
#-add-payment-method-btn:hover {
    cursor: pointer;
    color: var(--clr-brand-blue);
}

#payment-options .user-payment-none {
    font-size: 12px;
}
#payment-options .user-payment-none a {
    color: var(--clr-brand-blue);
    border-width: 0;
    outline: none;
}
#payment-options .user-payment-none a:hover {
    text-decoration: underline;
}