@charset "UTF-8";
/* -- Add to Basket Grid */
#addBasketAnchor { padding: 16px }
.addToBasketArea {background: #E4E4E4;border-left: none !important;border-right: none !important;}
div.addMobile { display: none; }
div.addDesktop {display: block;overflow: hidden;padding: 0px;clear: both;}
.clAttributeGridContainer {margin: 0 auto;}
.attRow {margin: 0 0 16px 0;background: #ffffff;display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: left;flex-direction: row;}
.attRow:last-of-type { margin: 0 }
.attRow>div:first-child { text-align:left}
.attRow>div {flex-direction:row;align-items: stretch;padding: 0 16px;padding: 21px;text-align: left;}

#attCode {order: 1;flex-grow: 0; vertical-align: middle; color: cornflowerblue  }
#attName {order: 2;}
#attPrice {order: 4;flex-basis: auto;}
#attStockMessage {order: 6;background: rgba(227, 245, 198, 0.84);flex-grow: 1; -webkit-flex-grow: 1;text-align: left;}
#attStockLookup {order: 4;color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
#attQty {order: 7;min-width: 125px;text-align: left;position: relative;}
#attAdd {order:8;background: #acd373;text-align: center;position: relative;color: #fff;text-transform: uppercase;letter-spacing: 1px;flex-basis: auto;overflow: hidden;position: relative;}
#attAdd:before {content: "add";line-height: 66px;}
#attAdd:hover {background: #96BD5C;color:#fff;}

#attOutStock {order: 9;padding: 0;background: #FFF2F0;padding: 9px;flex-grow: 1; -webkit-flex-grow: 1;}
#trOutofStock, #trOutofStockAjax {display:none;width:100%;background: white;padding: 32px;border: 1px solid #ebebeb;float:left;margin-top:8px;position: relative;text-align:left;}
#trOutofStockAjax h3 {margin:0 0 8px 0;}
#trOutofStockAjax p {margin:0 0 16px 0;padding:0 0 16px 0;border-bottom:1px dotted #aaa;}
.out-of-stock #trOutofStock, .out-of-stock #trOutofStockAjax {padding:9px; order:8; background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;position: relative;}
.out-of-stock #attStockMessage {order:5;background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;text-align: center !important;color: red;}
.out-of-stock #attStockMessage span {width:100%;text-align: left;}
.out-of-stock #attAdd {display:none;}
.out-of-stock #attStockLookup {}
#trOutofStock input, #trOutofStockAjax input[type="text"] {border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;font-size: 18px;height: 48px;text-align: left;right: 9px;vertical-align: middle;flex-grow: 1;-webkit-flex-grow: 1;text-indent: 14px;font-size: 15px;background-color: white;width: 100%;}
.button-outofStock {/* display: block; *//* width: 64px; */background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 64px;/* position: absolute; */right: 0;background-size: 32px;}
.dev-emailback-instock {/* display: block; */width: 48px;background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 48px !important;position: absolute !important;right: 32px;background-size: 32px;text-indent: -999px;padding: 0 !important;border: none !important;border-radius: 0 !important;}
.button-outofStock:hover, .dev-emailback-instock:hover, .dev-emailback-instock:focus, .dev-emailback-instock:active {background: url("/layout/outofStock2.png") 50% no-repeat #3B729C !important; color:#fff; background-size: 32px !important;}
.NotifyWarning {width: 100%;background: #FF5858;color: #ffffff;line-height: 250%;text-align: center;}
.button-outofStock:before, .dev-emailback-instock:before {content: "\f1d8"; /* line-height: 66px; */position: absolute;right: 25px;top: 20px;color: #fff;z-index: 1;}
.disableAdd { pointer-events: none; opacity:0.9}
.loader {display:none;margin: 19px auto;font-size: 5px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 0.5s infinite linear;}
.loader,.loader:after {border-radius: 50%; width:28px;height: 28px;}
@-webkit-keyframes load8 {0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height: 66px;}
.nameCtr { display: block;  color: #666;}
.name {/* white-space: nowrap; *//* overflow: hidden; */vertical-align: left;}
.stock { display: block;min-width: 15%;text-align: center;}
.InStockCSS {color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
.OutofStockCSS { display: block;/* background: #fff2f0; */ color: #f54f36; width: 100% }
.BackOrderCSS {display: block;color: #55acee;padding: 0 8px;}
.locate { float: right; text-align: center; padding: 0 16px;}
.StoreLookup:before {font-family: 'FontAwesome';content: "\f041";padding-right:8px;color: #E4E4E4;}
.StoreLookup {color: #0066CC;cursor:pointer;border-bottom: 1px solid #D6D6D6;}
.price { display: block;/* height: 64px; *//* line-height: 64px; */ text-align: center; float: right; padding: 0 16px;}
.oosEmail { display: block; height: 64px; float: right;background: #fff2f0; line-height: 64px; padding: 0;}
.add {float: right;width: 64px;padding: 0 !IMPORTANT;}
.button-matrix { cursor: pointer;height: 64px;width: 100%;position: absolute;right: 0;}
.dev-qty { float:right}
.dev-qty input {	border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;/* padding: 10px; */font-size: 18px;height: 48px;/* margin:8px; */text-align:center;position: absolute;width: 57px;top: 10px;right: 9px;}


#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
#storelookupresults {text-align:left;width:40vw;margin-left:auto;margin-right:auto;background: #fff;padding: 32px;display: table;}
.cncTitle {display:none;}
#DDStoreLookupResults {text-align:left;}
#storelookupresults h3, #DDStoreLookupResults h3 {margin:0;padding:0;font-size:1.3em;}
#storelookupresults p, #DDStoreLookupResults p {margin: 0;padding:0 0 16px 0;border-bottom:1px solid #eaeaea;}
#storelookupresults .col-1, #DDStoreLookupResults .col-1 {font-size:12px;line-height:18px;border-bottom: 1px solid #efefef;}
#storelookupresults .col-1 h4, #DDStoreLookupResults .col-1 h4 {font-size:12px;letter-spacing:0.1em; text-transform:uppercase}
.cncStore {padding: 16px;display: block;float:left;width:100%;}
.cncStore .col-2 span {width:100%;float:left;display:block;}
.cncGMap {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #fff !important;background:rgba(30,144,255,0.8);border-radius:4px;padding:4px 8px;display: inline-block;margin:4px 0 0 0;}
.cncGMap:hover {color:white;background:rgba(30,144,255,1);}
.cncAvail {color:green;}
.cncUnavail {color:black;}
.cncStoreOOS {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.75}
#DDStoreLookupResults .cncStoreOOS {display:none;}
.cncFooterTxt {float:left;width:100%;display: block;font-size:15px;line-height: 1.6em;padding-top: 16px;}
.cncQty {text-align:right;}
.collectLocation > div:nth-last-child(1) span  { display:none}
.collectLocation > div:nth-last-child(1) .cncGMap  { display:none}
.collectLocation > div:only-of-type .cncGMap, .collectLocation > div:only-of-type span  {display: inline-block !important;}
.cncQty span { display:inline !important;}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height:66px;}
.collectLocation .col-1[data-qty="0"] { background:#fff}
.collectLocation .col-1 { background:#f6fdf1}
#storelookupresults .col-1[data-qty="0"] .cncStore .col-2 span .cncGMap {/* display:none; */}
#storelookupresults .col-1[data-qty="0"] .cncGMap { display:none; }
#storelookupresults .col-1[data-qty="0"] h4 {margin:0;}
#storelookupresults .col-1[data-qty="0"] .cncUnAvail {line-height: 14px;}


/* Dropdown A2B */
.dropdownA2BWrap {}
.dropdownA2B {padding:0;min-width: 100%;display:block;margin:0;}
.dropdownA2B .a2btitle {text-align:left; font-size: small}
.dropdownA2B .a2bsizing {text-align:right;font-size:0.8em;}
.dropdownA2B .a2bselect {position:relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity:0;}
.dropdownA2B .a2bselect:before {position:absolute;right: 18px;top: 18px;content:'\f107';font-family: 'FontAwesome';z-index: 1; pointer-events: none;}
.dropdownA2B .a2bselect select {position:relative;margin-top:4px;padding:0 42px 0 16px;width:100%;height:48px;display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #cecece;background:none;outline:none !Important;border-radius: 4px;background: #fff;cursor:pointer;}
.dropdownA2B .a2bselect select:focus {border:1px solid #999999;}
.dropdownA2B .a2bselect select option {background:white;}
.dropdownA2B .a2bselect select option[data-status*="out of stock"], .dropdownA2B .a2bselect select option[data-status*="no stock"] {background: #ffeae7;color: tomato;}
.dropdownA2B .a2bselect select option[data-status*="last few in stock"], .dropdownA2B .a2bselect select option[data-status*="last few"] {background:#fff9c7;}
.dropdownA2B .a2bselect select option[data-status*="special order available"] {background:#d9f4ed;}
.dropdownA2B .a2bselect table {width:100%;}
.dropdownA2B .a2bButtonGo {width: 100%;height:48px;text-align:center;line-height: 48px;background:#17af45;color:white;border-radius:4px;cursor:pointer;float:right;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity:1;}
.dropdownA2B .a2bButtonGo.a2bButtonInactive {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.dropdownA2B .a2bButtonGo.a2bButtonGoNotify {background:tomato;}
.dropdownA2B .a2bStockCheck {padding:0 16px 0 0;/* height:48px; */line-height: 28px;color:#17af45;float:left;font-size:0.8em;display:none;width: 50%;text-align:left; text-transform: capitalize;}
.dropdownA2B .a2bStockCheck[data-status*="out of stock"], .dropdownA2B .a2bStockCheck[data-status*="no stock"] {color:tomato;}
.dropdownA2B .a2bStockCheck[data-status*="last few in stock"], .dropdownA2B .a2bStockCheck[data-status*="last few"] {color:#e3a000;}
.dropdownA2B .a2bStockCheck[data-status*="special order available"] {color:#09b587;}
.dropdownA2B .a2bStockCheck span {font-weight: bold;color:#333;}
.a2bStockStore {display:none;cursor: pointer;float: right;height: 28px;line-height: 28px;margin: 0;border-bottom: none;font-size:0.8em;padding: 0 16px;border-radius: 4px;background-color: lightskyblue;color: #35436d;}
.a2bStockStore:before {content:'\f041';font-family: FontAwesome; margin:0 4px 0 0;}
#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
.a2bStockArea {width: 100%;margin-bottom: 8px;}
.AvaLeadtime {display:none;}
.a2bControls {position:relative;margin-top:8px;}
.a2bCover {display:none;position:absolute;z-index:2;width: 100%;height:48px;background:#1bc54f;bottom: 0;right:0;text-align: center;border-radius:4px;}
.a2bButtonGoNotify + .a2bCover {background:#fe846e;}
#m-check-mark {margin: 11px 0 0 0;width: 36px;height: auto;display: inline;}
#checkmark {}
.a2bAdded #checkmark {stroke-dasharray: 640;stroke-dashoffset: 640;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-animation-name: draw-around;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.3s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-ms-animation-name: draw-around;-ms-animation-duration: 1s;-ms-animation-delay: 0.3s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: forwards;animation-name: draw-around;animation-duration: 1s;animation-delay: 0.3s;animation-iteration-count: 1;animation-fill-mode: forwards;}
.a2bPayments {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px solid #ebebeb;position: relative;}
.a2bPayments:before {content:'\f0d8';font-family: 'FontAwesome';position: absolute;top: -15px;right: 0;font-size: 20px;line-height: 100%;color: #ebebeb;}
.a2bPayments img {margin:4px auto; height:24px; width:auto;}

.dropdownA2B .a2bselect:before, .dropdownA2B .a2bselect:after {
    position: absolute;
    height: 2px;
    width: 9px;
    border-radius: 2px;
    content: ' ';
    display: block;
    background: #565656;
    top: calc(50% - -1px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    top: 24px !important;
}

.dropdownA2B .a2bselect:before {
    right: 21px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdownA2B .a2bselect:after {
    right: 16px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


@-ms-keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0;}
}
@-webkit-keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0;}
}
@keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0; }
}


/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	#storelookupresults {width:70vw !important}
}}