@font-face{
	font-family: 'ElegantIcons';
	src:url('../../../../system/admin/fonts/ElegantIcons.eot');
	src:url('../../../../system/admin/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../../../../system/admin/fonts/ElegantIcons.woff') format('woff'),
		url('../../../../system/admin/fonts/ElegantIcons.ttf') format('truetype'),
		url('../../../../system/admin/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* ----- SEARCH PAGE ----- */
.site_search_page {}
.site_search_page.product_page .product_page_hidden {display: none !important;}
.site_search_page.category_page .category_page_hidden {display: none !important;}
.search_heading {display: flex; align-items: center; justify-content: center; width: 100%; padding: 40px 0;}
.search_heading h1 {font-weight: 800; color: var(--primary-color); position: relative;}
.search_heading h1::after {content:""; display: block; width: 100px; height: 2px; background: var(--secondary-color); position: absolute; bottom:0; left: calc(50% - 50px);}

.search_header {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; background: #fff; border-radius: 5px; padding: 0 15px; box-sizing: border-box;}
.search_header_section {display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #4F4C4D;}
.search_header_section.section_left {justify-content: flex-start; gap:20px;}
.search_header_section.section_right {justify-content: flex-end;}
.search_title span {font-weight: bold;}
.res_per_page {display: flex; align-items: center; justify-content: flex-start; color: #fff;}
.res_per_page span {text-decoration: underline; color: #4F4C4D; cursor:pointer; text-align: center; line-height: 40px; min-width: 48px;}
.res_per_page span:first-child {text-decoration: none;}
.res_per_page span.selected {text-decoration: none; font-weight: bold;}

.search_results_found p {padding:0; font-size: 14px; color: #4F4C4D;}
.sys_sortsearchby {width: auto; border:0; background-color: #fff; font-weight: bold; font-family:inherit; padding: 0 20px 0 0;}

.search_main {padding: 20px 0;}

.search_results {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap:wrap; gap:30px;}

/* -- PAGER -- */
.search_pager {display: flex; align-items: center; justify-content: center;  width: 100%; height: 60px; background: #fff; border: 1px solid #E9E5E5; position: relative; margin: 20px 0;} 
.pager_link { padding: 0 4px; margin: 0 2px; position: relative; } 
.pager_link a {font-size: 16px; color: #4F4C4D; text-decoration: underline; line-height: 60px;} 
.pager_link a:hover {color: #231F20;} 
.pager_link:is(.pager_next_button, .pager_prev_button) {display: flex; align-items: center; justify-content: center; width:100px; height:100%;} 
.pager_link:is(.pager_next_button, .pager_prev_button) a {display: flex; align-items: center; justify-content: center; gap:10px; width:100%; height: 100%; position: relative; text-transform: lowercase; text-decoration: underline; color: #4F4C4D; } 
.pager_link:is(.pager_next_button, .pager_prev_button).disabled.hidden {display: flex;} 
.pager_link:is(.pager_next_button, .pager_prev_button).disabled a {cursor: default; pointer-events:none; color: #A9A9A9; text-decoration: none;} 
.pager_link.pager_prev_button {position: absolute; left: 0; top: 0;} 
.pager_link.pager_prev_button a::before {content:""; display: block; width: 30px; height: 30px; background: #F8F8F8 url(../images/chevron-left-black.svg) no-repeat center; border-radius: 100%;} 
.pager_link.pager_prev_button.disabled a::before {background-image: url(../images/chevron-left-grey.svg);} 
.pager_link.pager_next_button {position: absolute; right: 0; top: 0;} 
.pager_link.pager_next_button a::after {content:""; display: block; width: 30px; height: 30px; background: #F8F8F8 url(../images/chevron-right-black.svg) no-repeat center; border-radius: 100%;} 
.pager_link.pager_next_button.disabled a::after {background-image: url(../images/chevron-right-grey.svg);} 
.pager_current_page a { color: #231F20; font-weight: bold; text-decoration: none;} 



/* -- PRODUCT BLOCK -- */
.product_block {width: 380px; border: 1px solid #E9E3E3; border-radius: 5px; box-sizing: border-box; position: relative;}
.product_image_wrap {width: 100%; height: 380px; padding: 10px; box-sizing: border-box; border-radius: 5px 5px 0 0; background: #fff; border-bottom: 1px solid #E9E3E3; position: relative;} 
.product_image {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow:hidden;} 
.product_image img {max-width: 100%; max-height: 100%; width: auto; height: auto; transition:0.2s ease-in-out all;} 
.product_stickers {display: flex; align-items: center; justify-content: flex-start; gap:10px; position: absolute; bottom:10px; left:10px; padding: 10px;}
.product_stickers > div {display: flex; align-items: center; justify-content: center; height: 30px; padding: 0 15px; border-radius: 4px;}
.product_stickers > div.hidden {display: none;}
.product_stickers > div span {font-size: 14px; color: #fff; font-weight: bold;}
.product_stickers .noStock {background: #8E8B8C;}
.product_stickers .product_engrave {background: #4F4C4D;}
.product_stickers .saleIcon {background: #EF4444;}
.product_block .addToWishlist {height: 50px; width: 50px; border-radius: 100%; background: #fff url(../images/star-black.svg) no-repeat center; box-shadow: 0px 0px 10px #0000001A; position: absolute; top:10px; right: 10px;}
.product_block .addToWishlist.added {background-image:url(../images/star-black-fill.svg);}
.product_info {width: 100%; background: #FBFBFB; padding: 20px; box-sizing: border-box; border-radius: 0 0 5px 5px;}
.product_code {display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.product_code span {font-size: 14px; color: #8A8788; font-weight: 800; text-transform: uppercase;}
.product_title {display: flex; align-items: flex-start; justify-content: flex-start; height: 45px;}
.product_title a {font-size: 16px; line-height: 22px; color: #231F20; font-weight: 800;}
.product_price {display: flex; flex-direction:column; align-items: flex-start; justify-content: flex-end; height: 50px; padding: 5px 0;}
.product_price span {font-size: 16px; line-height: 20px; color: #231F20; font-weight: 800; text-transform: uppercase;}
.product_price span.wasprice {font-size: 14px; font-weight: normal; color: #8A8788; text-decoration: line-through;}
.product_price span.nowprice {color: #EF4444; font-weight: 800;}

.product_block:hover .product_image img {transform:scale(1.1, 1.1);}


.category_page .search_results {}
/* -- CATEGORY BLOCK -- */
.category_block {background: #fff; height: 270px; width: 270px; border-radius: 5px; position: relative;}
.category_block .catImage {width: 100%; height: 100%;}
.category_block .catImage a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.category_block .catImage a img {max-width: 100%; max-width: 100%; width: auto; height:auto;}
.category_block .catTitle {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 10px; left: 10px; right: 10px; width: calc(100% - 20px);}
.category_block .catTitle a {width: 100%; height: 50px; padding: 0 10px; font-size: 16px; font-weight: 600; line-height: 22px; text-transform: none; justify-content: space-between; text-align: left; border:0; box-shadow: 0px 0px 10px #0000001A;}



/* -- DETAILS PAGE -- */
.details_page {display: flex; flex-wrap:wrap; gap:30px; padding: 20px 0;}
.details_page_section {width: calc(50% - 15px); box-sizing: border-box;}

.zoomWrapper {}
.productImages {height: 100px; position: relative; font-size: 26px; margin-top:10px;}
.smallImage {display: block; float:left; height: 100px; line-height: 100px; width: 100px; margin: 0 20px 20px 0; text-align:center; cursor: pointer; }
.smallImage:nth-child(4n) { margin-right:0;}
.smallImage img {vertical-align:bottom; max-width:100%;}
.productImage { height: auto; position: relative; text-align:center; max-width:585px; }
.plainText {font-size: 14px; padding: 10px 0px; color: #26365a; font-weight: bold;}
/*Split Images*/
.splitImages { overflow:hidden; border:1px solid #e1e1e1; position:relative; height:350px; box-sizing:border-box;}
.splitImages > div { float:left; width:50%; box-sizing:border-box;  overflow:hidden; background:#fff; text-align:center;}
.splitImages > div:nth-child(2) { border-left:1px solid #e1e1e1; transform:rotate(52.8deg); position:absolute; left:40%; top:-23px; height:578.01px; line-height:492px}
.splitImages > div:nth-child(2) img { transform:rotate(-52.2deg); vertical-align:middle;}
.splitImages img { max-width:100%;}

.productTitle {font-size: 36px; line-height: 40px; color: var(--primary-color); font-weight: bold; }

.productSticker_row {display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.productSticker_row .saleIcon {display: flex; align-items: center; justify-content: center; padding: 0 10px; height: 40px; border-radius: 4px; background: #EF4444;}
.productSticker_row .saleIcon span {font-size: 16px; color: #fff; font-weight: bold;}
.productSticker_row .addToWishlist {display: flex; align-items: center; justify-content: center; padding: 0 10px; height: 30px; background: #fff; border-radius: 0 3px 3px 0; box-shadow: 0px 0px 10px #0000001A; position: relative;}
.productSticker_row .addToWishlist span {font-size: 13px; color: #4F4C4D; text-decoration: underline; padding-left: 20px;}
.productSticker_row .addToWishlist::before {content:""; display: block; width: 45px; height: 45px; background: #fff url(../images/star-black.svg) no-repeat center; border-radius: 100%; box-shadow: 0px 0px 10px #0000001A; position: absolute; left: -22px;}
/* .productSticker_row .addToWishlist::before {background-image: url(../images/star-black-fill.svg);} */

.productPrice {}
.productPrice div {font-size: 36px; line-height: 40px; text-transform: uppercase; font-weight: 800; color: #231F20;}
.productPrice .nowPrice {color: #EF4444;}
.productPrice .wasPrice {font-size: 22px; text-decoration: line-through; color: #8A8788; font-weight: normal;}

/* variations */
.variations {padding: 10px 0;}
.var_label {font-size: 16px; line-height: 26px; color: #231F20; font-weight: 500;}
.var_select {width: 100%;}
.var_select .variation {width: 410px; height: 55px; max-width: 100%; background-color: #fff; border:0; border-radius: 5px; padding: 0 10px; font-size: 13px; font-weight: 500;}


.product_engraving_wrap {width: 100%; padding: 10px; box-sizing: border-box; background: #fff; border-radius: 5px;}
.product_engraving_header {width: 100%; background: url(../images/engraveicon.jpg) top right no-repeat;}
.pe_header_title {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 10px 0;}
.pe_header_title::before {content:""; display: block; width: 20px; height: 20px; background: url(../images/engraving-black.svg) no-repeat center;}
.pe_header_title span {font-size: 16px; color: #231F20; font-weight: bold;}
.product_engraving_wrap .eng_toggle {padding: 5px 0;}
.eng_toggle_field {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 5px 0;}
.eng_toggle_field span {font-size: 14px; color: #4F4C4D; font-weight: 500;}
.eng_toggle_field input {accent-color: #4F4C4D;}

.pe_inner_title {padding: 10px 0 20px; position: relative;}
.pe_inner_title span {font-size: 16px; color: #231F20; font-weight: bold; }
.pe_inner_title::after {content:""; display: block; width: 50px; height: 2px; background: var(--secondary-color); position: absolute; bottom:15px; left:0;}

.same_eng {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 10px 0;}
.same_eng input {accent-color: #4F4C4D;}
.same_eng span {font-size: 14px; color: #4F4C4D; font-weight: 500;}

.product_engraving_inner {display: none;}
.pe_opts_wrap {padding: 10px 0;}
.pe_opts {display: flex; flex-wrap:wrap; gap:20px; padding: 10px 0;}
.eng_opt {width: calc(50% - 10px);}
.eng_opt_heading {font-size: 18px; font-weight: bold; line-height: 20px; padding: 5px 0;}
.pe_opts_wrap:not(:nth-child(3)) .eng_opt_heading {border-bottom: 1px solid #ccc;}
.cuff_title {font-size: 16px; color: #231F20; font-weight: bold; padding: 5px 0;}
.eng_opt textarea {width: 100%; height: 60px; background: #F8F8F8; border:0; border-radius: 5px; padding: 0 10px 0 20px; line-height:60px; font-family:inherit; box-sizing: border-box; resize:none;}
.eng_opt .char_limit {display: flex; align-items: center; justify-content: flex-start; gap:10px; font-size: 13px; color: #4F4C4D; padding: 5px 0;}
.eng_opt .char_limit::before {content:""; display: block; width: 20px; height: 20px; background: url(../images/info-circle-black.svg) no-repeat center; background-size: contain;}
.product_engraving_inner .fonts {display: flex; flex-wrap:wrap; gap:0 10px; padding: 10px 0;}
.product_engraving_inner .font_header {display: block; font-size: 16px; color: #231F20; font-weight: bold; width: 100%;}
.product_engraving_inner .font_field {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 10px 0;}
.product_engraving_inner .font_field span {font-size: 14px; color: #4F4C4D; font-weight: bold;}
.product_engraving_inner .font_field input {accent-color: #4F4C4D;}
.product_engraving_inner .font_field img {height: 20px; width: auto; vertical-align:middle;}

/* addto cart */
.addtocart_row {display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap; gap:20px; padding: 20px 0;}
.quantity {display: flex; align-items: center; height: 55px; width: 165px; background: #fff; border-radius: 5px;}
.quantity input {width: calc(100% - 100px); background: none; border:0; text-align: center; font-size: 16px; color: #4F4C4D; font-weight: bold;}
.quantity .quant {width: 50px; height: 100px;}
.quantity .quant.more {background: url(../images/plus-grey.svg) no-repeat center;}
.quantity .quant.less {background: url(../images/minus-grey.svg) no-repeat center;}

.addToCart {display: flex; align-items: center; justify-content: center; gap:10px; width: 225px; height: 55px; background: var(--primary-color); border: 2px solid var(--primary-color); border-radius: 5px; box-sizing: border-box; transition: 0.2s ease-in-out all;}
.addToCart span {font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; transition: 0.2s ease-in-out all;}
.addToCart::after {content:""; display: block; width: 30px; height: 30px; background: #fff url(../images/plus-black.svg) no-repeat center; border-radius:100%;}
.addToCart:hover {background: #fff;}
.addToCart:hover span {color: var(--primary-color);}

.stock_row {width: 100%;}
.stock_row span {font-size: 16px; color: #4F4C4D;}
.stock_row span span {font-weight: bold;}

/* delivery message */
.deliverymessage {width: 100%; background: #fff; border-radius: 5px; padding: 20px; box-sizing: border-box; margin: 20px 0;}
.deliverymessage_title {display: flex; align-items: center; justify-content: flex-start; gap:15px; padding: 10px 0; font-size: 16px;font-weight: bold; color: #4F4C4D;}
.deliverymessage_title::before {content: ""; display: block; width: 20px; height: 20px; background: url(../images/info-circle-black.svg) no-repeat center;}

.productCode_row {display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap; gap:20px; padding: 10px 0;}
.productCode {font-size: 16px; color: #8A8788; font-weight: 800;}
.productCode_row .catTag {font-size: 16px; color: #4F4C4D; text-decoration: underline;}

.sharethis-inline-share-buttons {padding:20px 0;}

.productInfo_wrap {background: #fff; width: 100%;}
.productInfo_container {padding: 30px 0;}

.tab_wrap {padding-bottom: 20px;}
.tab_title {padding: 10px 0 30px; position: relative;}
.tab_title span {display: block; font-size: 26px; color: var(--primary-color); font-weight: 600;}
.tab_title::after {content:""; display: block; width: 100px; height: 2px; background: var(--secondary-color); position: absolute; bottom: 20px; left:0px;}


.associations_wrap {padding: 20px 0;}
.associations_wrap h2 {font-size: 26px; color: var(--primary-color); font-weight: 600; position: relative; padding: 0 0 20px;}
.associations_wrap h2::after {content:""; display: block; width: 100px; height: 2px; background: var(--secondary-color); position: absolute; bottom: 20px; left:0px;}
.associations {display: flex; flex-wrap:wrap; gap: 30px;}



/* Featured Product*/
.feat_product_box {border:1px solid #e2e2e1; width:218px; font-family:arial;  margin-bottom:20px;}
.feat_product_box .feat_title{background:#e2e2e1; text-transform:uppercase; text-align:center; color:#000; font-size:16px; line-height:32px;}
.feat_product_box .product_title{background:#e2e2e1; text-transform:uppercase; text-align:center; font-size:14px; margin:0; height:48px; line-height:24px;}



.p_file_upload {margin-bottom: 20px;}
.p_file_upload > div:first-child{font-size: 18px;font-weight: bold;line-height: 26px;}
.p_chosen_image img{max-width: 150px;margin-bottom: 10px;}

/*Added to Cart Box*/
div.apprise .apprise-inner.custom { background:#fff; padding:20px;}
.apprise-overlay.custom {background: #231F20E6;}
.ac_title {display: flex; align-items: center; justify-content: space-between;}
.ac_title span {display: flex; align-items: center; justify-content: flex-start; gap:10px; font-size: 20px; font-weight: bold; color: #231F20;}
.ac_title span::before {content:""; display: block; width: 20px; height: 20px; background: url(../images/tick-black.svg) no-repeat center;}
.closepopup { display:block; float:right; height:20px; width:20px; background:url(../images/x-grey.svg) center center no-repeat;}

.ac_prod_wrap {display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
.acprod {display: flex; max-width: calc(100% - 235px);}
.acprod .p_image {display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; border: 1px solid #E9E3E3; border-radius: 5px; overflow: hidden;}
.acprod .p_image img {max-height: 100%; max-width: 100%; height: 100%; width: 100%;}
.acprod .p_details {padding-left: 20px; box-sizing: border-box;}
.acprod .p_details .p_title {font-size: 16px; color: #231F20; font-weight: bold;}
.acprod .p_details .p_price {font-size: 16px; text-transform: uppercase; font-weight: 500; color: #231F20; padding: 10px 0;}
.acprod .cart_delete {font-size: 12px; color: #4F4C4D; text-decoration: underline;}

.p_buttons {display: flex; flex-direction:column; gap:0;}
.p_buttons a {height: 50px; padding: 0 10px; box-sizing: border-box; font-size: 16px; gap:5px;}

.ac_upsells {background: #F8F8F8; padding: 20px; box-sizing: border-box;}
.addprodTitle {display: flex; align-items: center; justify-content: flex-start; gap:10px; width: 100%; padding: 0 0 10px;}
.addprodTitle::before {content:""; display: block; width: 20px; height: 20px; background: url(../images/engraving-black.svg) no-repeat center;}
.addprodTitle span {font-size: 16px; color: #231F20; font-weight: bold;}
.addprods {display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; gap:20px;}
.addprod {display: flex; width: calc(50% - 10px);}
.ap_image {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px;}
.ap_image img {max-height: 100%; max-width: 100%;}
.ap_details {padding-left: 10px; box-sizing: border-box;}
.ap_title {font-size: 16px; line-height: 22px; color: #231F20; font-weight: bold;}
.ap_price {font-size: 16px; line-height: 22px; text-transform: uppercase; font-weight: 500; color: #231F20; padding: 10px 0;}
.view_engrave {font-size: 12px; color: var(--tertiary-color); text-decoration: underline; font-weight: 500;}


/* ----- WISHLIST PAGE ---- */
.wishlist_page {}
.wishlist_header {display: flex; align-items: center; justify-content: center; padding: 20px 0;}
.wishlist_header_title {position: relative; padding: 0 0 20px;}
.wishlist_header_title span {font-size: 30px; color: #231F20; font-weight: 800;}
.wishlist_header_title::after {content:""; display: block; width: 100px; height: 1px; background: var(--tertiary-color); position: absolute; bottom: 10px; left: calc(50% - 50px);}
.wishlist_share_wrap {display: flex; align-items: center; justify-content: center;}
.shareFullWishlist {display: flex; height: 55px; padding: 0 20px; box-sizing: border-box;}
a.shareFullWishlist.arrow::after {background-image: url(../images/share-black.svg);}



/*Wishlists */
.w-product {height: 50px; line-height: 50px; font-size: 14px;}
.w-product:after {display: block; content: ''; overflow: hidden; height: 0; clear: both;}
.w-product > div {float: left; width: 110px; margin: 0 5px; height: 50px;}
.w-product > div:nth-child(2) {width: 420px;}
.w-product > div:nth-child(5) {text-align: center;}
.w-product a {color: #000;}
.w-product > div img {max-width: 100%; height: auto; max-height: 100%; width: auto;}

.shareWishlist {float: right;}
.w-share input {display: block; box-sizing:border-box; width: 100%; height: 30px; line-height: 30px; margin: 5px 0;}
.w-errors {line-height: 50px; color: #900;}

a.productWishlist {display: block; position: absolute; right: 0; height: 40px; background: url(../images/wishlist-small-red.png) no-repeat left center; padding-left: 30px; line-height: 40px; font-size: 18px; font-weight: bold; color: #000;}
.p_wishlist_buttons { position: absolute; top: calc(100%); left:-1px; background: #FBFBFB; padding:10px; display: flex; align-items: center; justify-content: space-between; border:1px solid #E9E3E3; border-top: 0; border-radius: 0 0 5px 5px; column-gap: 10px;}
a.removeWishlist {display: block; background:url(../images/trash-black.svg) no-repeat left center; padding-left:25px; line-height: 24px;}
a.shareWishlist {display: block; background:url(../images/icon-share.svg) no-repeat left center; padding-left:25px; line-height: 24px;}

.wishlist h1 { font-size: 26px; color: #000000; padding: 0; margin:0; font-weight:bold; line-height: 36px;}
.wishlist select {width: 100%; margin: 5px 0; border: 1px solid #ccc; padding: 0 5px; box-sizing:border-box; line-height:44px;  font-size: 16px; height: 44px;}
.wishCell input {position: absolute; left: 5px; top: 5px; height: 30px; width: 90%; box-sizing:border-box; padding: 0 5px; z-index:20; display: none; }




/* --------------------- */
/* ------ MODULES ------ */
/* --------------------- */

/* -- PRODUCT MODULE -- */
.product_module {display: flex; flex-wrap:wrap; gap:20px;}

/* -- CATEGORY MODULE -- */
.categories {display: flex; flex-wrap:wrap; gap:20px;}





/* ---------------------- */
/* ------ CHECKOUT ------ */
/* ---------------------- */

/*----- LARGE CART -----*/
.cart_title {padding:10px 0;}
.cart_title span {font-size: 24px; color: #3B3B3D; font-weight: bold;}

.cart_products {}
.cart_product {display: flex; justify-content: space-between; background: #F8F8F8; box-sizing: border-box; margin: 10px 0; padding: 10px; border-radius: 5px; min-height: 120px;}
.cart_product_left {display: flex;}
.cart_product_image { box-sizing: border-box; width: 80px;}
.cart_product_image img {max-width: 60px; max-height: 60px; width: auto; height: auto;}
.cart_product_details {display: flex; flex-direction:column; box-sizing: border-box; max-width: calc(100% - 80px);}
.cart_product_title {}
.cart_product_title span {font-size: 12px; line-height: 18px; color: #3B3B3D; font-weight: bold;}
.cart_product_variations {display: flex; flex-wrap:wrap; gap:5px;}
.cart_product_variations span {display: inline-flex; gap:5px; font-size: 10px; line-height: 16px; color: #3B3B3D;}
.cart_product_variations span small {font-weight: bold;}
.cart_product_engrave {margin-top:auto; position: relative;}
.cart_product_engrave a {display: flex; align-items: center; justify-content: flex-start; gap:5px;}
.cart_product_engrave a span {font-size: 14px; color:#4F4C4D; text-decoration: underline;}
.cart_product_engrave a::after {content:""; display: block; width: 10px; height: 10px; background: url(../images/chevron-down-black.svg) no-repeat center; background-size: contain;}
.cart_product_engrave a.hide_eng_details::after {background-image: url(../images/chevron-up-black.svg);}
.cart_product_engrave .engraveDetails {width: 180px; background: #fff; box-shadow: 0px 0px 20px #0000001A; border-radius: 5px; position: absolute; left:-10px; top:-10px; padding: 10px; box-sizing: border-box; z-index: 1;}
.cart_product_engrave .engraveDetails .engwrap {padding: 5px 0;}
.cart_product_engrave .engraveDetails .engwrap .cuff_title {font-size: 14px; color: #4F4C4D; font-weight: bold;}
.cart_product_engrave .engraveDetails .engwrap .cuff_text {font-size: 13px; color: #4F4C4D;}
.cart_product_engrave .engraveDetails .fonts {padding: 10px 0;}
.cart_product_engrave .engraveDetails .fonts span {font-size: 13px; color: #4F4C4D; }

.cart_product_right {display: flex; align-items: flex-start;}
.cart_product_quantity_wrap {box-sizing: border-box;}
.cart_product_quantity {display: flex; align-items: center; justify-content: center; width: 55px; height: 30px; background: #fff;}
.cart_product_quantity a {display: flex; align-items: center; justify-content: center; width: 30%; height: 100%;}
.cart_product_quantity a.minus {font-size: 18px; background: url(../images/minus-grey.svg) no-repeat center; background-size: 8px;}
.cart_product_quantity a.plus {font-size: 18px; background: url(../images/plus-grey.svg) no-repeat center; background-size: 8px;}
.cart_product_quantity input {width: 40%; height: 100%; text-align: center; background: none; border:0; font-size: 10px;}
.cart_product_update {padding-top:5px;}
.cart_product_update a {display: flex; align-items: center; justify-content: center; gap:5px;}
.cart_product_update a span {font-size: 10px; color:#4F4C4D; text-decoration: underline; text-align: center;}
.cart_product_price {display: flex; flex-direction:column; align-items: center; justify-content: center; gap:5px; width: 80px; height: 30px;}
.cart_product_price span {font-size: 14px; color: #231F20; font-weight: bold;}
.cart_product_remove {display: flex; align-items: center; justify-content: center;}
.cart_product_remove a {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #fff url(../images/trash-empty.svg) no-repeat center; background-size: 15px; border-radius: 5px;}

.checkout_card[data-card=promo] {padding: 10px 0;}
.checkout_card[data-card=promo] .checkout_card_inner {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.checkout_card[data-card=promo] .promotitle {font-size: 22px; color: #231F20; font-weight: bold;}
.checkout_card[data-card=promo] .promocodeButton {font-size: 16px; color:#4F4C4D; text-decoration: underline;}

.promocode_title {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.promocode_title span {font-size: 20px; color: #231F20; font-weight: bold;}
input.promocode {width: 100%; padding: 0 10px; box-sizing: border-box; height: 45px; border:0; background: #F8F8F8; font-size: 13px; color: #231F20; margin: 20px 0;}

.cartDelivery_title {font-size: 22px; color: #231F20; font-weight: bold; padding: 10px 0 20px;}
.cartDelivery_subtitle {font-size: 16px; color: #231F20; font-weight: 500; padding: 0 0 10px;}
.cartDelivery_field {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 5px 0;}
.cartDelivery_field select {width: 440px; height: 45px; border:0; padding: 0 10px; box-sizing: border-box; background: #F8F8F8 url(../images/chevron-down-black.svg) no-repeat 98% center; font-size: 13px; color: #231F20; }
.cartDelivery_price {font-size: 14px; color: #231F20; font-weight: bold;}

.checkout .deliverymessage {border: 1px solid #F8F8F8; padding: 10px;}

.cart_lines {padding: 20px 0;}
.cart_line {display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #E9E3E3;}
.cart_line.total {border:0;}
.cart_line > div {font-size: 16px; color: #231F20;}
.cart_line.discount_line > div {color: #b60c0c;}
.cart_line.total > div {font-weight: bold;}


/*----- CHECKOUT -----*/
.site_body[data-page=checkout] .site_header,
.site_body[data-page=checkout] .site_footer {display: none;}

.checkout_page {display: flex; min-height: 1000px;}
.checkout_left {padding: 40px 20px 200px 20px; padding-left: calc( (100vw - 1200px) / 2); width: 50%; box-sizing: border-box; background: #F8F8F8;}
.checkout_right {padding: 130px 20px 200px 20px; padding-right: calc( (100vw - 1200px) / 2);  width: 50%; box-sizing: border-box; background: #fff;}

.backtoshopping_wrap {padding: 10px 0 20px;}
.backtoshopping_wrap a {font-size: 16px; color: #4F4C4D; text-decoration: underline;}
.checkout_logo {padding: 20px 0;}

.checkout_form .loginButton {height: 55px; padding: 0 10px; gap:10px; box-sizing: border-box;}
.checkout_form .forgotButton {font-size: 14px; line-height: 28px; color: #4F4C4D; text-decoration: underline;}

/* logger popup */
.login_popup {}
.login_popup_title {padding: 10px 0;}
.login_popup_title span {font-size: 18px; color: #3B3B3D; font-weight: bold;}
.login_popup .login_form {}
.login_popup .login_form_field {padding: 10px 0;}
.login_popup .login_form_label {font-size: 14px; color: #3B3B3D; font-weight: bold; padding: 5px 0;}
.login_popup .login_form_input {width: 60%;}
.login_popup .login_form_input input {width: 100%; height: 35px; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing:  border-box;}


.checkout_card {width: 100%;box-sizing: border-box;}
.checkout_card_header {}
.checkout_card_title {display: flex; align-items: center; gap:10px;}
.checkout_card_title span {font-size: 22px; font-weight: bold; color: #231F20;}

.checkout_card_inner {padding: 10px 0; box-sizing: border-box;}
.checkout_card_subtitle {}
.checkout_card_subtitle span {font-size: 16px; line-height: 26px; color: #4F4C4D; font-weight: bold;}
.checkout_card_subtitle small {font-size: 14px; line-height: 26px; color: #4F4C4D;}
.checkout_card_subtitle span a {text-decoration: underline; color: inherit;}
.checkout_card_field {padding: 10px 0;}
.checkout_card_input {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.checkout_card_input span {font-size: 16px; line-height:18px; color: #3B3B3D; }
.checkout_card_input input {width: 100%; height: 45px; background: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.checkout_card_input input:focus,
.checkout_card_input textarea:focus,
.checkout_card_input select:focus {box-shadow: 0px 0px 6px #231F2080;}
.checkout_card_input input[type=checkbox] {width: 20px; height: 20px; margin:0; padding: 0; border-color: #778492; border-radius: 2px; accent-color: #4476BA;}

.checkout_form {display: flex; flex-wrap:wrap; gap:0 20px;}
.checkout_form_line {width: 100%;}
.checkout_form_field {width: 100%; padding: 10px 0;}
.checkout_form_field.half {width: calc(50% - 10px);}
.checkout_form_label {font-size:16px; color: #231F20; padding: 5px 0; font-weight: 500;}
.checkout_form_input {}
.checkout_form_input input,
.checkout_form_input textarea,
.checkout_form_input select,
.checkout_form.login_form .checkout_form_input input {width: 100%; height: 40px; background-color: #fff; border: 0; border-radius: 5px; padding: 0 10px; box-sizing: border-box; font-size: 13px; color: #231F20; transition: 0.2s ease-in-out all;}
.checkout_form_input select {}
.checkout_form_input textarea {height: 125px; padding: 10px; box-sizing: border-box; font-family:inherit; font-size: 13px; resize:none;}
.checkout_form_input input:focus,
.checkout_form_input select:focus,
.checkout_form_input textarea:focus {box-shadow: 0px 0px 6px #231F2080;}

.checkoutAddressSame {display: flex; align-items: center; justify-content: flex-start; gap:10px; padding: 10px 0;}
.checkoutAddressSame span {font-size: 14px; color: #4F4C4D; font-weight: bold;}
.checkoutAddressSame input {accent-color: #4F4C4D;}

.deliveryDetails {display: none;}

.phone_warning {padding: 10px; box-sizing: border-box;}
.phone_warning span {display: block; font-size: 12px; line-height: 20px; color: #231F20; font-weight: 500;}
.phone_warning span.phone_warning_title {display: flex; align-items: center; justify-content: flex-start; gap:5px; font-weight: bold;}
.phone_warning span.phone_warning_title::before {content:""; display: block; width: 15px; height: 15px; background: url(../images/warning-red.svg) no-repeat center; background-size: contain;}

.checkout_card[data-card=tnc] .checkout_card_input input {accent-color: #4F4C4D;}
.checkout_card[data-card=tnc] .checkout_card_input span {font-weight: bold;}
.checkout_card[data-card=tnc] .checkout_card_input span a {text-decoration: underline; color: #4F4C4D;}

.checkout_card[data-card=paymethods] {padding: 20px 0;}
.checkout_card[data-card=paymethods] .checkout_card_subtitle {padding: 10px 0;}
.checkout_card[data-card=paymethods] .checkout_card_subtitle span {font-size: 16px; color: #273E57; font-weight: bold;}

.continueButton {}
.continueButton span {font-weight: bold; text-transform: uppercase;}

.address_block.checkout {display: flex; background: #fff;} 
.address_block.checkout .select_address_wrap {} 
.address_block.checkout .select_address_wrap .selectedAddress { display: block; width: 20px; height: 20px; background: #fff; border: 1px solid #778492; position: relative; border-radius: 100%; }  
.address_block.checkout .select_address_wrap .selectedAddress.checked::before { content: ""; display: block; width: 14px; height: 14px; background: #4476BA; border-radius: 100%; position: absolute; top: calc(50% - 7px); left: calc(50% - 7px); }  
.address_block.checkout .address_button_wrap {display: none;} 

.memberAddresses {display: flex; justify-content: flex-start; flex-wrap:wrap; gap:10px;}	
.memberAddresses .member_address {display: flex; flex-direction:column; width: calc(50% - 5px); background: #fff; border-radius: 5px; padding: 10px; box-sizing: border-box;}	
.memberAddresses .member_address p {}	
.member_address a.useAddress, .member_address a.newAddress  {width: 100%; height: 30px; padding:0; font-size: 12px; margin-top:auto;}
.member_address a.useAddress::after, .member_address a.newAddress::after {width: 20px; height: 20px;}
.checkout .address_box {border: 1px solid #E9E3E3; padding: 20px; box-sizing: border-box; border-radius: 5px;}

/* PAYMENT PAGE */
a.buynow {display: flex; margin: 10px auto; width: 200px;}
span.checkoutHeader {display: block; padding: 20px 0; font-size: 34px; color: #000000;margin:0; font-weight:bold; line-height: 54px;}
.smallorder_detail {margin-top: 15px;}
.smallorder_detail .orderRow {margin: 5px 0; line-height: 24px; font-size: 14px; border-bottom: 1px dashed #ccc;}
.smallorder_detail .orderRow .orderCell {float:left; width: 70%; box-sizing: border-box;}
.smallorder_detail .orderRow .orderCell:nth-child(1) {width: 70%;}
.smallorder_detail .orderProduct .orderCell:nth-child(1) {float: none; width: 100%; height: auto;}
.smallorder_detail .orderRow:not(.orderProduct) .orderCell:nth-child(2),.orderProduct .orderCell:nth-child(3) {width: 30%; text-align: right;}
.smallorder_detail .orderRow:nth-last-child(2){border: 0;}
.smallorder_detail .orderDiscount {color: #eb1c2a;}
.smallorder_detail .orderTotal {border: 1px solid #ccc; border-width: 1px 0; font-weight: bold; line-height: 36px;}
.smallorder_detail .orderTotal span {color: #a1a1a1; font-size: 12px;}
.smallorder_detail .orderTotal .orderCell{height: 36px;}
.needHelp {text-align: center; line-height: 50px; font-size: 16px; }
.needHelp span {font-weight: bold;}
.processing {text-align: center; line-height: 40px;}
.processing img {vertical-align: baseline;}
.paymentOption {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.paymentOption > .grid_8 > p {cursor: pointer; line-height: 26px; height: 26px;}
.paymentHTML {display: none;}
.paymentOption.active .paymentHTML {display: block;}
.paymentOption .grid_8 > p img{max-height: 100%; width: auto; height: auto !important;}
.paymentCheck {accent-color: #4F4C4D;}


/* ------------------------ */
/* ------ MEMBERSHIP ------ */
/* ------------------------ */

/* ----- SIGNUP PAGE ----- */
.signup_page {padding: 50px 0;}
.signup_tabs_wrap {}
.signup_tab_headers {display: flex; align-items: flex-start; justify-content: flex-start;}
.signup_tab_header {display: flex; align-items: center; justify-content: center; gap:10px; height: 55px; padding: 0 30px; background: #efefef; border-width: 1px 1px 0; position: relative; z-index:0; cursor:pointer;}
.signup_tab_header.active {background: #fff; z-index:2;}
.signup_tab_header::before {content:""; display: block; width:20px; height: 20px;}
.signup_tab_header[data-tab=signup]::before {background: url(../images/user-black.svg) no-repeat center; background-size: contain;}
.signup_tab_header[data-tab=login]::before {background: url(../images/login-black.svg) no-repeat center; background-size: contain;}
.signup_tab_header span {font-size: 22px; color: #231F20;}
.signup_tab_content {background: #fff; margin-top:-1px; z-index:1; position: relative;}

.signup_tab {display: none; padding: 20px;}
.signup_tab.active {display: block; position: relative; z-index:1;}
.signup_tab_left {width: 45%; padding-right: 10px; box-sizing: border-box;}
.signup_tab_right {width: 55%; padding-left: 10px; box-sizing: border-box;}
.signup_tab_text {color: #535353; font-size: 15px; line-height: 26px;}

.signup_page .signup_form,
.signup_page .login_form {padding: 10px 0;}
.signup_form_field {padding: 10px 0;}
.signup_form_label {font-size: 16px; color: #231F20; padding: 5px 0; font-weight: 500;}
.signup_form_input {width: 100%;}
.signup_form_input input {width: 100%; height: 35px; background: #F8F8F8; border:0; padding: 0 10px; box-sizing: border-box; border-radius: 5px; font-size: 13px; color: #231F20; transition: 0.2s ease-in-out all;}
.signup_form_input input:focus {box-shadow: 0px 0px 6px #231F2080;}

.signup_page_button {padding: 20px 0;}
.signup_page_button span {font-weight: bold; text-transform: uppercase;}
.forgotButton {display: block; margin: 20px 0; text-decoration: underline;}

.login_error { text-align: center; font-size: 16px; color: #990000; line-height: 40px;} 
.login_form { margin-bottom: 20px; } 

/* forgot password popup */
.forgot_password.login_form { flex-direction: column; align-items: center; } 
.forgot_password.login_form span { display: block; font-size: 20px; color: #1C1B1B; margin: 0 0 10px; text-align: center; } 



/* ----- DASHBOARD ----- */
.user_dashboard {padding: 20px 0;}
.dashboard_header {display: flex; padding: 20px 0 30px; gap:20px;}

.dashboard_header_section {width: calc(50% - 10px);}
.dashboard_header_title {position: relative; padding: 0 0 30px;}
.dashboard_header_title span {font-size: 26px; color: #231F20; font-weight: bold;}
.dashboard_header_title::after {content:""; display: block; width: 100px; height: 2px; background: var(--secondary-color); position: absolute; bottom: 15px; left:0;}
.dashboard_header_text {}
.dashboard_header_text span {display: block; font-size: 16px; color: #4F4C4D; line-height: 24px;}
.dashboard_header_text span:first-child {font-weight: bold;}
.dashboard_help_wrap {display: flex; flex-direction:column; align-items: flex-start; justify-content: center; gap:10px; height: 100%; padding: 20px; background: #fff; box-sizing: border-box;}
.dashboard_help_title {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.dashboard_help_title::before {content:""; display: block; width: 20px; height: 20px; background:  url(../images/question-black.svg) no-repeat center; background-size: contain;}
.dashboard_help_title span {font-size: 22px; color: #231F20; font-weight: bold;}	
.dashboard_help_text {}	
.dashboard_help_text span {font-size: 16px; color: #4F4C4D; line-height: 24px;}	
.dashboard_help_number {}	
.dashboard_help_number span {font-size: 18px; line-height: 24px; color: #231F20; font-weight: 600;}	
.dashboard_help_number span a {text-decoration: underline;}	

.dash_tab {background: #fff; margin: 10px 0; border-radius: 5px; overflow:hidden; transition: 0.2s ease-in-out all;}
.dash_tab_header {display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 20px; cursor:pointer; border-radius: 5px 5px 0 0; transition: 0.2s ease-in-out all;}
.dash_tab_header span {font-size: 16px; color: #231F20; line-height: 26px; font-weight: bold;}
.dash_tab_header::after {content:""; display: block; width: 20px; height: 20px; background: url(../images/chevron-down-white.svg) no-repeat center; filter: invert(1);  transition: 0.2s ease-in-out all;}
.dash_tab.active .dash_tab_header {background: #231F20;}
.dash_tab.active .dash_tab_header span {color: #fff;}
.dash_tab.active .dash_tab_header::after {transform: scale(1, -1); filter:none;}
.dash_tab_content {display: none;}
.dash_tab_inner {padding: 20px;}

.dash_order_row_wrap {padding: 0 0 15px; border-bottom: 1px solid #DEDEDE;}
.dash_order_row_wrap:last-child {padding:0; border:0;}
.dash_order_row {display: flex; align-items: center; justify-content: flex-start; padding: 5px 10px; box-sizing: border-box;}
.dash_order_row:nth-child(2n) {background: #F3F3F3;}
.dash_order_row > div {width: 19%;}
.dash_order_row > div.view {display: flex; align-items: center; justify-content: flex-end; width: 5%;}
.dash_order_row > div span {font-size: 14px; color: #231F20; line-height: 22px;}
.dash_order_info .view_invoice {display: block; width: 20px; height: 20px; background: url(../images/invoice-black.svg) no-repeat center; background-size: contain;}
.dash_order_headings > div span {font-weight: 600;}
.dash_order_headings {border-bottom: 1px solid #231F20;}


.wish_row {justify-content: space-between;}
.dash_order_info .cta {display: flex; align-items: center; justify-content: flex-end; gap:30px;}
.dash_order_info .cta .viewWishlist {display: flex; align-items: center; justify-content: flex-start; gap:5px;}
.dash_order_info .cta .viewWishlist::before {content:""; display: block; width: 15px; height: 15px; background: url(../images/eye-black.svg) no-repeat center; background-size: contain;}
.dash_order_info .cta .viewWishlist span {font-size: 13px; color: #231F20; text-decoration: underline;}
.dash_order_info .cta .deleteWishlist {display: block; width: 15px; height: 15px; background: url(../images/trash-empty-black.svg) no-repeat center; background-size: contain;}

.dash_forms_wrap {display: flex;}
.dash_form_right {display: flex; align-items: flex-start; justify-content: flex-end;width: 40%; }
.dash_form {display: flex; flex-wrap:wrap; gap:20px; width: 60%; padding: 0 10px 0 0; box-sizing: border-box;}
.dash_form:nth-child(2n) {padding: 0 0 0 10px;}
.dash_form_field {width: 100%; padding: 10px 0; box-sizing: border-box;}
.dash_form_field.half {width: calc(50% - 10px);}
.dash_form_label {font-size: 14px; color: #231F20; padding: 5px 0;}
.dash_form_input {width: 100%;}
.dash_form_input input, 
.dash_form_input select {width: 100%; height: 35px; background-color: #F8F8F8; border: 0; padding: 0 10px; box-sizing: border-box; font-size: 13px; color: #231F20; border-radius: 5px; transition: 0.2s ease-in-out all;}
.dash_form_input input:focus {box-shadow: 0px 0px 6px #231F2080;}
.dash_form_button_row {padding: 10px 0;}
.dash_form_button_row .saveDetails,
.dash_form_button_row .updatePassword {font-size: 14px; color: #231F20; text-decoration: underline;}

.dash_logout_row {}
.dash_logout_row a {display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 20px; cursor:pointer; border-radius: 5px 5px 0 0; transition: 0.2s ease-in-out all;}
.dash_logout_row a span {font-size: 16px; color: #231F20; line-height: 26px; font-weight: bold;}
.dash_logout_row a::after {content:""; display: block; width: 20px; height: 20px; background: url(../images/logout-black.svg) no-repeat center; transition: 0.2s ease-in-out all;}
/* 
.memberAddresses {display: flex; flex-wrap:wrap; gap: 20px; }
.member_address {width: 350px; margin: 10px; padding: 10px; height: 300px; box-sizing:border-box; position: relative; }
.member_address p {display: block; padding: 10px; height: 210px; background: #F8F8F8; border-radius: 5px; font-size: 16px; color: #231F20; }
.member_address:nth-child(3n) {margin-right: 0;}
.member_address:nth-child(3n+1) {margin-left: 0;}
.member_address a.useAddress, .member_address a.newAddress  {font-size: 12px; line-height: 30px; position: absolute; bottom: 0; left: 10px;}
.member_address a.editAddress, .member_address a.deleteAddress {position: absolute; bottom:10px; left: 0; display: block; width: 20px; height: 20px; background: url(../images/edit-pencil-black.svg) no-repeat center;}
.member_address a.deleteAddress {left: 65px; background: url(../images/trash-empty-black.svg) no-repeat center;}
.member_address a.editAddress::after {content:"edit"; text-decoration: underline; display: block; padding-left: 25px;}
.member_address a.deleteAddress::after {content:"remove"; text-decoration: underline; display: block; padding-left: 25px;}
a.useAddress {font-size: 12px;}
a.useAddress, a.newAddress {height: 30px; padding: 0 10px;}
a.useAddress.arrow::after, a.newAddress.arrow::after {width: 15px; height: 15px; background-size: 6px;}
.address_box {display: none;} */

.dashboard .member_address .useAddress {display: none !important;}
.dashboard .address_box {width: 600px; margin: 10px auto; padding: 10px; border: 1px solid #ccc; } 
.dashboard .address_box_form {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap:wrap; gap:20px;} 
.dashboard .address_box_field {padding: 5px 0; width: 100%;}
.dashboard .address_box_field.half {width: calc(50% - 10px);}
.dashboard .address_box input,
.dashboard .address_box textarea,
.dashboard .address_box select {width: 100%; height: 35px; background-color: #F8F8F8; border: 0; padding: 0 10px; margin: 5px 0; box-sizing: border-box; font-size: 13px; color: #231F20; border-radius: 5px; transition: 0.2s ease-in-out all; font-family:inherit;} 
.dashboard .address_box textarea {height: 80px; resize:none; padding: 10px; box-sizing: border-box; font-size: 13px;}



/* REALEX MODULE */
.realex { font-size: 16px;}
.realex input, .realex select {width: 100%; margin: 5px 0; border: 1px solid #ccc; padding: 0 5px; box-sizing:border-box; line-height:36px; font-size: 16px; height: 36px;}
.realex select:nth-of-type(2){width: 100px;}
.realex input:nth-last-of-type(2)  {padding-left: 25px; box-sizing:border-box; position: relative; z-index: 10; margin-left:-25px; width: 60px;}
.realex input:last-of-type  {width: 100px; margin-left: 20px;}
.realex > div:not(.g-recaptcha) {position: relative; z-index: 11; display: inline-block; margin-left: 20px;}

.login_error {text-align: center; font-size: 16px; color: #990000; line-height: 40px; }
.login_form {margin-bottom: 20px;}

/* Customise */
.cust-area {width: 500px; height: 800px; border: 0px solid #aaa; position: relative; overflow: hidden; background-position: 0 0; background-repeat:no-repeat; margin: 0 auto;  white-space:pre-wrap;}
.areaicon { text-align: center;}
.area {position: absolute; text-align: center;}

.areaTitle {font-size: 1.6em; color: #d81921; line-height: 20px;}
.areaIcon {display: none;}
.areaText, .areaFont {margin: 1px; position: relative; height: 25px; line-height: 25px; border: 1px solid #d7d7d7; padding: 0 0 0 5px; font-size: 1.1em;}
.areaFont {padding: 0; width: 98%;}
.area-select {margin: 1px; position: relative; height: 25px; line-height: 25px; border: 1px solid #d7d7d7; padding: 0 0 0 5px; font-size: 1.1em;}
.area-select-arrow {float: right; background: url(../images/select-arrow.png) no-repeat; width: 17px; height: 25px; cursor: pointer;}
.area-select-list {position: absolute; top: 25px; left: 0; width: 155px; height: 220px; overflow-y:scroll; border: 1px solid #d7d7d7; display: none; background: #fff; padding-top:15px; z-index: 100;}
.area-select-listitem {height: auto; margin: 5px auto; text-align: center; width: 50px; cursor: pointer;}
.area-select-note { font:12px Arial; text-align:center; color:#6e6e6e; position:absolute; top:0; width:100%; line-height:16px;}

.cust-price {float:left; width: 100px; font-size: 2em; color: #011b61; line-height: 35px;}
.cust-add {float: left; width: 220px;}
.confirmButton {}
.previewCustom {font-size: 1em; color: #d81921;}



.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.slideLeft {position: absolute; top: 50%; left: 10px; z-index: 100;}
.slideRight {position: absolute; top: 50%; right: 10px; z-index: 100;}

nav #position {
text-align: center;
list-style: none outside none;
margin: 0px;
padding: 0px;
line-height: auto;
}
nav #position li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: none repeat scroll 0% 0% #333;
    box-shadow: 0px 1px 2px #333 inset, 0px 0px 1px 1px #ccc;
    margin: 0px 2px;
    cursor: pointer;
	padding: 0;}

nav #position li.on {
    box-shadow: 0px 1px 3px -1px #28B4EA inset, 0px 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #1293DC;
    background-image: -moz-linear-gradient(center top , #1293DC, #0F6297);
}

.groupArea, .iconGroupArea {border: 1px solid #aaa; margin: 5px 0; padding: 2px;}

.step {float: left; width: 26px; margin: 5px 2px; line-height: 26px; width: 200px;}
.step div:nth-child(1) {float: left; background:url(../images/redcircle.png) no-repeat; height: 26px; width: 26px; margin: 0 2px; text-align: center; font-size: 22px; color: #fff; font-weight: bold;}
.step div:nth-child(2) {float: left; color:#000080; font-size: 12px;}

.saleBox {color: #d81921; font-size: 1.6em; line-height: 30px;}



.signup_module > div.grid_6 { margin-left:0; }
.signup_module > div.grid_10 { margin-right:0; }





/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {




    
}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */

/* --------------------------------------- */
/*-------------DESKTOP < 1199px------------*/
/* --------------------------------------- */
@media (min-width: 960px) and (max-width:1199px) {

	/* ----- MODULES ----- */
	/* -- Product Module -- */
	.product_module {gap:11px;}

	/* -- Category Module -- */
	.categories {gap:13px;}
  
  
	/* ----- SEARCH PAGE ----- */
	.search_results {gap:21px;}
  
	/* -- PRODUCT BLOCK -- */
	.product_block {width: 306px;}
	.product_image_wrap {height: 306px;}

	.category_page .search_results {gap:20px;}
	/* -- CATEGORY BLOCK -- */
	.category_block {width: 225px; height: 225px;}
	.category_block .catTitle a {font-size: 15px; padding: 0 5px;}
	.category_block .catTitle a::after {width: 25px; height:25px;}

	/* ----- CHECKOUT ---- */
	.checkout_left {padding-right: 10px; padding-left: calc( (100vw - 950px) / 2);}
	.checkout_right {padding-left: 10px; padding-right: calc( (100vw - 950px) / 2);}
  
	
	
	
  
  
  
}  
/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */


/* ------------------------------------------------- */
/* --------------TABLET & MOBILE ------------------- */
/* ------------------------------------------------- */
@media (max-width: 959px) {


	/* ----- DETAILS PAGE ----- */
	.eng_opt {width: 100%;}
	.addtocart_row {gap:9px;}
	.quantity {width: 135px;}


	/* ----- CHECKOUT ---- */
	.checkout_page {flex-wrap:wrap;}
	.checkout_left {width: 100%; padding: 40px 20px 20px;}
	.checkout_right {width: 100%; padding: 20px 20px 100px;}

	/* ---------------------- */
	/* ----- MEMBERSHIP ----- */
	/* ---------------------- */

	/* ----- Dashboard ------ */
	.dash_order_row > div {width: 24%;}
	.dash_forms_wrap {flex-wrap:wrap;}
	.dash_form {width: 100%;}
	.dash_form_right {width: 100%;}



	
	
  
  
}  /* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */

/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {

	/* ----- SEARCH PAGE ----- */
	.search_results {gap:15px;}
  
	/* -- Product Block -- */
	.product_block {width: 246px;}
	.product_image_wrap {height: 246px;}
	.product_info {padding: 10px;}
	.product_code span {font-size: 10px;}
	.product_code span {font-size: 10px;}
	.product_buttons a {height: 40px; box-sizing: border-box; font-size: 10px; padding: 0 20px;}

	.category_page .search_results {gap:10px;}
	/* -- CATEGORY BLOCK -- */
	.category_block {width: 182px; height: 182px;}
	.category_block .catTitle a {font-size: 12px; line-height: 18px; padding: 0 5px; height: 40px;}
	.category_block .catTitle a::after {width: 20px; height:20px; background-size: 6px;}

	/* ----- MODULES ----- */
	/* -- Product Module -- */
	.product_module {gap:7px;}

	/* -- Category Module -- */
	.categories {gap:8px;}



  
  
  
} /* -------------------------------------------------------------------------------------------------------- TABLET END  */

/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {

	.label {float: none;width: 100%;}
	.value {float: none;width: 100%;}
  
  
	/* ----- Search Page ----- */
	.search_header {height:auto; padding:10px; flex-direction:column; align-items: center; justify-content: center; gap:10px;}
	.search_header_section {flex-direction:column; align-items: center; justify-content: center;}
	.search_header_section.section_left {gap:10px; padding-bottom:15px; position: relative;}
	.search_header_section.section_left::after {content:""; display: block; width: 20px; height: 1px; background: #707070; position: absolute; bottom:0; left: calc(50% - 10px);}

	.search_results {gap:10px;}
	.category_page .search_results {gap:10px;}

	.pager_link:is(.pager_next_button, .pager_prev_button) a {font-size:0;}
	.pager_link:is(.pager_prev_button) a {justify-content: flex-start;}
	.pager_link:is(.pager_next_button) a {justify-content: flex-end;}
  
	/* -- Product Block -- */
	.product_block {width: 320px;}
	.product_image_wrap {height: 320px;}
	.product_buttons a {height: 55px; box-sizing: border-box; padding: 0 20px;}
	/* -- Category Block -- */
	.category_block {width: 320px; height: 320px;}
	.category_block .catTitle a {font-size: 14px; line-height: 18px; padding: 0 10px;}
	.category_block .catTitle a::after {width: 25px; height:25px; background-size: 8px;}

	/* ----- MODULES ----- */
	/* -- Product Module -- */
	.product_module {gap:10px;}

	/* -- Category Module -- */
	.categories {gap:10px;}


	/* ----- DETAILS PAGE ----- */
	.details_page_section {width: 100%;}
	.productImage {max-width:320px; max-height: 320px;}

	.productTitle {font-size: 26px; line-height: 32px;}
	.productPrice div {font-size: 34px;}
	.eng_toggle_field {align-items: flex-start; max-width: 50%;}
	.eng_toggle_field span {line-height: 20px; }
	.tab_title span {text-align: center;}
	.tab_title::after {left: calc(50% - 50px);}
	.associations_wrap h2 {text-align: center;}
	.associations_wrap h2::after {left: calc(50% - 50px);}

	/* ----- ADDED TO CART ----- */
	.ac_prod_wrap { flex-wrap: wrap;}
	.acprod { max-width: 100%;}

	/* ----- CHECKOUT ----- */
	.checkout_card {padding: 10px;}
	.checkout_card_title {padding: 10px 0;}
	.checkout_card[data-card="paymethods"] {padding: 10px;}
	.checkout_form_field.half {width: 100%;}

	.checkout_card[data-card=promo] .checkout_card_inner {flex-wrap:wrap;}
	.checkout_card[data-card=promo] .checkout_card_inner > span {display: block; width: 100%;}
   
	.cart_product {flex-wrap:wrap; justify-content: flex-start; gap:10px;}
	.cart_product_left {width: 100%;}
	.cart_product_right {width: 100%; justify-content: space-between;}
	.cart_product_quantity {height: 30px; width: 90px;}
	.cart_product_remove {margin:0;}
	.cart_product_remove a {width: 35px; height: 35px; border: 1px solid #BEBEBE; box-sizing: border-box;}
	.cart_line > div {font-size: 14px;}

	/* .memberAddresses {display: flex; justify-content: flex-start; flex-wrap:wrap; gap:10px;}	 */
	.memberAddresses .member_address {width: 100%;}
	.checkout .useAddress {width: 100%; padding:0; height: 40px; font-size: 12px;}

	/* ----- PAYMENT PAGE ----- */
	.paymentOption {display: flex; align-items: center;}
	.paymentOption .grid_1 { width:35px !important; flex-grow: 0; flex-shrink: 0; display: flex; align-items: center;}
	.paymentOption .grid_1 p { padding:0; }
	.paymentOption .grid_8 {max-width:260px !important;}
	.paymentOption .grid_8 div {max-width:100% !important;}
	.paymentOption .grid_8 > p {background: #ebebeb; color: #888; line-height: 46px; padding: 0 10px; height: 46px;}
	.paymentOption.active .grid_8 > p {background: none; color: #000;}

	
	/****** MEMBERSHIP ******/
	/*Login Page*/
	.signup_page_header{background-image: url(../images/login_banner_mobile.jpg); height: 120px;}
	.signup_page_header > div > h1{font-size: 20px;}
	.account_form .account_tab_select > div{background-image: none; padding: 20px 15px; font-size: 14px;}
	.signup_form, .login_form{flex-direction: column;}
	.signup_benefit span{font-size: 16px;}
	.signup_form .signup_form_left span, .login_form span{font-size: 14px;}
	.signup_tab_left, .signup_tab_right {width: 100%; margin: 0 0 20px 0; }
	.signup_tab_right{padding: 0;}
	.signup_tab_right > span{font-size: 18px;}
	.signup_tab_right > div {font-size: 16px;}
	.signup_tab_headers {gap:0;}
	.signup_tab_header {padding: 0 10px;}
	.signup_tab_header:first-child {border-right: 0;}
	.signup_tab_header span {font-size: 14px;}

	/* Dashboard */
	.dashboard_header {flex-wrap:wrap; gap:10px;}
	.dashboard_header_section {width: 100%;}
	.dash_tab_inner {padding: 10px;}

	.dash_form {gap:0;}
	.dash_form_field.half {width: 100%;}
  
	.dash_order_row {flex-wrap:wrap;}
	.dash_order_row > div {width: 50%;}
	.dash_order_row > div span {font-size: 14px;}
	.dash_order_row > div.view {width: 100%;}
	.dash_order_row > div.amount {display: flex; align-items: center; justify-content: flex-start;}
	.dash_order_row > div.payment {display: flex; align-items: center; justify-content: flex-end;}
	.dash_order_info .view_invoice {background: none; width: auto; height: auto; padding: 5px 0;}
	.dash_order_info .view_invoice span {font-size: 12px; color: #231F20; text-decoration: underline; font-weight: normal;}
  
	.wish_row {flex-wrap:wrap; gap:10px;}
	.wish_row .title {width: 100%;}
	.wish_row .cta {width: 100%;  justify-content: space-between;}

	.dashboard .member_address {height:auto; padding-bottom: 35px;}
	.dashboard .member_address p {height: auto; padding: 10px;}

	.dashboard .address_box {width: 100%; box-sizing: border-box;}
	.dashboard .address_box_form {gap:0;}
	.dashboard .address_box_field.half {width: 100%;}
  
  
  
} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */