/* Header */

.shoppingCart { position: absolute; top:0; left:0; width: 100%; height: 100%;}
.shoppingCart .cart-count { position: absolute; top:5px; right: 20px; display: inline-flex; color: #fff; font-size: 11px; height: 18px; width: 18px; align-items: center; justify-content: center; border-radius: 50%; background: #1372C6; }
.shoppingCart .cart-total { position: absolute; width: 100%; text-align: center; top:100%; left:0; font-weight: bold; color: #1372C6; font-size: 12px; line-height: 18px;}

.siteSearch {height: 50px; border:1px solid #D6D5D5; background: #fff; position:relative; background-origin: border-box; margin:0 40px 0 20px; flex:1 auto; border-radius: 10px; z-index: 100;}
.siteSearch > a { display: block; float: right; height: 100%; width: 48px; background: url(../images/icon-search.svg) center center #F5F5F5 no-repeat; border-left:1px solid #D6D5D5; border-radius: 0 10px 10px 0;}
.siteSearch > a > img { margin:9px 5px 0 5px; float:right;}
.siteSearch input {width: calc(100% - 50px); height: 100%; line-height: 48px; padding:0; border:0; outline: 0; margin:0; text-indent:10px; border-radius: 10px; font-size:16px; color:#8c8b8b;}
.autosuggest {position:absolute; top:100%; background:#fff; font-size:14px; z-index:3001; width:100%; border:1px solid #D6D5D5; border-width:0 1px 1px 1px; border-radius:0 0 5px 5px; display:none;}
.autosuggest > div{ padding: 0px; margin:10px; border-bottom:1px solid #e3e3e3; display: flex;}
.autosuggest .autoImage{ float:left; width:100px; height:80px; display:block; margin-right:20px; text-align:center; flex-grow: 0; flex-shrink: 0;}
.autosuggest .autoImage img{ max-width:100%; max-height:100%;}
.autosuggest .autoTitle{ display:block;font-size:18px; color:#464444; height: 58px; flex:1 auto; margin-right: 10px;}
.autosuggest .autoPrice { display:block; font-weight:bold; color:#000;}
.autosuggest .viewmore { border:0; text-align:center; font-weight:bold; line-height:24px;}
.autosuggest .viewmore a{ font-size:16px; color:#791118;}
.autosuggest .viewmore a:hover{ color:#F9A004;}

/*Bread Crumbs*/
.breadcrumbs, .backcrumb { display:flex; list-style: none; font-size:14px; color:#393737; padding: 0; margin:0 0 10px 0; line-height: 30px;  }
.breadcrumbs li {display:flex;  margin:0; padding:0;  line-height: 30px;}
.breadcrumbs li:after { content:">"; }
.breadcrumbs li a {color: inherit; display: block;margin: 0 5px; text-decoration: underline; }
.breadcrumbs li:first-child a { margin-left:0; padding-left: 0;}
.breadcrumbs li:last-child a { color:#A8A5A5; text-decoration: none;}
.breadcrumbs li:last-child:after { content:"";}

/* Search Page */
.catHeader { background: #F2F3F2; margin-bottom: 20px;}
.catHeader img{ max-width:100%;}
.search_title {font-size: 16px; line-height: 18px; color: #931A2B; float:left;}
.search_title h1 { font-weight: bold;}
.search_results_found {font-size:1.2em; float: right; width: 250px; height: 42px; text-align:right; }
.search_results_found select {height: 100%;}

.search_results {clear: both; border-top: 1px solid #DCDADA; padding:20px 0; margin-top:10px;}

/* Product Block */
.product_box { background:#fff; border:1px solid #D6D4D4; margin-bottom:20px; position: relative;}
.product_box:hover { box-shadow: 0px 3px 6px #00000029;}
.product_box:hover .product_title a { color: #1372C6; }
.product_box:hover .product_heart { display: block;}
.product_box a { color: #1372C6; }
.product_sale { background: #931A2B; color:#fff; font-size: 18px; padding:10px 40px 40px 10px; clip-path: polygon(0 0,100% 0,0 100%); -webkit-clip-path: polygon(0 0,100% 0,0 100%); position: absolute; left:0; top:0;z-index: 1;}
.no_stock_wrap {position:absolute; top:230px; left:50%; z-index:3;}
.no_stock {color:#393737; font-size:14px; font-weight:bold; text-align:right; border: 1px solid #D6D4D4; position:relative; left:-50%; background-color: rgba(255,255,255,0.76); display:flex; align-items:center; justify-content: center; width: 125px; height: 39px;}
.product_heart { position: absolute; top:10px; right:10px; z-index: 1; display: none;}
.product_heart img:nth-child(2), .product_heart:hover img:first-child {display: none;}
.product_heart:hover img:nth-child(2) {display: block;}
.product_title {font-size: 15px; line-height: 24px; height: 50px; overflow:hidden; text-align: center; margin-bottom: 10px; font-weight: bold;}
.product_title a {color: #393737;}
.product_image {height: 280px;  margin: 0; text-align: center; line-height:280px; overflow: hidden;}
.product_image img {vertical-align:middle; transition:transform 2s ease-in}
.product_bluebox {background: #f0f0f0; padding: 10px; height: 90px;}
.product_price { line-height: 40px; text-align: center; height: 48px; line-height:20px; margin-bottom:10px;}
.product_price .nowprice{ font-size: 16px; color: #931A2B; font-weight:bold;}
.product_price .wasprice { font-size: 12px; color: #393737; }
.product_buttons {  line-height: 35px; margin:10px; text-align:center;}
.product_buttons a.shopButton{border-radius:0; width:70px;} 
.product_buttons a.shopButton.hidden {display:none;}
.product_buttons .nostock { float:right; color:#9C272F; width:90px; height: 35px; text-align:center; font-size:16px; font-weight:bold;  line-height:17px;}
.product_buttons .nostock.hidden { display:none; }

/* 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;}

.featured_prods_title { color:#464444; font-size:24px; }
.featured_prods_title a {float:right; margin-left:10px; display:block; height:24px;}
.featured_prods_title a img {vertical-align:middle;}


/* Product Gallery Block*/
.prod_gal_wrapper {position: relative; background: #F2F3F2; padding-top:20px; margin-bottom: 20px;}
.prod_gal_wrapper h2 { text-align: center; margin-bottom: 50px; font-size: 30px;}
.prod_gal_wrapper > div { position: relative;}
.prod_gal_wrapper > div > div {overflow:hidden; height: 475px; }
.prod_gal_wrapper > div > div > div {padding-top: 1px;}
.prod_gal_wrapper > div > a {position: absolute; right: -30px; top: 42%; height: 60px; margin-top: -20px; z-index: 10; width: 45px; background: url(../images/arrow.svg) left center no-repeat; }
.prod_gal_wrapper > div > a:nth-of-type(2) {right: auto; left: -30px; transform: scale(-1, 1);}
.prod_gal_wrapper:hover > div > a {display: block !important;}
.prod_gal_wrapper .catBlock { border:0; background: none; }
.prod_gal_wrapper .catBlock .catImage { background: #fff;}

/*Category Block*/

.catBlock {  border:1px solid #E8E8E8; position:relative;  cursor:pointer; margin-bottom:20px; background: #fff;}
.catBlock:hover { box-shadow: 0px 3px 6px #00000029;}
.catBlock:hover a { color: #931A2B; }
.catBlock .catImage{ height:200px; margin-bottom:10px;}
.catBlock a{  width:100%; display:block; text-align:center; color:#393737; font-size:16px; text-transform: uppercase; line-height:22px; height:50px; z-index:11; text-transform: uppercase; font-weight: bold;}

/* Category Gallery Block*/
.cat_gal_wrapper {position: relative; background: #F2F3F2; padding-top:20px; margin-bottom: 20px;}
.cat_gal_wrapper h2 { text-align: center; margin-bottom: 50px; font-size: 30px;}
.cat_gal_wrapper > div { position: relative;}
.cat_gal_wrapper > div > div {overflow:hidden; height: 475px; }
.cat_gal_wrapper > div > div > div {padding-top: 1px;}
.cat_gal_wrapper > div > a {position: absolute; right: -30px; top: 42%; height: 60px; margin-top: -20px; z-index: 10; width: 45px; background: url(../images/arrow.svg) left center no-repeat; }
.cat_gal_wrapper > div > a:nth-of-type(2) {right: auto; left: -30px; transform: scale(-1, 1);}
.cat_gal_wrapper:hover > div > a {display: block !important;}
.cat_gal_wrapper .catBlock { border:0; background: none; }
.cat_gal_wrapper .catBlock .catImage { background: #fff;}

/* Pager */
.pager-container:not(.hidden){display: flex; justify-content: space-between; align-items: center; margin:0 0 20px 0;}
.search_pager {display: flex; align-items: center; justify-content: flex-end;}
.pager_link:not(.hidden) { display: flex; align-items: center; justify-content: center; color: #931A2B; font-size: 16px; min-width: 30px; height: 32px;}
.pager_link.pager_current_page { text-decoration: underline; font-weight: bold;}
.pager_link a { color: inherit; }

.pager_link:first-child, .pager_link:last-child { background: #931A2B; color: #fff; text-transform: uppercase; font-weight: bold; padding:0 15px; font-size: 12px;  }
.pager_link:first-child { margin-right: 10px;}
.pager_link:last-child { margin-left: 10px;}
.pager_link:first-child.disabled, .pager_link:last-child.disabled { background: #B7B5B5; }

.pager-left{display: flex; gap:20px; align-items: center;}
.search_to_top { color: #1372C6; font-weight: bold; text-decoration: underline; font-size: 14px; line-height: 32px;}
.back_to_first_page{font-weight: bold; color: #fff; padding: 10px 14px; font-size: 14px; margin-right: 10px; line-height: 20px; background: #931A2B;}
.back_to_first_page.inactive{display: none;}


/* Details */
h1.p_title {line-height: 34px; color: #393737; font-size: 30px; font-weight: bold;}
h2.p_sku {color:#969699; font-size:14px; line-height:20px; margin: 0 0 10px 0;}
h2.p_shortdesc {color:#787777; font-size:14px; line-height:20px; margin-bottom: 10px;}
.productImages {height: 100px; position: relative; font-size: 26px;}
.magnify {position:absolute; bottom:5px; right:5px;}

.redButton {display:block; color:#fff; text-align:center; font-size:16px; line-height:48px; width:220px; border-radius:5px;
	background: rgba(121,17,24,1);
	background: -moz-linear-gradient(top, rgba(121,17,24,1) 0%, rgba(141,20,28,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,17,24,1)), color-stop(100%, rgba(141,20,28,1)));
	background: -webkit-linear-gradient(top, rgba(121,17,24,1) 0%, rgba(141,20,28,1) 100%);
	background: -o-linear-gradient(top, rgba(121,17,24,1) 0%, rgba(141,20,28,1) 100%);
	background: -ms-linear-gradient(top, rgba(121,17,24,1) 0%, rgba(141,20,28,1) 100%);
	background: linear-gradient(to bottom, rgba(121,17,24,1) 0%, rgba(141,20,28,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#791118', endColorstr='#8d141c', GradientType=0 );}
.redButton:hover {background:#981820;}

.smallImage {display: flex; float: left; height: 70px; width: 70px; margin: 0 10px 10px 0; text-align:center; cursor: pointer; border:1px solid #e4e4e3; align-items: center; justify-content: center;}
.smallImage a { display: block; height: 100%;}
.smallImage img {max-width: 100%; max-height: 100%;}
.productImages { height: auto; position: relative; text-align:center; border:1px solid #e1e1e1; background:#fff; margin:0 0 10px 0; overflow:hidden;}

/*Product Images*/
.product-images { max-height: 580px; box-sizing: border-box; margin-bottom: 15px; position: relative; 
    display: flex; align-items: center; }
.product-images-items { height: 100%; }
.product-images-items .swiper-wrapper { align-items: center; width:100%; }
.product-images-item a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.product-images-item a:focus{background: none;}
.product-images-item img { max-width: 100%; max-height: 100%;}
.product-image-prev, .product-image-next { height: 50px; width: 30px; background: #fff; position: absolute; top: calc(50% - 25px); opacity: .5;
    z-index: 1; }
.product-image-prev { left: 0;}
.product-image-prev::after { content: ""; height: 8px; width: 8px; border: solid #931A2B; border-width: 0 0 2px 2px; transform: rotate(45deg); position: absolute; right: 8px; top: calc(50% - 5px); transition: ease-in-out all .3s;}
.product-image-next { right: 0;}
.product-image-next::after { content: ""; height: 8px; width: 8px; border: solid #931A2B; border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; left: 8px; top: calc(50% - 5px); transition: ease-in-out all .3s;}
.product-image-nav-disabled::after { border-color: #e1e1e1; }

/*Thumbnail images*/
.product-thumbnails {}
.product-thumbnails .swiper-wrapper{flex-wrap: wrap; gap:10px;}
.product-thumbnails .pt-item.swiper-slide {display: flex; align-items:center; justify-content:center; 
    width:auto; height:50px; border:1px solid transparent; transition: ease-in-out all .3s; cursor: pointer;}
.product-thumbnails .pt-item.swiper-slide.swiper-slide-thumb-active{border-color:#931A2B;}
.pt-item img{max-width: 100%; max-height: 100%; width: auto; height: auto;}




.ytvideo { width:100%; position: relative; display:none; z-index:100; margin-bottom:10px;}
.ytvideo iframe { width: 100%;}
.watchvideo:not(.hidden) { position: absolute; bottom:10px; right:10px; border-radius: 5px; height: 48px; width: 160px; text-align: center; display: flex; align-items:center; justify-content: center; background: #1372C6; color: #fff; font-size: 14px; z-index: 1;}
.watchvideo img { margin-right: 10px;}
.closeVideo { position: absolute; top:-16px; right:0px; font-size:14px; color:#333;}
.nav{ text-align:center; font-size:13px; color:#3f3f41; }
.imgArrLeft, .imgArrRight {margin:5px; cursor:pointer;}
.plainText {font-size: 14px; padding: 10px 0px; color: #26365a; font-weight: bold;}

.detailHeadings span {display:block; float:left; font-size:14px; color:#555756; line-height:18px; margin-left:10px;}
.detailHeadings span:nth-child(1) {width:280px; }
.detailHeadings span:nth-child(2) {width:166px;}
.detailHeadings span:nth-child(3) {width:100px; }
.details { background:#fff; border:1px solid #e1e1e1; padding:10px 0; margin:10px 0; max-height:580px; overflow-y:scroll;}
.details .label { float:left; width:100px; color:#222; text-indent:0; margin:0 20px 0 0; font-size:1.5em; line-height:40px;}

.detailLine {margin:0 10px 10px 10px; padding-bottom:10px; border-bottom:1px dashed #e1e1e1; color:#3f3f41; font-size:15px;}
.detailLine > div:not(.clear) {float:left; }
.detailLine .swatch {width:48px; height:48px; flex: 0 0 auto; margin-right:10px; background-size:48px 48px; background-repeat:no-repeat; float:left;}
.detailLine .detailTitle { width:220px; margin:6px 10px 6px 0;  line-height:18px;}
.detailLine .detailTitle .detailMinimumQuantity {font-size: 12px; color: #969699;}

.detailLine .detailPrice { width:130px; margin:6px 0; line-height:18px;}
.detailLine .detailPrice .detailwas { color:#969699; display:block; font-size: 10px;}
.detailLine .detailPrice .detailnow { font-weight:bold; color: #931A2B; font-size: 12px;}
.detailLine .detailPrice.nowas { line-height:36px;}
.detailLine .detailPrice.nowas .detailwas { display:none;}

.detailLine .detailSavings { font-weight: bold; font-size: 10px; color:#1372C6; margin-left: 10px;}
.quantity { width:78px; margin-top:9px; text-align:center; line-height:40px;}
.quantity input{ border:1px solid #C8C6C6; border-width: 1px 0; outline:0; padding:0; float:left; background:#fff; color:#393737; font-weight:bold; width:28px; height:40px;  text-align:center;}
.quantity .less, .quantity .more{ background:#fff; border:1px solid #C8C6C6; box-sizing: border-box; font-size: 20px; display:block; float:left; color:#393737; font-weight:bold;  width:23px; height:42px; }
.quantity .less{ border-radius:5px 0 0 5px;  }
.quantity .more{ border-radius:0 5px 5px 0;  }

.p_pricing { float: left; margin-right: 30px; }
.mainPrice, .wasPrice, .savingPrice{line-height:24px;}
.mainPrice {color: #931A2B; text-decoration:none; font-size:18px; font-weight: bold;}
.mainPrice span:first-child{font-size:24px;}
.wasPrice {color: #969699; text-decoration:line-through;  font-size:14px; float:left;}
.savingPrice {color: #c00210; font-size:14px; float:left; margin-left:10px;}
.volumeDiscountText { }

.variations {font-size: 1.5em; line-height: 40px;  }
.variations select {border: 1px solid #aaa; width: 95%; height: 24px; font-size: 1em; font-weight:normal; line-height:24px;}

.wishlist, .quote {display:block; min-width: 40px; height: 24px; float:left; background:url(../images/icon-heart-outline.svg) left center no-repeat; line-height:26px; font-size:14px; color:#d32322; text-indent:30px; float: left;}
.quote {background:#1372C6; color:#fff; display: inline-block; padding:0 20px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 16px; color: #fff; text-indent: 0; height: 50px; border-radius: 5px;}
.quote:after {content:"Add to Quote"; line-height:50px;  }

.discount_total { font-weight: bold; line-height: 40px; text-align: right; color: #931A2B; font-size: 16px;}

.p_flex { display: flex; align-items: center; margin-bottom: 10px;}
.freedel {border:1px solid #E3DDDD; border-radius:10px; padding:0 10px; line-height: 48px; margin-right: auto; font-size: 14px; color: #1372C6; position: relative; cursor: pointer;}
.freedel:after { content:url(../images/arrow-down-blue.svg); margin-left: 5px; flex-grow: 0; flex-shrink: 0;}
.freedel > div { position: absolute; top:calc(100% - 10px); width: calc(100% + 2px); box-sizing: border-box; left:-1px; border:inherit;border-top:0;  display: none; background: #fff; padding:5px 10px; line-height: 22px; z-index: 10;}
.delInfo { float:right; border:1px solid #ccc; padding:0 5px; background:#fff; border-top:0;}

.addInfoBox {  color:#555756; line-height:18px; font-size:12px; margin-top:20px; margin-bottom:20px;}
.addInfoBox textarea {resize:none; padding:8px; font-family:tahoma; border:1px solid #e1e1e1; width:262px; height:98px; font-size:12px;}

.addToCart { display: flex; align-items: center;}
.addToCart .total {font-size:16px; color:#393737; float:left;}
.addToCart .total span{font-weight: bold; }

.outofstock {color:#393737; font-size:14px; font-weight:bold; text-align:right; padding: 10px 20px; border: 1px solid  #D6D4D4;}

a.shopButton {display: inline-block; background: #931A2B; line-height: 35px; text-align: center; font-size:12px; color:#fff; font-weight: bold; padding: 0; border-radius:4px; padding:0 10px; text-transform: uppercase;}
a.shopButton:hover {background-color:#9c272f;}
a.shopButton.buy {background:#fbad25; margin-left:10px;}
a.shopButton.buy:hover {background:#f9a004; }
a.addedtocartButton {width: 150px; margin: 10px auto 0 auto; display:block;}

.addedtocart {position: fixed; top:0; width: 320px; right:calc((100vw - 960px)/2); background: #fff; z-index: 4000; box-shadow: 0px 3px 6px #00000029; padding:10px; box-sizing:border-box; font-size: 12px;}
.addedtocart h4 { color: #931A2B; font-weight: bold; font-size: 14px; margin-top: 5px;}
.addedtocart_title { color: #787777; font-size: 12px; line-height: 18px; margin-bottom: 5px; }
.addedtocart_saving { color: #931A2B; font-weight: bold; font-size: 12px; margin-bottom: 5px;}
.addedtocart_close {position: absolute; top:10px; right:10px; cursor: pointer;}
.addedtocart_checkout { font-weight: bold; color: #1372C6; text-decoration: underline; }

a.addToCart {display: block; float:right; font-size:16px; color: #fff; width: 160px; text-align: center; margin:0 0 0 10px; line-height:50px; border-radius:5px;}
a.disabled {color:#999;}

.productDescription { padding-top:30px; margin-top:10px; font-size:16px; }

.greybox {background: #f0f0f0; padding: 5px 10px; margin-bottom: 10px;}

.variations div:nth-child(1){float: left; width: 100px; margin-right:20px;}
.variations div:nth-child(2){ float:left; width: 220px;}

.tab-title { color:#931A2B; font-weight: bold; font-size: 30px; padding:20px 0; margin-bottom: 0; position: relative; cursor: pointer; border-top:1px dashed #e1e1e1;}
.tab-title:after, .tab-title:before { content:""; display: block; background:#931A2B; height: 3px; width: 24px; position: absolute; right:0; top:50%; transform: translateY(-50%); border-radius: 1px;}
.tab-title:after { transform: translateY(-50%) rotate(90deg);}
.tab-title.open:after { display: none;}
.tab-content { border-bottom:1px dashed #e1e1e1;  display: none;}

.associations { margin: 10px 10px; padding: 20px 0;}
.associations h2 {font-weight:bold; font-size:30px;font-weight: bold; padding-bottom:20px;}


/* Large Cart */

div.cartRow {line-height: 24px; margin: 0;font-size: 16px; border:1px solid #e1e1e1; border-top-width: 0; display: flex; align-items: stretch; }
div.cartRow:first-of-type {border-top-width: 1px;}
div.cartCell {color:#3f3f41; }
div.cartCell .shopButton { float: left; margin: 2px;}
.cartSwatch {height:58px; width:58px; float:left; }
div.prodImage {width:85px; flex-grow: 0; flex-shrink: 0; margin:10px;}
div.prodTitle{font-size: 16px; padding:10px 0; margin-right:auto; }
div.prodTitle a {text-decoration:none; color:#7D1219; display:inline-block; position:relative;}
div.prodTitle .cartAddInfo {position:absolute; top:0; right: -230px; background:#fff; width:200px; height:100px; display:none; border:1px solid #e1e1e1; padding:6px 10px; color:#333;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);}
div.cartRow .quantity { margin-top: 0; align-self: center; line-height: initial; padding:10px 20px; width: 75px; flex-shrink: 0; flex-grow: 0;}
div.cartRow .quantity .quant { line-height: 40px; display: block;}
div.prodPrice, div.prodUnitPrice { width: 100px; font-size: 15px; flex-grow: 0; flex-shrink: 0;  display: flex; align-items: center; justify-content: center; border-left: 1px solid #E3E0E0;} 
div.prodUnitPrice {font-size: 12px; line-height: initial;} 
a.cart_update { font-size: 12px; color: #1372C6;}

div.remove { float:right; width:150px; line-height:24px;}
div.remove { width:50px; display: flex; background: #F6F5F5; width: 50px; flex-grow: 0; flex-shrink: 0; align-self: stretch; display: flex; justify-content: center; border-left: 1px solid #E3E0E0;}
div.remove a{  background:url(../images/icon-trash.svg) center center no-repeat; display:block; width:20px; }

.cartTitle{font-size: 1.2em; width: 678px !important; }
.cartPrice {width: 100px; font-size: 1.2em; font-weight:bold; text-align: right; }
.cartPrice.total {font-size:1.4em;}

.discPrice {color: #990000;}

/*Quick Add to Cart*/
.smallAddtoCart {width:440px; font-size:16px;}
.smallAddtoCart .prodDetails {width:285px; float:left;}
.smallAddtoCart .prodImage {width:145px; height:180px; margin-right:10px; float:left;}
.smallAddtoCart .prodTitle { color:#464444; font-size:16px; line-height:18px; height:36px; width:auto; padding-right:10px; text-decoration:none;}
.smallAddtoCart .prodTitle a{ color:#464444; position:absolute; top:5px; right:5px;}
.smallAddtoCart .prodPricing { margin-top:24px; float:left;}
.smallAddtoCart .prodPricing .wasPrice { color:#464444; font-size:14px; line-height:18px; float:none;}
.smallAddtoCart .prodPricing .nowPrice { color:#000; font-weight:bold; }
.smallAddtoCart .quantity { float:right; color:#555756; margin:0;}
.smallAddtoCart .buttons a{ color:#fff; background:url(../images/arrow_right_white.png) 95% center no-repeat #791118; text-indent:10px; display:block; line-height:28px}
.smallAddtoCart .buttons a:first-child{margin:20px 0 10px 0;}
.smallAddtoCart .buttons a:nth-child(2){width:100%;}

/* Checkout */
div.checkout {background:#fff; }
.checkoutHeader { background:#fff; margin:0 10px; line-height:40px; margin-bottom: 20px;}
.checkoutHeader h1{ float:left; font-weight: bold; font-size: 24px; font-weight: bold; margin:0; line-height:40px; display: flex; align-items: center;}
.checkoutHeader img { margin-right: 10px; }

.cartFunctions {float:right; font-size:14px;font-weight: bold;}
.cartFunctions a{display:inline-block; margin-left:25px;  color:#1372C6; }
.cartFunctions .cartEmail { background:url(../images/emailcart.svg) left center no-repeat; background-size: 24px auto; padding-left:30px;}
.cartFunctions .cartPrint {background:url(../images/printcart.svg) left center no-repeat; background-size: 24px auto; padding-left:30px;}
.cartFunctions .cartContinue {background:#1372C6; line-height:40px; color:#fff; text-align:center; padding:0 10px; font-weight: bold;}

.cartHeaders { color:#3f3f41; font-size:14px; line-height:18px; margin:20px 10px 0 10px; }
.cartHeaders span{ display:inline-block;}
.cartHeaders span:first-child{ width:500px;}
.cartHeaders span:nth-child(2){ width:170px;}
.cartHeaders span:nth-child(3){ width:160px;}
.cartHeaders span:nth-child(4){ width:50px;}

.checkoutTotal { text-align:right; color:#333; line-height:32px; display: flex;}
.checkoutTotal .label { width:750px; float:left;  font-size:16px;  margin-left: auto;}
.checkoutTotal .value { width:135px;  float:left; font-size:16px}
.checkoutTotal.weight .label{  font-size:14px;}
.checkoutTotal.total .label, .checkoutTotal.total .label{ font-weight:bold; font-size:18px;}

.checkoutHeading { display: flex;}
.checkoutHeading img { margin-right: 5px;}
.checkoutDetails {margin:10px 0; border-top:1px dashed #DCDADA;}
.checkout h2 {font-weight:bold; color:#931A2B; font-size: 28px; margin-bottom:10px; line-height:40px;}
.checkout h2 img { vertical-align: middle;}
.checkout h2 span { color: #393737; font-weight: bold; font-size: 15px; margin-left: 20px;}
.checkout h2 a { color: #1372C6;}
.checkout h3 {font-weight:bold; color:#961824; margin-bottom:10px; font-size:20px; line-height:30px;}

.deliveryDetails, .paymentDetails { border:1px solid #D2D1D1; padding:10px 20px; background: #FDFCFC;}
.deliveryDetails .checkoutRow { color: #4B4B4B; font-weight: bold; font-size: 15px; }

.paymentDetails { }

.billingCheckbox { color:#231f20; font-size:12px;}
.billingCheckbox input{ margin-right:10px; vertical-align:middle;}

.features {border:1px solid #000; border-width:1px 0; padding:10px 0;}
.promocode {height: 50px;  float:right;}
.promocode h2 { line-height: 24px; border: 0; padding: 0; margin: 0; font-size:1.2em; text-align:right; font-weight:normal; }
.promocode .shopButton {float: left; margin: 0 0 0 10px; line-height: 26px;}
.promocode input {width: 250px; float: left; height: 20px; font-size: 1.4em; vertical-align:middle; margin-left: 46px;}

.delivery { float:left; }
.delivery div { float:left; font-weight:bold; font-size:1.2em; line-height:24px;}
.delivery select.deliverySelector { margin-left:20px;}

div.checkoutRow {line-height: 30px; margin: 2px 0; }
div.checkoutRow input, div.checkoutRow textarea, div.checkoutRow select {width: 100%; box-sizing: border-box; display: block; border:1px solid #a1a1a1; font-size: 14px; height:35px; line-height:35px; padding:0 10px; margin-bottom: 10px;}
div.checkoutRow textarea{height:85px; line-height:18px; text-indent:0; padding:1%}
span.required {color: #f00;}
span.deliveryMsg {font-size:10px; color:#231f20; font-style:italic; display:block; margin-bottom:10px;}

.addressInfo { width: calc((100% - 20px)/2); float: left;}
.addressInfo:nth-of-type(2) { margin-left: 20px;}

.paymentOptions {margin: 10px auto; display: flex;}
.paymentOption {background: #fff; cursor: pointer; line-height: 24px; width: calc((100% - 60px)/ 4); display: flex; margin-right: 20px; border: 1px solid #B5B6B8; padding:10px; }
.paymentOption input { margin:10px 5px 0 0; align-self: flex-start;}
.paymentTitle {font-size: 15px; font-weight:bold; text-align: left; color:#231f20;}
.paymentDescription { font-size: 12px;}
.paymentLogo {float: left; width: 100px; margin-left:5px;}
.paymentIcons {float: left; width: 100px;}

.continueButton { background: #1372C6; color: #fff; font-size: 20px; display: block; width: calc(50% - 20px); margin-top: 20px; line-height: 50px; text-transform: uppercase; font-weight: bold; text-align: center; position: relative;}
.continueButton:after { content: url(../images/arrow-down-white.svg);margin-left: 5px; margin: 0 0 0 auto; right:0; transform: rotate(-90deg) translateY(-50%); position: absolute; top:0%; }

div.paymentRow {line-height: 20px; margin: 2px 0;}
div.paymentCell {width: 48%; float: left; margin: 0 1%; }

.paymentOptionSelected, .paymentOption:hover {border: 1px solid #0052A5;}

.paymentButton {width: 100px; margin: 5px auto;}

.emailcartbox { background:#e0dfdf;padding:10px; font-size:14px; color:#000; line-height:30px;}
.emailcartbox a.close{float:right; height:24px; line-height:24px; margin-top:0;}
.emailcartbox .cartEmail {background:url(../images/emailcart.png) left center no-repeat; padding-left:30px;}
.emailcartbox input, .emailcartbox textarea{ background:#fff; outline:0; border:0; display:block;
	-webkit-box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.49);
	-moz-box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.49);
	box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.49);}
.emailcartbox input { height:36px; text-indent:10px; width:100%; line-height:36px;}
.emailcartbox textarea { height:52px; padding:2%; width:96%; resize:none;}
.emailcartbox .button {float:right;}
.emailcartbox a {background:url(../images/button_bg.png) left center repeat-x; height:31px; border-radius:5px; color:#fff; text-align:center; padding:0 10px; margin-top:6px; line-height:31px;}


/* Dashboard */
.tabs {}
.tab_titles {width: 150px; text-indent: 10px; float: left; text-align: left; text-transform:uppercase; font-size: 1.2em; line-height: 35px; color: #323232; position: relative; cursor: pointer; z-index: 2; padding-top: 10px;}
.tab_titles div {margin: 5px 0; cursor: pointer;}
.tab_active {background: #f4f4f4; color: #3E5A8B; z-index:2;  border: 1px solid #aaa; border-width: 1px 0 1px 1px; border-radius: 5px 0 0 5px; font-weight: bold;}
.tab_details {padding: 0 10px; margin-bottom:20px; }

.orderRow {font-size: 1.2em; line-height: 35px; clear: both; margin-bottom:5px;}
.orderCell {float: left; width: 150px;}

.tab_details .shopButton {float:right; display:block;}

.tab_details .label {float: left; width: 30%; text-indent: 2%; line-height: 30px; font-size: 1.2em; margin: 5px 0;}
.tab_details .value {float: left; width: 70%; text-indent: 2%; overflow: hidden; line-height: 30px; font-size: 1.2em; margin: 5px 0;}
.tab_details .value input[type=text],.tab_details .value input[type=password],.tab_details .value select {height: 30px; width: 97%; border: 1px solid #aaa;} 
.tab_details .saveDetails, .tab_details .updatePassword {float:right;}

/*Product List Box*/
.addtolistbox { font-size:15px; line-height:24px; padding:0px; }
.addtolistbox a.prodList { display:block; padding:5px; background:#F7EBEC; color:#000; font-weight:bold;}
.addtolistbox a.prodList:hover { background:#981820; color:#fff;}
.addtolistbox input {height:26px; text-indent:10px; float:left; outline:none; border:1px solid #aaa; margin-right:10px; width:165px;}
.addtolistbox a.dashboardSave { float:left; }

/*Quotation*/
.deleteQuote {background:url(../images/icon_delete.png) left center no-repeat; padding-left:20px;}
.quoteComment {border:1px solid #e1e1e1; outline:0; background:#fff; text-indent:10px; height:38px; line-height:38px; width:99%; margin-bottom:10px;}
.requestQuote {font-weight:bold;}
.requestQuote img{top:2px; position:relative;}
.addalltocart, .continueShopping, .requestQuote {margin-bottom:10px; float:right;}
.addalltocart img{top:7px; position:relative;}

/* 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.2em;}
.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.2em;}
.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;}