/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********* S T R U C T U R E ******* */
/* ********** S T Y L I N G ********** */
/* *********************************** */
/* Custom Fonts */
@font-face {
font-family: 'barlowregular';
src: url('/font/Barlow-Regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlowbold';
src: url('/font/Barlow-Bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html, body, input, textarea,lable, select, .fancybox {
font-family: 'barlowregular', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'barlowbold', sans-serif;
letter-spacing: 0em;
}
/* General HTML */
html, body {font-family: 'barlowregular';color:#555;}
.container {background: #fff;}
body {ont-family: 'barlowregular';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;vertical-align: baseline;line-height: 1.5em;margin: 0;padding: 0;background: #efefef; font-size: 18px;}
@media screen and (max-width: 767.99px)
{
body {font-size: 16px!important;}
}
a, a:visited {color: #2c9ab7;text-decoration: none;}
a:hover {color: #237a91;}
p, .p {margin-bottom: .8em;}
p>a, .button~a:not(.button), .link-underline a:not(.button) {line-height: normal;border-bottom: 1px solid;}
img { vertical-align: middle; max-width: 100%; max-height: auto; }
.color1 {color:#000 !important;}
.color2 {color:#2f353e !important;}
.color3 {color:#a6afbc !important;}
.color4 {color:#e1e1e1 !important;}
.color5 {color:#6495ED !important;}
.color6 {color:#a3db36 !important;}
.colorwhite {color:white !important;}ale
.colorblack {color:black !important;}
.background1, .button {background: #333 !important;color: #fff !important;}
.background2 {background:#2f353e !important;}
.background3 {background:#a6afbc !important;}
.background4 {}
.background5, .addtocart {background:#6495ED !important; border: 1px solid #6495ED!important;}
.backroundblue {background:dodgerblue}
.backgroundwhite {background:#fff !important}
dd, dl, blockquote, figure, address {}
em { font-style: italic }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .ffTitle {color: #484848;font-family: 'barlowbold';}
h1, .h1, .ffTitle {font-size: 24px;line-height:1.2em;}
h2, .h2 {font-size: 20px;line-height:1.2em;clear: both;}
h3, .h3 {font-size: 18px;line-height:1.2em;}
h4, .h4 { font-size: 16px;line-height:1.2em;}
.clearboth { clear:both}
span[class*="noSaleIcon"] {display:none;}
.open {display:block !important;}
.middle { margin:0 auto !important; float:initial}
.columnFlow {margin: auto;-moz-column-count: 2;-moz-column-gap: 64px;-webkit-column-count: 2;-webkit-column-gap: 64px;column-count: 2;}
.columnFlow h1, .columnFlow h2 {-webkit-column-span: all;column-span: all;}
.columnFlow p { text-align:left}
.columnFlow p:first-of-type{ padding-top:0px; margin-top:0}
.desktop {display: initial;}
.mobile { display: none; }
.required, .errorFormInfo {color:#FF0004;}
.ctrPad32 {padding:32px}
img[src*="images/clear.gif"] {display:none;}
/* Layout - Muliple Location Change one, changes all */
.leftMargin {margin-left: 32px;}
.leftPadding {padding-left: 32px;}
.topPadding { padding:32px 0}
.ctrMrgLeft32 {margin-left: 32px;}
.ctrPadLeft32 {padding-left: 32px;}
.ctrMrgLeft16 {margin-left: 16px;}
.ctrPadLeft16 {padding-left: 16px;}
.ctrPadTop32 { padding:32px 0}
.ctrPadSide32 {padding:0 32px;}
.ctrPadTop16 { padding:16px 0}
.ctrPadSide16 { padding:0 16px}
/* Fixed width */
.fixed {max-width: 1456px;}
.innerContainer {background:none;float: none;margin: 0 auto;padding: 32px 10%;height: 1%;overflow: hidden;}
/* Flex Box CSS */
*[class*="zflex"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.zflex-w {flex-wrap:wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.zflex-s {align-items:stretch; -webkit-align-items:stretch; -ms-align-items:stretch; -moz-align-items:stretch;}
.zflex-ws {flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;align-items:stretch;-webkit-align-items:stretch; -ms-align-items:stretch; -moz-align-items:stretch;}
.zflex-v { justify-content:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; align-content:center; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; }
.zflex-hm {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap;}
.zflex-vs { align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; }
/* B2B */
.b2bcontent, .consumercontent { display:none}
.warning {color: #F00;background: #FFF4F4;border-left: 1px solid #FF0000;}
.warning i { margin: 0 7px}
.warning span {border-bottom: 1px solid #FF9999;text-transform: uppercase;font-weight: 700;}
/* form styles */
.lable {font-size: smaller;text-indent:0px;float:left;line-height: 150%;}
.formSingle, .formMultiple {border:none;outline:none;margin: 0;width: 100%;border: none;padding: 10px 0;clear:both;float:left;height: 51px;font-size: initial;border-bottom: 1px solid #D0D0D0;color: cornflowerblue !important;}
.formSingle:hover, .formMultiple:hover {border-bottom: 1px solid #999;}
.formSingle:focus, .formMultiple:focus {border-bottom: 1px solid #666;}
.formMultiple {min-width: 150px !important;}
.formSingl-error { border:none; outline:none; margin:0; font-size:18px; width:190px; border:1px solid #ebc8c8; padding:10px; clear:both; float:left; background-color:#f7f0f0; color:#900}
.formSingleEmail {border:none; outline:none; margin: 0; font-size:18px; width:350px; border:1px solid #CCC; padding:10px; clear:both; float:left}
.signtext {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; text-indent:0px; float:left; clear:both}
.combined { position:relative}
.combined input[type="submit"] { border: none !important}
/* Buttons */
.button { text-decoration:none; padding:8px 16px; border-radius:6px; display:inline-block;}
.button i {margin:0 7px; color:#FC0}
.bSquare {border-radius:0px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus {border-color: rgba(0,0,0,0.7);color: #000;}
button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border, .buttonRound {-webkit-appearance: none;border: none;border-radius: 3px;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;font-weight: 400;height: auto;letter-spacing: 2px;line-height: 25px;padding: 12px 28px;text-align: center;text-transform: uppercase;-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;text-decoration: none;border: 1px solid #000000;font-weight: 700;}
button:active, button:focus, button:hover, .button:active, .button:focus, .button:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, .btn:active, .btn:focus, .btn:hover, .btn-border:active, .btn-border:focus, .btn-border:hover, .btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { background: #222222; color:#fff }
.btn-border { background: transparent !important; border: 2px solid #ddd !important; color: #26292b !important; }
.btn-border:active, .btn-border:focus, .btn-border:hover { border-color: #000 !important; color: #000 !important; }
.btn-thin-border {background: transparent !important; border: 1px solid #BDBDBD !important; color: #26292b !important;}
.btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { border-color: #000 !important; color: #FFF !important; background:#000!important }
.dark { border-color: #363636 !important; color: #363636 !important; }
.dark:active, .dark:focus, .dark:hover { border-color: #eba034 !important; }
.addtocart:active, .addtocart:focus, .addtocart:hover { border-color: #6495ED !important; color:#6495ED!important }
.buttonRound {width: 50px;height: 50px;text-align: center;line-height: 50px; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding:0; margin:0;border: transparent;}
input[type=checkbox], .checkbox, input[type=radio], .radio {border: none !important;margin-top: 7px !important;}
select[size] { font-size: 12px; height: auto; }
.bLeft, .bBottom, .bRight, .bTop {position:absolute;right: 0;top: 0;background: #fff !important;}
.bLeft {-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.bBottom {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
.bRight {-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;}
.bTop {-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
.buttonSmall {letter-spacing: 1px; line-height: 25px; padding: 6px 22px;}
.butInactive {opacity: 0.5;filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.butActive {opacity: 1;filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
/* Top Banner Call to Actions */
/* Top Banner Call to Actions */
.CNCCTA {background: #FFF;color: #272929;text-align: right;text-transform:uppercase;letter-spacing: 1px;padding: 8px !important;height: 42px;border-bottom: 1px solid #dcdcdc;font-size: 11px;}
.CNCCTA a, .CNCCTA p {color: inherit;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;margin: 0 8px 0 0;}
.CNCCTA a:hover {color: #dc2014;}
.CNCCTA a:after {content:"\25CF";color: #dc2014;margin-left: 8px;}
.CNCCTA a:last-of-type:after {display:none}
.Message a {margin: 0 0 0 21px !important;}
.hdrRewardsTitle {color: #201f4c;}
.slides.thinBanner {margin: 0;}
.backgrounrdsignup.thinBanner {padding: 0;}
.slides.thinBanner li {text-align: center; list-style: none; padding: 10px 0; margin: 0;}
.slides.thinBanner li a {color: #FFFFFF;font-size: 20px; border: 0;}
.slides.thinBanner li a:hover {text-decoration: underline;}
.slides.thinBanner li a h2 {margin: 0; color: #fff;}
.slides.thinBanner li a p {margin: 0;font-size: small;}
/* Large Mobile Phones --------------------------------------------------------------- */
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767.99px)
{
.CNCCTA {height: 36px !important;overflow: scroll;display: block;}
.CNCCTA a, .CNCCTA p {color: inherit;margin: 0 3px 0 0;font-size: 9px;}
.CNCCTA a:after {content:"\25CF";color: #dc2014;margin-left: 3px;}
}
/* Top Banner Layout */
.masthead {top: 0;transition: top 0.2s ease-in-out;width: 100%;z-index: 10;clear: both;position: fixed;}
.navIcons {flex:1; display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;box-orient: horizontal;box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;flex-direction: row;-ms-flex-direction: row;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: center;-ms-flex-pack: justify;-ms-flex-align: center; z-index: 1;background: #fff;}
.navIcons>div, .navIcons>a {width: 95px;line-height: 95px;font-size: 18px;position: relative;}
.logo {max-width: 170px;height: 47px;}
.navCtr.menuActive {transform: translateX(0%) !IMPORTANT;}
#body-wrapper-overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;content: ' ';display: none;z-index: 9;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.open-slide-menu #body-wrapper-overlay{opacity: .3;display: block;}
.open-slide-menu {/* overflow: hidden; */}
.tabsMenu{margin: -1px;padding: 0px;list-style: none;border-top: 1px solid #c5c5c5;}
.tabsMenu li{background: none;color: #b1b1b1;display: inline-block;cursor: pointer;background: #efefef;padding: 16px;flex-grow: 1; -webkit-flex-grow: 1;text-align: center;border-bottom: 1px solid #c5c5c5;width: 50%;}
.tabsMenu li img { display:block}
.tabsMenu li:first-child{border-right: 1px solid #c5c5c5;}
.tabsMenu li.current{color: #181B1D;background: #ffffff;border-bottom: 1px;}
.tabsMenuContent{display: none;padding: 16px 0;width: 100%;}
.tabsMenuContent.current{display: block;}
.ctrNavigation .NodeLevel0>div { display:none}
.links a {display:inline-block;width:49%;display: inline-block;color: #999;margin: 0;font-size: smaller;padding: 0 0 8px 0; word-wrap: break-word;vertical-align: text-top;}
.links span {display: block;width: 100%;margin: 0;color: initial;display: block !important;width: 100% !important;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);padding: 32px 0 8px 0;margin-bottom: 8px;}
.ctrNavigationDesktop {flex-grow:1; -webkit-flex-grow:1;line-height: 100% !important;/* border-right: none !important; */}
.ctrNavigationDesktop > div {display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;box-orient: horizontal;box-direction: normal;-webkit-flex-direction: row;-moz-flex-direction: row;flex-direction: row;-ms-flex-direction: row;box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;-ms-flex-align: center;box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-ms-flex-pack: center;z-index: 1;align-content: stretch;}
.nav-up {top: -75px !important;}
/* -- Primary Navigation */
.logoContainer {width: 285px !important;padding: 0 16px;}
.navOption {text-align: center;cursor: pointer;display: block !important;}
.navOptionRight {float:right;}
.toggleCtr {background-color:rgba(255,255,255,0.02);background-size: 48px 32px; text-decoration: none;color: white; display: block; width: 100%; height: 48px; line-height: 48px; text-align: left; padding:0 16px}
.toggleCtr span {font-family:'FontAwesome'; float:right;font-size: 1em; color: #555 }
.toggleNavCtr, .toggleSearchCtr, .toggleBasketCtr, .toggleLoginCtr { }
.toggleCtr span:hover, .toggleCtr span:active { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.toggleNavCtr {}
.toggleNavCtr:before {letter-spacing: 0.075em;content: 'Menu';text-transform:uppercase;margin-right: 8px;font-size: 14px;}
.navopenNavCtr:after {content: "\f00d";}
.navopenNavCtr i {display: none;}
.navopenSearchCtr {color: dodgerblue;}
.desktopNav {flex-grow: 1; -webkit-flex-grow: 1;}
.desktopNav a {/* display: none; */}
.desktopNav>ul, .desktopNav>ul>li { display:inline-block; padding:0; margin:0;}
.desktopNav>ul>li { display:inline-block; padding:0; margin:0 16px}
.desktopNav>ul>li>a {display:inline-block;font-size: large;color: #222;}
.desktopNav>ul>li>ul {position: absolute;width: 100%;left: 0;background: #fff;padding: 0;}
.menuMain .srchCtrPopular, .menuMain .SearchCtrOpen { display:none}
.mobileNav { display:none}
.navCtr {float: left;position: fixed;top: 0;z-index: 100;width: 100;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: -webkit-transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;transform: translateX(-100%);margin: 84px 0 0 0;background: #fff;width: 100%;-webkit-transform: translatex(-100%) translatey(0);-moz-transform: translatex(-100%) translatey(0);(0)-o-t;-o-transform: translatex(-100%) translatey(0);-ms-transform: translatex(-100%) translatey(0);"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-webkit-transition: all .8s ease-out;-moz-transition: all .8s ease-out;-o-transition: all .8s ease-out;-ms-transition: all .8s ease-out;transition: all .5s ease-out; padding-bottom: 134px}
.navCtr.tbcntOpen {transform: translatex(0) translatey(0);-webkit-transform: translatex(0) translatey(0);-moz-transform: translatex(0) translatey(0);-o-transform: translatex(0) translatey(0);-ms-transform: translatex(0) translatey(0);}
.srchCtr {float: left;position: fixed;top: 0;z-index: -2;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 75px; */-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;background: #fff;-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;max-height: 100%;max-width: 1456px;}
.srchCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(137px);-moz-transform: translatex(0) translatey(137px);-o-transform: translatex(0) translatey(137px);-ms-transform: translatex(0) translatey(137px);}
.srchCtr .icon-search {width: 56px;text-align: center;border-right: 1px dotted #c5c5c5;margin-right: 20px;color: #201f4c;}
.loginCtr {float: left;position: fixed;top: 0;z-index: -2;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 75px; */-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;background: #fff;-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;max-height: 100%;max-width: 1456px;}
.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(137px);-moz-transform: translatex(0) translatey(137px);-o-transform: translatex(0) translatey(137px);-ms-transform: translatex(0) translatey(137px);}
.basketCtr {float: left;position: fixed;top: 0;z-index: -2;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 75px; */-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;background: #fff;-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
.basketCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(137px);-moz-transform: translatex(0) translatey(137px);-o-transform: translatex(0) translatey(137px);-ms-transform: translatex(0) translatey(137px);}
.topNavMenuContainer { display:flex}
.topNavMenuContainer>.complexNavMenu { display:inherit}
.topNavMenuContainer, .ctrNavigation, .ctrNavigation>div {overflow:visible !important;position:relative;}
.visOverflow, .complexNavMenu .NodeLevel0, .complexNavMenu .topNavMenu {overflow:visible !important;}
[class*='NodeLevel'] { box-sizing: border-box }
.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;display: none;}
.NodeLevel1 {background: none;display: inline-block !important;vertical-align: top;width: 16.66%;padding: 0 8px 16px 0;}
.NodeLevel1:nth-child(odd) {clear:left;}
.NodeLevel1:nth-child(even) {padding: 0 0 16px 8px;}
.NodeLevel1:last-child {padding-right:0;}
.NodeLevel0 > a >span:after {font-family: 'FontAwesome';content: '\f078';padding-left: 8px;color: #aaa;font-size: 6px;position: relative;top: -2px;}
.NodeLevel0 > a.active >span:after {content: '\f077';color: #e40520;}
.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) {}
.NodeLevel0 > a >span {color: initial; font-family: 'barlowbold'; text-transform: uppercase}
.NodeLevel0 > a >span:hover {color: #e40520;}
.NodeLevel1 > a {display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial;line-height: 125%;font-size: smaller; font-family: 'barlowbold';}
.NodeLevel2 > a {display: inline-block;color: #8a8a8a;margin: 0;font-size: smaller;padding: 0 0 8px 0;line-height: 130%;}
.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {
color: #000;
}
.hideme {display:none !important}
.ctrNavigationDesktop .NodeLevel1:nth-child(7) {clear: left !important;}
.ctrNavigationDesktop .NodeLevel1:nth-child(odd) {clear:none;}
.ctrNavigationDesktop {display:block;}
.ctrNavigationDesktop .navIcons > div.toggleBasketCtr, .complexNavMenu .navIcons > a.toggleLocateCtr, .complexNavMenu .navIcons > div.toggleLoginCtr, .complexNavMenu .navIcons > div.toggleSearchCtr {display:block;}
.ctrNavigationDesktop .topNavMenu {width: auto;display:block;list-style:none;/* position:relative; */margin: 0 auto;float: left;padding: 0;z-index: 18;background: none;order: 5;width: 100%;}
.ctrNavigationDesktop .NodeLevel0 {padding: 0 8px;position: relative;top: 1px;}
.ctrNavigationDesktop .NodeLevel0>div {display:none;position: absolute;top: 76px;left: 0;width: 100%;float: left;z-index: 80;background: #fff;padding:32px;text-align: LEFT;border-top: 0;float: left;position: fixed;top: 76px;left: 0;z-index: 100;width: 100;overflow-x: hidden !important;overflow-y: auto !important;/* padding: 0 0 75px; */-webkit-overflow-scrolling: touch;-webkit-transition: -webkit-transform 0.5s;background-color: #fff;text-align: center;max-height: 100%;max-width: 1456px;margin: 0 auto;left: 50%;ransform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); background: #efefef;}
@media screen and (max-width: 767.9px) {
padding-bottom: 135px;
}
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
padding-bottom: 135px;
}
.ctrNavigationDesktop .NodeLevel0 > a {display: block;width:100%;height: 95px;border-bottom:none;margin:0;color: #000;cursor:pointer;margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 1;align-items: center;text-align: center;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;border-bottom: 1px solid rgba(197, 197, 197, 0);}
.ctrNavigationDesktop .NodeLevel0 > a:after {font-family: 'FontAwesome';font-size: 1.5em;content: '\f107';margin: 0 0 0 8px;display: none;}
.ctrNavigationDesktop .NodeLevel0 > a:hover {color:#000; opacity: 1;}
.ctrNavigationDesktop .NodeLevel0[data-url="Sale"] > a span, .NodeLevel0[data-url*="Sale"] a:hover span {color: #dc2013 !important;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink {color: white;background: #bf0019;border-bottom: none;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink:after {content: "\f0d7";color: #bf0019;opacity:1; border-bottom:1px solid #000}
.ctrNavigationDesktop .NodeLevel0[data-url="Sale"] > a.activeLink {color:#dc2013;border-bottom: 4px solid;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink span {color:white;}
.ctrNavigationDesktop .NodeLevel1 {text-align: left;padding: 8px;display: block;/* float: left; */}
.ctrNavigationDesktop .NodeLevel1>DIV {/* margin: auto; */-moz-column-count: 1;-moz-column-gap: 0;-webkit-column-count: 1;-webkit-column-gap: 0;column-count: 1;}
.ctrNavigationDesktop div[class*="nav-banner-"] {width:40%;order:-1;text-align:left;display:none;border-right: 1px solid rgba(255,255,255,0.3);FLOAT: LEFT;padding-left:0 !important}
.ctrNavigationDesktop div[class*="nav-banner-"] h2 {margin: 0;padding:16px;color:white;font-size:22px;/*border-bottom:1px solid rgba(255,255,255,0.1)*/}
.ctrNavigationDesktop div[class*="nav-banner-"] a {background-color:transparent !important;}
.ctrNavigationDesktop div[class*="nav-banner-"] span {font-family: 'barlowbold';white-space: pre;-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;display:block;color: #bf0019;margin: 0 0 16px 0;padding:0 16px 0 0;font-weight: normal;text-transform: initial;letter-spacing: 0.01em;font-size: 14px;}
.ctrNavigationDesktop div[class*="nav-banner-"] span i { font-family: 'barlowbold'; font-style:normal; color:white;}
.ctrNavigationDesktop .NodeLevel0 > a.active {border-bottom: 1px solid #555;opacity: 1;}
.ctrNavigationDesktop .NodeLevel1 > a:after {color: #dc2013;height: 1px;content: "";display: block;border-top: 1px solid;margin: 16px 0 8px 0;}
.menuOptions {position: relative}
.NodeLevel0[data-nodename*="Sale"] > a > span, .NodeLevel0[data-nodename*="Offers"] > a > span, .NodeLevel0[data-nodename*="Clearance"] > a > span {color:#dc2013 !important;}
.NodeLevel2[data-nodename*="Sale"] > a > span, .NodeLevel2[data-nodename*="Offers"] > a > span, .NodeLevel2[data-nodename*="Clearance"] > a > span {color:#dc2013 !important;}
/* basket styling */
.basketPip {display:none;position:absolute;width: 22px;height: 22px;line-height: 23px;text-align:center;bottom: 50%;right: 25%;font-size: 10px;color: #fff;border-radius:100%;font-family: monospace;background: rgba(255, 66, 66, 0.75);}
.basketCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(0%);-moz-transform: translatex(0) translatey(0%);-o-transform: translatex(0) translatey(0%);-ms-transform: translatex(0) translatey(0%);display:block;}
/* basket styling ----- */
div.basketCtr {display: none;text-align:left;position: absolute;margin:0;overflow: visible;width: 416px;top: 16px;right: 16px;background: white;border: 1px solid #ebebeb;z-index: 4000;padding: 16px;-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);max-height: calc(100vh - 110px);}
div.basketCtr .buttonSmall {float:right;font-size: 10px;}
#CartList-dev, #CartList-dev-bk {display:block;width: auto; float:left; text-align: right;margin:0;font-size: 18px;}
div#CartList-dev a, div#CartList-dev-bk a { text-decoration: none;}
div#CartList-dev a span.purse10, div#CartList-dev-bk a span.purse10 {display:none;}
div#CartList-dev a span[id*="lblCount"], div#CartList-dev-bk a span[id*="lblCount"] {margin-left: 6px;padding-left: 6px;}
div.basketCtr h3 {color:#484848;margin:0;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span {display:none;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"] {font-size:24px;color:#88c921;display:inline-block;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"]:before {content:'Total : ';color:#484848;}
.CCartLinks {justify-content: space-between;font-size: smaller;}
.CCartLinks a { color:#55acee; border-bottom:1px solid #55acee}
.CCartBut {padding-top:8px;}
.CCartBut > div {padding:4px;}
.CCartBut > div:first-of-type > a {font-size:9px;padding: 12px;}
.CCartBut > div:last-of-type > a {background: #d07c23 !important;border: 1px solid #d88a38;color: #fff !important;}
#CCart-dev {color:#484848;margin:16px 0;padding:16px 0;border-top:1px solid #ebebeb;border-bottom: 1px solid #ebebeb;max-height:50vh;overflow-y: auto;}
#CCart-dev table, #CCart-dev td {border:0 !important;text-align:left !important;float: left;}
#CCart-dev table, #CCart-dev td a {color:#484848;font-size:12px;line-height: 18px;}
#CCart-dev>table>tbody>tr {display:none;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) {display: block;width:100%;float:left;margin:0 0 16px 0;position: relative;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td td {display: block; /*float:right;*/}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img {width:48px;height:48px;border: 1px solid #ebebeb;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3) a {color:#333;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {/* max-width:200px; */margin:0 0 0 16px;float: right;width: calc(100% - 70px);}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6):before {content:'Item Price : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7):before {content:'Item Subtotal : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img img {vertical-align:top;}
/* Hide Individual item bits */
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:first-of-type,
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(3),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(4),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(5),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(8) {display:none;}
#CCartFreeMSG {margin:16px 0 0 0;padding:16px 0 0 0;border-top:1px solid #ebebeb;color:#484848; font-size:14px; }
#CCartFreeMSG span {line-height:18px;}
#CCartFreeMSG span:before {font-family:'FontAwesome';content:'\f0d1';display:block;float:left;margin:0 8px 0 0; font-size:14px;color:dodgerblue;}
#CCartFreeMSG p {margin:0;font-size:12px;}
/* search styling */
.srchCtr {overflow:hidden;}
.srchCtr input {width: 100%;height: 70px;border: none;padding: 0;margin: 0;border-radius: none;-webkit-border-radius: none;-webkit-appearance: none;color: rgb(134, 134, 134);outline: none;-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;z-index: 1;}
.srchCtr input:active, div.srchCtr input:hover, div.srchCtr input:focus, div.srchCtr:hover input {box-shadow: none;color:white;border-color: #adadad;}
.srchCtr a.searchButton {left: auto;margin: 0;-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;width: 56px;text-align: center;}
div.srchCtr a.searchButton:before {content: "\e095";display: inline-block;font-family: "feather";font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.srchCtr input:active {}
.srchCtr a:hover, div.srchCtr a:active {}
.SearchCtrOpen {font-family:'FontAwesome';position:absolute;left: 0;top: 34%;border-right: 1px dotted rgba(255, 255, 255, 0.35);/* color: rgba(134, 134, 134, 0.49); */text-align: center;padding-right: 18px;margin-right: 18px;color: #c0c0c0;z-index: -1;}
.srchCtrClose { position:absolute; right: 0px; top: -1px; z-index:10; width: 100px !important; height: 96px; line-height: 96px; padding: 0 !important; background-color: #DDECE1;}
.menuMainSearch { position:relative}
.searchButton {float: right;border: 0;margin: 8px;line-height: 48px;padding: 0;color: #4a4a4a !important;text-transform: uppercase;}
a#lnkSearch {}
#TopBanner1_clSearch1_containerSearch {width: 100%;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;align-items: center;}
.toggleSearchCtr2 {color: white;font-family:'FontAwesome';position:absolute;display:none;width: 64px;height: 64px;line-height: 64px;cursor:pointer;background: #000;right: 16px !important;top: 16px !important;}
/* login styling */
div.loginCtr {overflow:hidden;text-align: right;color: #666;}
#CustomerRewardsDisplay1-dev {display: flex;}
#CustomerRewardsDisplay1-dev>div:first-child {background: url('/layout/rewards/cr.svg') no-repeat 50%;width: 24px;}
#clLogin1-dev {margin:16px 0 8px 0;}
#clLogin1-dev a {text-decoration: none;}
#clLogin1-dev span {font-family:'FontAwesome';margin: 0 8px 0 0;}
.tailoredMsgContainer {width: 100%;float:left;}
.tailoredMsg p {display:inline-block; line-height:48px;margin: 0 0 0 16px;font-size: 14px;}
#ctl01_panLoggedIn h3 > a {color:#c79e22;}
#ctl01_panLoggedIn > a, #ctl01_panShowLogin a {display:inline-block;padding:4px 16px;margin:0 8px 8px 8px;border-radius:4px;background:none;border: 1px solid;-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;-webkit-appearance: none;-moz-appearance:none;appearance:none;font-weight: 700;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;}
#ctl01_panLoggedIn > a:hover, #ctl01_panShowLogin a:hover {color:white;background:dodgerblue;border:1px solid dodgerblue;}
#ctl01_panShowLogin > a[href*='forgot']:hover {background:#c47d7b;border:1px solid #c47d7b;}
#ctl01_panShowLogin span.clearme {display:table;clear:both;content:'';width:100%;}
#loggedInPip {display:none;position: absolute;height: 20px;width: 20px;line-height: 20px;bottom: 24px;right: 10px;font-size: 0.8em;background: #C9DA36;border-radius: 50%;font-family: 'FontAwesome';display: none !important;}
#loggedInPip:before {content:'\f00c';/* text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; */color: #31353E;font-size: 11px;}
.navopenLoginCtr #loggedInPip:before {}
#ctl01_lblBalance { display: none}
/* Icons */
.navIcons {text-align: center;border-bottom: 1px solid #c5c5c5;background: #ffffff;}
.navIcons .toggleNavCtr, .navIcons .toggleSearchCtr, .navIcons .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {/* display:none; */font-weight: normal;position:relative;margin: 0 0 0 45px;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.toggleNavCtr span {font-size: 11px;padding: 0 7px 0 0;letter-spacing: 2px;}
.toggleSearchCtr:after {content:'\f002';}
.toggleBasketCtr:after {content:'\f290';}
.toggleLocateCtr:after {content:'\f041';}
.toggleLoginCtr:after {content:'\f235';}
.loggedIn:after {content:'\f007' !important;}
.navopenNavCtr, .navIcons .navopenSearchCtr {background:none;}
.navopenNavCtr:after, .toggleSearchCtr2:after, .navopenLoginCtr:after, .navopenBasketCtr:after {content: "\f00d" !important;color: #ff5656;}
.activeNav {display:block !important;}
.open {display:block !important;}
.navLogoSimple, .navLogoComplex {display:none;}
.navIcons > div, .navIcons > span {cursor:pointer;}
.navIcons > div:hover, .navIcons > span:hover {color: #dc2014;}}
.navIcons > div:last-child { border-right:none !important}
.logo {background: url(/layout/generalLyout/logo.png?width=240&quality=70) center center no-repeat;background-size: contain;height: 95px;width: 100%;min-width: 75px;}
.closeMenu:before {content: '\e117';}
.ctrNavigation > a {margin-top: 16px;float: left;}
.close:before {content: "\e117" !important;color: #ff6c6c;}
.navIcons > div.close, .navIcons > span.close {cursor: default;}
/* Footer */
.footer {font-size: smaller;background: initial;background: #1f2a2c;}
.footerLinks {margin:0 0 16px 0;}
.footerLinks p, .footerLinks span {
color: #b7b7b7;
}
.footerLinks h3 {
font-style: normal;
margin-bottom: 16px;
clear: both;
color: #ffffff;
font-size: medium;
letter-spacing: inherit;
}
.footerLinks h4 {font-style: normal;color: #31353E;letter-spacing: inherit;}
.footerLinks .NodeLevel0 {width:100%;flex-basis: 100%;min-width: 100%;max-width: 100%;padding: 0;margin: 0;}
.footerLinks .NodeLevel0 > a {margin:0;padding:0;border-bottom:0;color: #666;font-weight: normal;text-transform: capitalize;letter-spacing: 0;}
.footerLinks .NodeLevel0>div {display:none;}
.footerLinks .NodeLevel1 {width: 100%;padding: 0;}
.footerLinks .NodeLevel1 > a {padding: 0;border-bottom: 0;font-size: 14px;margin: 0;}
.footerLinks .NodeLevel2 {display: none;}
.footerLinks a, .footerLinks .NodeLevel0 > a {text-decoration:none;clear: both;text-align: left;display: block;float: left;color: #b7b7b7;border-bottom: none;margin-bottom: 5px;}
.footerLinks .NodeLevel0 > a span {margin: 0;border-bottom: none;color: inherit;font-family: inherit;padding: 0;}
.footerLinks a.footerLogin {font-family:'FontAwesome';}
.footerLinks table {
text-decoration: none;
clear: both;
text-align: left;
display: block;
color: #b7b7b7;
border-bottom: none;
width: 100%;
border-collapse: collapse;
}
.footerLinks table td:nth-child(2) {
padding: 0 0 0 12px;
margin: 0;
}
.footerLinks a.footerBasket {font-family:'FontAwesome';}
.footerLinks a:hover, .footerLinks .NodeLevel0 > a:hover span {color: #db2013;border-bottom:0;}
.social {/* width: 100% */}
.social a {display:inline-block;font-family:'FontAwesome';width: 68px;height: 68px;color: #ffffff;border-radius:24px;text-decoration: none;font-size: 2em;line-height: 68px;text-align: center;margin: 0 0 8px 0;clear: none;opacity: 1;}
.social a:hover {opacity:1;color: #dc2014 !important;}
.fsocial a {text-align: left;width: 58px;height: 58px;}
.facebook {opacity: 0.5;}
.twitter {opacity: 0.5;}
.pinterest {opacity: 0.5;}
.instagram {opacity: 0.5;}
.gplus {opacity: 0.5;}
.youtube {opacity: 0.5;}
.footerNewsletter > div.col-1 {background: #1f2a2c;}
.newsletter-footer {background: #fff !important;border: 0;width: 100%;color: #565656;height: 54px;line-height: 54px;-webkit-appearance: none;-moz-appearance:none;appearance:none;border-radius:0;border: 1px solid #ffffff;min-width: 150px;}
.newsletter-footer::-webkit-input-placeholder {color: white;}
.newsletter-footer:-moz-placeholder {color: white;}
.newsletter-footer::-moz-placeholder {color: white;}
.newsletter-footer:-ms-input-placeholder {color: white;}
.newsletter-footer-submit {position: absolute;top: 0;right: 0;color: #ffffff;text-transform: uppercase;line-height: 54px !important;height: 54px;padding: 0 19px;background: #2e3b3e;}
.newsletter-footer-submit:hover {background: #3a4648;color: #dc2014;cursor: pointer;}
#newsletter-footer-text {color:#42464C;/* padding:16px; */line-height: 46px;text-align: left;clear: both;}
.newsletterFail {background:#ff5858;color:white !important;padding: 0 16px;}
.newsletterSuccess {background: #82B43C;color:white !important; padding: 0 16px;}
.customerSupport { clear:both}
.customerSupport a { font-size:2em; text-decoration:none; }
.customerSupport a:hover {color:cornflowerblue;}
.customerSupport a span {font-family:'FontAwesome'; }
.cards {text-align:left;background: #1f2a2c;color: #aaacad;}
.cards span {line-height:28px;font-size: small;}
.cards span strong {font-weight:normal;}
.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal, div.cards div.fa-money {display: inline-block;font-family:'FontAwesome';font-size:2em;margin: 0 0 0 8px;}
.cards .fa-cc-visa {float:right;/*color:#faa41b*/}
.cards .fa-cc-mastercard {float:right;/*color:#ee1b2e*/}
.cards .fa-credit-card {float:right;/* color:#7fcef2 */}
.cards .fa-cc-paypal {float:right;/* color:#009cde */}
.cards .fa-money {float:right;/*color:#009cde*/}
.cards > div:first-child {}
.footerCopy {color: #aaacad;}
.footerTerms {text-align:left;font-size: smaller;color: #aaacad;}
.footerTerms a {}
.footerTerms a:hover {}
.footerTerms strong { color:#FFF;font-size: 16px;}
.footerCitr {text-align:right;font-size: smaller;color: #aaacad;}
.footerCitr a {color: #737373;text-decoration:none;}
.backgrounrdsignup { background:url(layout/bgFooter.jpg) 50% 50% / cover no-repeat; padding: 8px 0}
dl {text-align: left ;width: 100%;}
dl dt {float: left;width: 100px;}
dl dd {margin: 0px;width: 100%;}
.hours p { display:block}
.footer dl, .footer span {}
.footerSignup img { float:left; margin-right:16px;}
.backgrounrdsignup h3 {color: white; font-style:normal; font-weight: bold; margin-bottom: 0px;}
.backgrounrdsignup p {color: rgba(255, 255, 255, 0.70) ;margin-bottom: 0;line-height: inherit;}
.citrus {}
.newsletter-footer::-webkit-input-placeholder {color: #666;}
.newsletter-footer:-moz-placeholder {color: #666;}
.newsletter-footer::-moz-placeholder {color: #666;}
.newsletter-footer:-ms-input-placeholder {color: #666;}
.footerMessage {}
.footerCTA {justify-content: space-between;}
.footerCTA>div {}
.footerCTABrands { justify-content: center;}
.footerCTABrands a img { max-width:320px; padding:32px}
.newsletterContainer {background: #373b3c;padding: 21px 10%;justify-content: center;flex-wrap: wrap;}
.newsletterContainer h2 {color:#fff;text-align: right;}
.CTAFooter {background: #1e2024;display:block;}
.CTAFooter span, .CTAFooter h4 {display: block;width: 100%;color: #fff;}
.CTAFooter span {color:#999;font-size: 13px;letter-spacing: 2px;text-transform: uppercase;}
.CTAFooter a .flipme, .footerLogo img { -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;opacity: 0.75;-webkit-filter: grayscale(1) !important; -webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important;filter: gray; filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#greyscale");}
.CTAFooter a:hover .flipme { opacity: 1; -webkit-filter: grayscale(0) !important; -webkit-filter: grayscale(0%) !important; -moz-filter: grayscale(0%) !important;filter: gray; filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#greyscale");}
.CTAFooter a {display: block;width: 25%;float: left;}
#newsletterPOPUP {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:rgba(0,0,0,0.3);z-index:3001;text-align: center;vertical-align: middle;}
#newsletterPOPUP.opennlpop {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newsletterPOPUPinner {width:800px; background-position: top right; display: inline-block;background:white;justify-content: flex-end;vertical-align: middle;opacity:0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#newsletterPOPUP.opennlpop .newsletterPOPUPinner {opacity:1;}
.newsletterPOPUPinner>.col-2, .newsletterPOPUP-info, .newsletterPOPUP-image {width:50%;float:right;text-align: left;}
.newsletterPOPUP-form {margin-top:16px;padding-top:32px;padding-bottom: 32px;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.newsletterPOPUP-info {position:relative;}
.newsletterPOPUP-info .fa-close {position:absolute;top: 8px;right: 8px;font-size: 24px;width: 32px;height: 32px;text-align: center;line-height: 32px; cursor:pointer;}
.newsletterPOPUP-form input {-webkit-appearance: none;-moz-appearance:none;appearance:none;width:100%;float:left;display:block;border:1px solid #999;padding:8px;-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;background:white !important;}
.newsletterPOPUP-form input:hover, .newsletterPOPUP-form input:focus {border:1px solid #92cd1f;color:#333 !important;outline: none;box-shadow: none;}
.newsletterPOPUP-form input.failed-email {border:1px solid tomato;}
.newsletterPOPUP-form input.failed-email:hover {border:1px solid crimson;}
.newsletterPOPUP-form .newsletter-pop-new-send {display:block;float:left;padding:8px 24px; background:#92cd1f;color:white;margin:8px 8px 0 0; cursor: pointer;border-radius:4px;-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;}
.newsletterPOPUP-form .newsletter-pop-new-send:hover {background:#7baf15;}
.newsletterPOPUP-info .form-label-new {font-size:11px; margin:8px 0 4px 0;width:100%;float:left;line-height: 11px;}
.newsletterPOPUP-info .form-label-new span {color:dodgerblue;}
.newsletterPOPUP-info #newsletter-popup-new-text {width:100%;display:block;float:left;padding:0 0 32px 16px;color:dodgerblue;position:relative;}
.newsletterPOPUP-info #newsletter-popup-new-text.newsletterFail, .newsletterPOPUP-info #newsletter-popup-new-text.newsletterFail:before {background:transparent;color:#ff5858 !important;}
.newsletterPOPUP-info #newsletter-popup-new-text.newsletterSuccess, .newsletterPOPUP-info #newsletter-popup-new-text.newsletterSuccess:before {background: transparent;color:#92cd1f !important;}
.newsletterPOPUP-info .donotshow {margin: 8px 0 0 0;line-height: 40px; font-size:11px; text-decoration: underline;display:inline-block;float:right;cursor:pointer;}
.newsletterPOPUP-info .donotshow:hover {color:black;}
.footerNewsletterCTA {padding: 0 3% 0 0;max-width: 380px;}
.footerNewsletter {position:relative;margin-bottom: 0;flex-grow: 1;flex-wrap: wrap;color:#fff;background: #1f2a2c;border-top: 5px solid #dc2014;}
.footerNewsletter .footerNewsletter {
border-top: none;
}
.footerNewsletter h3 {font-size: 1.5em;}
.footerNewsletter h3{margin: 0;color: #fff;padding:0;}
.footerNewsletter p{margin: 0;padding:0;color: #ffffff;display: block;}
input[type="text"]{-webkit-appearance:none;overflow: hidden;border-radius: 0;background: rgba(255, 255, 255, 0);color: cornflowerblue !important;font-size: initial;}
.footerNewsletter.combined { margin:16px 0}
.fs-hlgt {font-size:xx-large;color: #dc2014 !important;padding-top: 16px;font-family: 'barlowbold'; line-height: 100% !important}
.ctaHomepage >div>div {text-align: center;height: 100%;position: relative;}
.ctaHomepage h3 {color:#dc2014}
.ctaHomepage p {font-family: 'barlowbold'; font-size: 14px;line-height: 2em; color: #333}
.ctaHomepage > div > div > a> div {content: "";display: block; position: relative; z-index: 2; padding: 36px; }
.ctaHomepage .imgBg {/* position:absolute; */-webkit-background-size: contain !important;-moz-background-size: contain !important;-o-background-size: contain !important;background-size: contain !important;background-position: center center !important;position: relative;width: 100%;height: 100%;z-index: 0;background-repeat: no-repeat !important;position: absolute;opacity: 0.3;}
.ctaHomepage >div>div:nth-child(1) .imgBg {background: url("/layout/cta2.jpg");}
.ctaHomepage >div>div:nth-child(2) .imgBg {background: url("/layout/cta3.jpg");}
.ctaHomepage >div>div:nth-child(3) .imgBg {background: url("/layout/cta1.jpg");}
.ctaHomepage >div>div:nth-child(4) .imgBg {background: url("/layout/cta4.jpg");}
@media screen and (max-width: 767.99px)
{
.ctaHomepage p { display:none}
}
/* Find + Filter */
.dev-branddescription, .dev-filterdescription { width:100%}
.dev-branddescription #catImg {min-height: 130px;background-size: 130px !important;background-position: 16px 0% !important;}
.dev-filterdescription #catImg {/* height: 150px; */}
.dev-branddescription .ffTitle { display:none}
.ffTitle {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;align-items: left;justify-content: left;width: 100%;height: 100%;text-align: left;overflow: hidden;color: #31353E;outline: 0;padding-top: 0;background: rgba(255, 255, 255, 0.75);}
.FacetDefinitions {-webkit-order: 2; order: 2; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-start;justify-content: flex-start;}
#defDepartment {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
#defProductGroup {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
#defBrand {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
#defColour {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
#defSeason {-webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -webkit-order: 5; order: 5; }
#defActivity {-webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -webkit-order: 6; order: 6; }
#defGender {-webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -webkit-order: 7; order: 7; }
#defMaterial {-webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -webkit-order: 8; order: 8; }
#defAge {-webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -webkit-order: 9; order: 9; }
.FacetSearch {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
.FacetDefinitions {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
.priceFilter {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
.salestock {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
/* Find + Filter Landing pages */
#LP1 { -webkit-box-ordinal-group: 1 ; -moz-box-ordinal-group: 1 ; -webkit-order: 1 ; order: 1 ;} /* Departemnt */
#LP5 { -webkit-box-ordinal-group: 2 ; -moz-box-ordinal-group: 2 ; -webkit-order: 2 ; order: 2 ;} /* Department Level 1 */
#LP6 { -webkit-box-ordinal-group: 3 ; -moz-box-ordinal-group: 3 ; -webkit-order: 3 ; order: 3 ;} /* Department Level 2 */
#LP7 { -webkit-box-ordinal-group: 4 ; -moz-box-ordinal-group: 4 ; -webkit-order: 4 ; order: 4 ;} /* Department Level 3 */
#LP3 { -webkit-box-ordinal-group: 5 ; -moz-box-ordinal-group: 5 ; -webkit-order: 5 ; order: 5 ;} /* Product Group */
#LP8 { -webkit-box-ordinal-group: 6 ; -moz-box-ordinal-group: 6 ; -webkit-order: 6 ; order: 6 ;} /* Product Group Level 1 */
#LP9 { -webkit-box-ordinal-group: 7 ; -moz-box-ordinal-group: 7 ; -webkit-order: 7 ; order: 7 ;} /* Product Group Level 2 */
#LP10 { -webkit-box-ordinal-group: 8 ; -moz-box-ordinal-group: 8 ; -webkit-order: 8 ; order: 8 ;} /* Product Group Level 3 */
#LP11 { -webkit-box-ordinal-group: 9 ; -moz-box-ordinal-group: 9 ; -webkit-order: 9 ; order: 9 ;} /* Brand */
#LP4 { -webkit-box-ordinal-group: 10 ; -moz-box-ordinal-group: 10 ; -webkit-order: 10 ; order: 10 ;} /* Material */
#LP2 { -webkit-box-ordinal-group: 11 ; -moz-box-ordinal-group: 11 ; -webkit-order: 11 ; order: 11 ;} /* Activity */
#LP12 { -webkit-box-ordinal-group: 12 ; -moz-box-ordinal-group: 12 ; -webkit-order: 12 ; order: 12 ;} /* Season */
#LP13 { -webkit-box-ordinal-group: 13 ; -moz-box-ordinal-group: 13 ; -webkit-order: 13 ; order: 13 ;} /* Gender */
#LP14 { -webkit-box-ordinal-group: 14 ; -moz-box-ordinal-group: 14 ; -webkit-order: 14 ; order: 14 ;} /* Colour */
#LP15 { -webkit-box-ordinal-group: 15 ; -moz-box-ordinal-group: 15 ; -webkit-order: 15 ; order: 15 ;} /* Stock */
#LP16 { -webkit-box-ordinal-group: 16 ; -moz-box-ordinal-group: 16 ; -webkit-order: 16 ; order: 16 ;} /* Sale */
#LP17 { -webkit-box-ordinal-group: 17 ; -moz-box-ordinal-group: 17 ; -webkit-order: 17 ; order: 17 ;} /* Age */
#LP18 { -webkit-box-ordinal-group: 18 ; -moz-box-ordinal-group: 18 ; -webkit-order: 18 ; order: 18 ;} /* Price */
#LP19 { -webkit-box-ordinal-group: 19 ; -moz-box-ordinal-group: 19 ; -webkit-order: 19 ; order: 19 ;} /* Collection */
.col-facetItem > div > a { color:#000}
.LPCollection .facetItemDetails {background: #333333;padding: 8px 16px;}
.LPCollection .facetItemImg>img.loaded {border: 1px solid #f1f1f1;}
.LPCollection .facetPricing {border-bottom: 1px solid #5f5f5f;color: #fff;}
.LPCollection .frItemName {border-bottom: 1px solid #5f5f5f;}
.LPCollection .frItemName span { color:#dcdcdc}font-family: 'roboto';
.LPCollection .stockStatus-True:before{color:#dcdcdc}
.LPCollection .facetQuickView { background: #333333;}
.video-background iframe, .video-foreground {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.bg-video {position: relative;object-fit: cover;}
.bg-video, .trek-marquee .owl-item, .trek-marquee .owl-item div {height: calc(100vh - 60px);}
/* -- CONTACT PAGE */
.contactLocation {height:450px;text-align:left;}
.contactLocation li {list-style:none; line-height:1.5em}
.contactLocation li strong {width:25%; display:inline-block}
.contactForm .formContiner {margin: 0;padding: 0;background: #efefef;display: block;float: left;width: 100%;padding: 16px;}
.contactForm .formContiner .formSingle, .contactForm .formContiner .formMultiple { background: #fff; padding: 16px !important}
.contactForm .formContiner .lable { font-family: 'barlowbold';}
.contactForm .formContiner li {list-style: none;margin-bottom: 16px;float: left;width: 100%;}
.contactForm .formContiner li .formSingle, .contactForm .formContiner li .formMultiple {padding: 16px 0;display:block;width:100%;}
.contactForm .formContiner li .label {font-family: 'barlowbold';}
.contactForm .grey {/* border:1px solid #666; *//* color:#666 !important; */padding: 8px 16px;text-decoration: none;-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;background:rgba(0,0,0,0.01);}
.contactForm::disabled { background:#efefef}
.contactForm .grey:hover {background:#000;color:#fff !important;}
.contactForm .green {border:1px solid #75b53c; color:#75b53c !important;padding: 8px 16px;text-decoration: none; -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;background:rgba(117,181,60,0.2)}
.contactForm .green:hover {background:#85c14e;color:#fff !important;}
.contactQuick {font-size:1em;}
.contactCS {line-height:1.5em;}
.contactCS dl {width:100%;margin:0;}
.contactCS dl dt {width:50%;padding:0 8px 0 0;float:left;}
.contactCS dl dd {width:50%;float:left;margin:0;}
.contactForm input, .contactForm textarea {/* border-bottom: 1px solid #D0D0D0; */margin-bottom: 32px;}
.contactFormSend { float: left}
.contactMap { margin-bottom:32px;}
.mapCover { width:100%; height:600px; display:none}
.quickContact > div { margin-bottom:32px}
.quickContact span { display:block}
/* International Shipping Table ------------------------------------------------------------------------------------------*/
#shippingtable {margin-bottom: 32px;float: left;width: 100%;}
#shippingtable img {}
#shippingtable li {/* padding:5px 10px; */ list-style:none; height:1%; overflow:hidden}
#shippingtable li img{margin: 0px 10px 0px 0px;}
#shippingtable li:hover { background-color:none;}
#shippingtable font.required {}
.zone {/* clear:both; *//* margin-bottom:28px; *//* float: left; */margin: 28px 0; width: 100%;}
.shippingMap {float:left; margin: 14px 14px 0px 0px; border: none;display: none;}
.shippingContent {float:left;width: 100%;}
.shippingContent li {border-bottom: 1px solid #EFEFEB;list-style: none;padding: 0;height: 1%;overflow: hidden;display: flex;align-items: center;font-size: small;}
.shippingContent li.title {border-bottom: 1px solid #ccc;color: #333;font-size: large;}
shippingtable li.title { font-size: 14px !important; line-height: 220%; font-family:'helvetica neue', helvetica, Arial, sans-serif; font-weight:bold; color: #666; clear:both; background-color: #fcfcfc;}
#shippingtable li zone, #shippingtable li country, #shippingtable li costA, #shippingtable li costB, #shippingtable li costC, #shippingtable li desc, #shippingtable li majorsur { float:left;}
country {width: 40%;float: left;text-align: left;display: block;text-align: left;min-height: 45px;padding: 8px 0;float: left;width: 50%;text-align: left;}
country img {margin: 7px 10px 0 0;}
costA {width: 25%; float: left;padding: 8px;}
costB {width: 25%;padding: 8px;float: left;}
costC { width: 0px;padding: 8px;display: none !important;}
desc { width: 50% !important; text-align:left; float: left; font-size: smaller;display: none;}
majorsur { width: 160px;}
.CTA {padding: 32px; outline: 1px solid #E7E7E7; margin-bottom: 28px;font-size: x-large;line-height: 150%;}
/* -- BLOG */
.blogBlogContainer {}
.blogBlogContainer > div { list-style:none; text-align:left; position:relative ; min-height: 400px; vertical-align: top;}
.blogBlogContainer > div h2 {margin:0 0 16px 0; font-size: 1em;min-height: 38px;}
.blogBlogContainer > div h2 a { font-size:1em; text-decoration:none; color:#6495ED;}
.blogBlogContainer .blogSnipImg { width: 268px; height:201px; overflow:hidden; display: block; position: relative; top: -16px; left: -16px;}
.blogBlogContainer .blogSnipImg img { height:201px; width:inherit }
.blogBlogContainer .blogSnipText { display:none;}
.blogBlogContainer > div.blog-pagination {text-align:inherit; height: auto;min-height: inherit;}
.blogBlogContainer > div.blog-pagination a {display:block;color:lightsteelblue; text-decoration:none}
.blogBlogContainer > div.blog-pagination a:after, .blogBlogContainer > div.blog-pagination a:before {font-family:'FontAwesome';display:block;}
.blogBlogContainer > div.blog-pagination a.archivenext {margin:1em 0 0 0}
.blogBlogContainer > div.blog-pagination a.archivenext:after {content: "\f054"; margin: 0.25em 0 0 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a.archiveprev {margin:0 0 1em 0}
.blogBlogContainer > div.blog-pagination a.archiveprev:before {content: "\f053"; margin: 0 0 0.25em 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a[disabled="disabled"] {display:none;}
.blog-RecentArticles {}
.blog-RecentArticles a {display: block;text-decoration: none;padding: 0.5em 0;height: auto;-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;}
.blog-RecentArticles a:hover {background:#f4f4f4;}
.archiveContent {}
.archiveContent h3 {margin: 2em 0 0.25em 0;}
.archiveContent h4 {margin: 0 0 1em 0;padding: 0 0 1em 0;}
.archiveContent a { display: block; line-height: 2em;}
#blogArticleImage {min-height:400px;background-size: cover;background-position: center;}
#blogArticleImage .blogImgOverlay {background:rgba(0,0,0,0.5); width:100%; height:400px; }
.large-article-box {position: relative;}
.large-article-header {padding:0 0 1em 0;margin:0 0 1em 0; border-bottom:1px dotted #e1e1e1}
.large-article-header h1 {margin: 0 0 0.25em 0;font-size: 1.6em;}
.large-article-header p {float:left; margin:0 1em 0 0}
.large-article-content img {max-width:100%; height:inherit;}
.large-article-content {word-wrap: break-word;}
.blogRightColumn {padding:0 0 0 16px;}
.shareAreaBlog {margin:0 0 2em 0}
.shareAreaBlog h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.shareAreaBlog > div {overflow:hidden; font-size:0; cursor:pointer;position: relative;}
.shareAreaBlog > div > a {display:block;width: 54px; height: 54px;position: absolute;top: 0;}
.shareAreaBlog > div:before {border-radius:50%; width:48px; height:48px; background:#ff0; display: inline-block; color:white;font-size:20px;padding: 15px 0;text-align: center;margin:0px 3px;}
.shareAreaBlog .linkTwitter:before {background: #00aced}
.shareAreaBlog .linkFacebook:before {background:#3b5998}
.shareAreaBlog .linkGoogle:before {background: #dd4b39}
.blogRightSearch {margin:0 0 2em 0}
.blogRightSearch h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogSearch {position:relative;padding: 0.25em;}
.blogSearch #blogSearchInput { background: #fff; width: 100%; height: 42px; padding: 14px 7px; border: 1px solid #2f353e;}
.blogSearch #blogSearchButton { position: absolute; top: 4px; right: 3px; padding: 14px; height: 42px; line-height: 90%;}
.blogSearch #blogSearchButton:hover {cursor:pointer}
.blogRightCloud {margin:0 0 2em 0}
.blogRightCloud h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightCloud a {margin: 0.25em;}
.blogRightRecent {margin:0 0 2em 0}
.blogRightRecent h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightRecent a {-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;display:block; color:#666; padding: 1em 1em 1em 0em; text-decoration:none; border:0;}
.blogRightRecent a:hover {background:#dc1f14; color:white; padding: 1em;}
.blogRightRecent a span {width:0;width: 0;display: inline-block;overflow: hidden;-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; line-height: 80%;}
.blogRightRecent a:hover span {width:10px;}
.large-article-content-summary {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 32px;
border-bottom: 1px solid #efefef;
}
.blogSnipImg {
min-width: 224px;
margin-right: 16px;
}
.blogSnipText {}
.blogSnipText a {
}
.large-article h2 { margin-bottom: 0; ;}
.large-article > p {margin: 0 0 16px;font-size: smaller;}
.large-article h2 a { color:inherit;}
.large-article h2 a { color:inherit;}
.blogmainwrap {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch;margin: 0 -8px;width: auto !important;}
.blogmainwrap .large-article {width:calc(25% - 16px);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;flex-wrap:wrap;align-items:stretch;margin:8px;align-items:stretch;margin-bottom: 56px;}
.blogmainwrap .large-article .large-article-content-summary {order:-1;flex-grow:0;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipText {display:none;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:168px;min-height:168px;overflow: hidden;display: block;}
.blogmainwrap .large-article h2 {flex-grow:2;}
.blogmainwrap .large-article h2 a {font-size:16px;color:#222;}
.blogmainwrap .large-article>p {flex-grow:0;}
.blogmainwrap .blog-pagination {width:100%;}
.blogmainwrap img { width:100%}
.blogmainwrap .large-article .large-article-content-summary {margin-bottom:0px;background: #222222;}
.blogSnipImg {min-width: 100% !important; }
@media screen and (max-width: 767.99px){ .large-article-content-summary { flex-wrap: wrap; width: 100%}.blogSnipImg img {min-width: 100% !important;}.blogmainwrap .large-article {width:calc(100% - 16px) !important;}}
@media screen and (min-width : 768px) and (max-width : 1023.99px){.blogmainwrap .large-article {width:calc(33.33% - 16px) !important;}}
@media screen and (min-width : 1024px) and (max-width : 1439.99px){.blogmainwrap .large-article {width:calc(25% - 16px) !important;}}
@media screen and (min-width : 1440px) and (max-width : 1913.99px){.blogmainwrap .large-article {width:calc(25% - 16px) !important;}.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height: 250px !important;; min-height: 250px !important;;}}
@media screen and (min-width : 1914px){.blogmainwrap .large-article {width:calc(20% - 16px) !important;}.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height: 250px !important;; min-height: 250px !important;;}}
/* -- Shopping Cart */
.clWarning5 {color: #ff5858;}
.ContentTableHeaderNone {margin:16px 0;}
.ContentTableHeaderNone a.cOutNow {float:right;}
.ccartcontrol {}
.ccartcontrol table {border:0 !important;}
.ccartcontrol > table > tbody > tr:first-of-type {
border-bottom: 1px solid #e1e1e1;
}
tr {}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) {}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) td {padding-bottom:0.5em;/* border: 0 white solid; */}
.ccartcontrol tr .ContentTableHeader {font-size: 1em;line-height: 2em;padding: 0 !important;}
.ccartcontrol tr {}
.ccartcontrol tr .Content {font-size:14px;}
.ccartcontrol tr .Options {}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .Content:nth-child(4) {}
.basketOptionsTopLeft h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0; margin: 0 0 0.5em 0;}
.updateQty {margin: 1em 0 0 0; float: left;width:100%}
.bskRewardsBox {margin:0;background: #E9F6DB;margin: 0 0 8px 0;border: 1px solid #c6d4b6;}
.voucherBox {margin:0}
.voucherBox h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0; margin: 0 0 0.5em 0;}
.voucherBox .promoField {position:relative}
.voucherBox .promoField p {margin-bottom:0;}
.voucherBox .formSingle {width:100% !important;padding:1em;font-family: 'montserratregular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;border: 1px solid #DEDEDE !important;}
.voucherBox #SalesDiscount1_btnApply { /* position: absolute; */ /* top: 0; */ /* right: -3px; */margin: 8px 0 0 0;float: left;}
.voucherBox #SalesDiscount1_btnApply .button {height: 51px;line-height: 25px;background: none !important;color: #484848 !important;border: 1px solid #484848 !important;}
.voucherBox #SalesDiscount1_btnApply .button:hover {background:#484848 !important;color:white !important;border: 1px solid #484848 !important;}
.shopDelCont {}
.shippingCostMessage .cards {display: block;width: 100%;float: left;clear: both;}
.shippingCostMessage .cards div {float: left !important;margin: 0 0.5em 0.5em 0 !important;}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 8px;float: left;width: 100%;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.dpdMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller; margin-bottom:14px}
.dpdMessage img { float:left; margin-bottom:14px;}
.metaPack {}
.metaPack ul { margin: 1em 0;padding: 0; display: block; float: left; width: 100%;}
.metaPack ul li {list-style: none;display: block;clear: both;padding: 1em 0;float: left;width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;}
.metaPack ul li .metaPackService {padding: 0 6em 0 0;}
.metaPack ul li .metaPackName {padding-bottom: 8px;}
.metaPack ul li .metaPackMessage {font-size: 0.8em;color: red;}
.metaPack ul li .metaPackMessage span {color: black;}
.metaPack ul li .metaPackSelect {float: right;padding: 0; border-radius: 50%; width: 58px;height: 58px;text-align: center;line-height: 41px;color: cornflowerblue;position: absolute;top: 1em;right: 0;font-size: 1em;text-transform: uppercase;}
.orderCartWrap {margin-bottom:8px;}
.orderTotal {float:left;display: block;margin: 0;width: 100%;}
.orderTotal table {float:left;width: auto !important;}
.orderTotal tr:nth-of-type(1) .Order-Total-text {font-weight: 600; color: #484848; outline: 0; font-weight:normal; font-size: 18px;line-height:1.2em;margin:0 0 16px 0}
.Order-Total-text {text-align:left !important;display: block;float: left;width: auto !important;font-size:15px;line-height:21px;}
.buttonChkOut {color:#fff !important;background:#009ddc !important;border:0 !important;outline:0 !important;float:right;width: 100%;margin: 8px 0;}
.buttonChkOut:hover {background:#5ad0ff !important; color:white !important; border:0 !important; outline:0 !important}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {color:#009ddc;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.messageHighlight p {display:inline-block;}
.bottomBasketButton {}
.bottomBasketButton a {text-align:center; width:50%;}
.buttonT3 {float:right;color:#fff !important; background:#484848 !important; border:0 !important; outline:0 !important}
.buttonT3:hover {background:#181b1d !important; color:white !important; border:0 !important; outline:0 !important}
.borderBottom {border-bottom:1px solid #e6e8eb}
.borderLeft {border-left:1px solid #e6e8eb}
.borderRight {border-right:1px solid #e6e8eb}
.floatRight {float:right !important}
.bottomSpacing {padding:0 0 32px 0;margin:0 0 32px 0;}
.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {}
div.filterReorderCtr {margin:0;}
.col-80px {width:80px;height:80px;display:inline-block;margin:16px;float:none;}
.borderCart {border:1px solid #d4d4d4}
.bskCTAMessages .col-1 {margin:0 0 8px 0;}
.bskCTAMessages .col-1:last-child {margin:0;}
.bskCTAMessages .col-1 span {float:left; color:yellowgreen;line-height:24px;width:24px;margin:0 4px 0 0;text-align:center;font-size:13px;}
.bskCTAMessages .col-1 span.fa-lock {color: tomato}
.bskCTAMessages .col-1 p {float:left;margin:0;font-size:13px;}
table[id*="CGiftWrapControl"] {}
table[id*="CGiftWrapControl"] input {width:100% !important; margin-bottom:16px;}
a[id*="CGiftWrapControl1_cmdContinue"], a[id*="CGiftWrapControl1_cmdCancel"] {display:inline-block;margin-top:16px;}
span[id*="CGiftWrapControl1_lblPrice"] {padding:8px 16px;background:#f4f4f4}
.GiftWrapChk {margin:16px 0;}
/* -- Embed Video Responsively */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.videoText {}
.videoText> span { display:block; padding:8px}
/* -- Hide this image on Desktop Viewports */
div.mobileImage { display: none }
/* -- Add to Basket Grid */
.basketArea { background:#efefef}
#basketArea { }
#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;}
#attYTP { order: 3; flex-grow: 0; vertical-align: middle }
#attPrice {order: 4;/* flex-grow: 1; -webkit-flex-grow: 1; */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;}
.dev-b2bcontainer {}
.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;font-size: 22px;}
.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;}
@-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; }
}
/* Customer Rewards */
div#CustomerRewardPanel {}
div.customerRewardsCtr { width: 100%;display: flex;align-items: stretch;padding: 16px 0 0;align-content: center;justify-content: center;}
div.crValueCtr {color: #4E9A14;margin: 0 0 0 0;background: url(/layout/rewards/cr.svg) no-repeat;display: flex;align-items: center;padding: 0 0 0 30px;}
div.crValueCtr span {text-align: center;display: inline-block;font-weight: 700;letter-spacing: 2px;font-size: small;width: 100%;}
div.crTextDesc {font-size: small;line-height: 150%;padding: 8px;}
div.crTextDesc span {color: #4E9A14;text-transform: lowercase;display: inline-block;font-weight: 400;}
div.crSignInUpCtr { background: #f1f1f1; height: 49px; width: 100%; float: left; border-top: 1px solid #e1e1e1;display: none;}
div.crLink { width: 45%; height: 48px; float: left }
div.crLink a { font-family: 'barlowregular'; width: 100%; height: 48px; text-align: center; line-height: 48px; display: block; text-decoration: underline; color: #0076a3 !important }
div.crLink a:hover { text-decoration: none }
div.crIcon { float: left; height: 48px; width: 10%; background: url(/layout/rewards/crIcon.jpg) top left no-repeat; background-position: center }
/* Finance Calculator */
#finance-bg { clear:both;margin: 16px 0px;display: inline-block;width: 100%;}
.financeTxtPosSub {/* font-weight: bold; */ font-size: 12pt; color: #4A7AD4; text-decoration: none; display: block;clear: right;}
.financeTxtPosMain { font-size: 8.5pt; color: #868686; text-decoration: none;display: inline-block;border-bottom: 1px solid #efefef;margin-bottom: 7px;padding-bottom: 7px;}
#ProductDetail21_clFinanceTop_lblMonthlyPayment { font-weight:bold;font-size: 19px;}
div.financeRecommendation { display: none }
#finance {}
h2#financemessage {color: #201F4C;margin-bottom: 16px;}
.financeSteps1and2 {border: 1px solid #e2e2db;background: #fafafa;}
.financeStep1 {border-right: 1px solid #e2e2db;}
.financeStep1 h3 { border-bottom: 1px dotted #CAD3E2; margin:0 0 16px 0; padding:0 0 16px 0}
table#radFinanceProductList { border-collapse: collapse; width: 100%; font-family: 'montserratregular', Arial, Helvetica, sans-serif ; line-height: 1em;}
table#radFinanceProductList tr { /* float: left; */ display: block; width: 100%; margin: 0; padding: 8px 16px; background: #fafafa; box-sizing: border-box }
table#radFinanceProductList td { text-align: left; width: 100%; display: block;}
table#radFinanceProductList input {/* width: 100% */margin: 0 8px 0 0;position: relative;top: -8px;}
.financeStep2 {margin:0}
.financeStep2 h3 {/* color:cornflowerblue; */border-bottom: 1px dotted #c2c3b9;margin:0 0 16px 0;padding:0 0 16px 0;}
.financeAmount {float: left; width: 100%; margin-bottom: 21px;}
span#lblMinDeposit { text-align: left; display: block; color: #55acee; position: relative; font-weight: bold; font-size: 20px;}
span#lblMaxDeposit { text-align: right; display: block; color: tomato; position: relative; font-weight: bold ;font-size: 20px;}
span.minMax { font-size: 1em; text-transform: capitalize; }
.minVal {text-align:left;}
.maxVal {text-align:right;}
.financeAmountPay {float: left; display: block; width: 149px; text-align: left; color: #767676 }
.financeAmountSlider {float: left; display: block; padding: 30px; background: url(/layout/finance/blend.jpg);background-position: -100px -7px;}
.financeAmountPayContainer {display: block; margin: 14px; padding: 7px; color: #444;}
.financeDeposit {float: right; width: 184px; border: 1px solid #3d649a; height: 84px; text-align: center;padding: 16px;background: #5982ba;color: #fff;line-height: 180%;font-size: 13px;}
.financeDeposit b span { display:block; font-size: 24px;}
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #background: #c1d7ec;
background: -moz-linear-gradient(left, cornflowerblue 0%, tomato 100%) !important;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,cornflowerblue), color-stop(100%,tomato)) !important;
background: -webkit-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: -o-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: -ms-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: linear-gradient(to right, cornflowerblue 0%,tomato 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d7ec', endColorstr='#ebc1cf',GradientType=1 ) !important;
/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.financeStep3 {margin:16px 0 0 0;border: 1px solid #e2e2db;background:#fafafa;}
.financeStep3 h3 {/* color:#01cd82; */border-bottom: 1px dotted #cfd0cc;margin:0 0 16px 0;padding:0 0 16px 0;}
.repayDetails2 { display: block; font-size: 20px; border-right: 1px solid #e1e1e1; padding: 16px; margin:0 0 16px 0}
.repayDetails2:last-of-type {border-right:none;padding: 0px !important;}
.repayDetails2 .keyData { font-size: 20px;margin: 7px;}
.repayDetails { float: left; display: block; width: 100%; font-size: 20px; padding: 7px; border-bottom: 1px solid #e1e1e1;margin:0 0 16px 0;}
.keyData {color: #00315e;display:block;margin: 26px 0;font-size: 48px;}
.provider {background: #eaeff3;/* border: 1px solid #B5D6CA; */text-align:left;/* margin: 16px 0 0 0; */}
.provider p { font-size: 0.7em;margin-bottom: 8px;}
.ui-slider-horizontal .ui-state-default { width: 20px; height: 20px; background: white url(/layout/finance/slider.png) no-repeat scroll 50% 50%;}
.devFinanceradios { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
/* --- ZESTY MIV */
.detailMiv { background: #fff}
.flexsliderMIV {width:100%;position: relative;}
.flexsliderMIV .slides {margin:0;padding:0;}
.flexsliderMIV .slides li {width:100%;list-style: none;height: 300px !important;background-size: contain !important;}
.flexsliderMIV .slides li img {width:100%; height:inherit;}
.flexsliderMIV .flex-direction-nav {width: 100%;margin: 0;padding: 0;height: 64px;position: relative;border-top: 1px solid #e1e1e1;}
.flexsliderMIV .flex-direction-nav li {width:50%; display:block; float:left;position: relative;}
.flexsliderMIV .flex-direction-nav li:nth-of-type(2) {float:right;}
.flexsliderMIV .flex-direction-nav li a {text-indent:0;width: 100%;height: 64px;top: 0; margin: 0;opacity: 1;background: 0;line-height: 64px;text-align: center;font-size: 1.5em;text-decoration: none;color: cornflowerblue;}
.flexsliderMIV .flex-direction-nav li a:hover {background:rgba(0,0,0,0.03)}
.flexsliderMIV .flex-direction-nav li a.flex-next {}
.flexsliderMIV .flex-direction-nav li a.flex-prev {}
.flex-control-nav {/* position: absolute; */bottom: 0;text-align:center;z-index: 2;display: block;padding:0;width: 100%;margin: 0;}
.flex-control-nav li {display: inline-block;zoom: 1; *display: inline;}
.flex-control-nav li a {width: 14px;height: 14px;display: block;background: none;background: #fff;border: 1px solid #dcdcdc;cursor: pointer;text-indent: -9999px;-webkit-border-radius: 100%;-moz-border-radius: 20px;-o-border-radius: 100%;border-radius: 100%;}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover {background: #333;background: rgb(72, 77, 84);}
.flex-control-nav li a.flex-active {background: #2f353e;cursor: default;border: 1px solid #2f353e;}
.flexsliderMIVThumbnails {width:100%;}
.flexsliderMIVThumbnails .slides {margin:0; padding:0; width:inherit !important;-webkit-transform: translate3d(0px, 0px, 0px) !important;}
.flexsliderMIVThumbnails .slides li {float:left; list-style:none;}
.flexsliderMIVThumbnails .slides li img {width:100%; height:100%;}
.flexsliderMIVThumbnails .flex-direction-nav {display:none;}
#flexsliderMIVThumbnails {padding: 16px;}
#flexsliderMIVThumbnails .flipmeProduct {background-size:contain !important;max-width:1300px;}
#flexsliderMIVThumbnails .flex-control-nav {position: relative;}
#flexsliderMIVThumbnails .flex-control-nav li a {width:12px;height:12px;background: rgb(255, 255, 255);border: 1px solid #b5b5b5;}
#flexsliderMIVThumbnails .flex-control-nav li a.flex-active {background: #dc2015;border: 1px solid #dc2014;}
#flexsliderMIVThumbnails .flex-control-nav li a.flex-active:after {background:#484848;border: 2px solid #fff;}
@keyframes flipmeProduct {to {transform: rotate(360deg);}}
.flipmeProduct:before {content: ''; box-sizing: border-box;position: absolute;top: 50%;left: 50%; width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%;border: 2px solid rgb(230, 230, 230);border-top-color: #6b6b6b;animation: flipmeProduct .6s linear infinite;}
#flexsliderMIV { padding: 3px}
#flexsliderMIV li { margin-right: 3px}
#flexsliderMIVThumbnails .flipmedone { background-size:contain !important}
#flexsliderMIV .flex-direction-nav { display: none !important}
/* Product General */
.productPageTop {display: flex;flex-wrap: wrap;align-content: center;/* padding: 56px 0; *//* background: #efefef; */border-bottom: 1px solid #dcdcdc;}
.bigImg {}
#prodInfoLeft {
position: relative;
border-right: 1px solid #f1f1f1;
}
.icon-container {margin:0;padding: 16px 0;}
.icon-container li {list-style: none;display: inline-block;margin: 3px;}
#prodInfoRight {display: flex;flex-wrap: wrap;flex-grow: 1;-webkit-flex-grow: 1;}
#firstdetails {
padding: 5%;
}
.bigImg {position:relative;}
.bigImg .brandImg {margin:16px;position:absolute;z-index: 1;top: 0;left: 0;}
.brandImg {position: absolute;left: 16px;top: 50px;z-index: 1;}
.brandImg div {background-size:contain !important;background:white;display: block;}
.bigImg a.MIV {position:absolute;top: 0;left: 0;}
.bigImg a.MIV:before {font-family:'FontAwesome';content:'\f00e';width: 80px;height: 80px;line-height: 80px;text-align:center;color:white;background:rgba(0,0,0,0.75);display:block;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;font-size: 32px;opacity:0;-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;}
.bigImg a.MIV:hover:before {opacity:1;}
#MIVPanel {flex-wrap: wrap;background: #efefef;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.moreImgs {overflow:hidden;-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;padding: 0 !important;background: #efefef;outline: 1px solid #efefef;}
.moreImgs div {overflow: hidden;}
.moreImgs .col-1 div {height: 1%;overflow: hidden;}
.moreImgs .col-1 .col-268, #prodInfoLeft .bigImg {background-size: contain !important;}
.bigImg[data-image="/"] > a.MIV {display:none;}
.bigImg a.MIV {position:absolute;top: 0;left: 0;}
.bigImg a.MIV:before, .moreImgs .col-1 .col-268, #prodInfoLeft .bigImg:before {font-family:'FontAwesome';content:'\f00e';width: 80px;height: 80px;line-height: 80px;text-align:center;color:white;background:rgba(0,0,0,0.75);display:block;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;font-size: 32px;opacity:0;-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;}
.bigImg a.MIV:hover:before, .moreImgs .col-1 .col-268, #prodInfoLeft .bigImg:hover:before {opacity:1;}
.bigImg {position:relative;cursor:pointer;}
#moreimgsbtn {width:100%; height:64px; position:relative; display:none;clear:both}
#moreimgsbtn span {width:100%; height:64px; line-height:64px; display:block; -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;}
#moreimgsbtn span:after {content: 'show images'}
#moreimgsbtn span.moreimgsless:after {content: 'hide images'}
div.detailReviewSummary { height: 64px; background: whitesmoke; position: relative; }
.productAccordian {}
.accordianBox {padding: 21px 0;border-bottom:1px solid #e1e1e1;width:100%;float:left;}
.accordianHeader {cursor:pointer;width:100%;float:left;/* display: flex; justify-content: space-between; align-items: center; */color: #484848;font-family: 'barlowbold';display: block;}
.accordianHeader > h3 {float:left;margin: 0;}
.accordianHeader > span.fa-unsorted {float: right !important;color: #db2015;font-size: 12px;position: relative;top: 8px;}
.accordianCtn {width:100%;float:left;margin-top:32px;}
.season {display: block;border-bottom:1px dotted #e1e1e1;padding:0 0 16px 0;-webkit-column-span: all;column-span: all;}
.accordianHeader .free { colour:red}
.CTADetail { background:#efefef}
.season p {align-items: center;margin: 0 16px 0 0; display:inline-block}
.RangeContainer .col-1, .RelatedContainer .col-1 {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;justify-content:center;}
.RelatedContainer {background:white;}
.RangeContainer h2 {color:white;}
.product-section-header {border-bottom:1px dotted #a6afbc;margin:0 0 16px 0;padding:0 0 16px 0;color: #dc2013;}
.browseSimilar {}
.browseSimilar ul.pdlp {margin:0;padding:0;list-style:none;display:block;}
.browseSimilar ul.pdlp li {padding:4px;display:inline-block}
.browseSimilar ul.pdlp li a {background:none;color:white;border:1px solid white;-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;border-radius:4px;padding:8px 16px;float:left;width:100%;}
.browseSimilar ul.pdlp li a:hover {background:white;color:#333;}
#flexsliderMPFAF li { margin-right: 16px}
#flexsliderMPFAF .flex-control-nav {position:relative;margin-top: 16px;}
/* Product Breadcrumbs */
.product-facet-breadcrumbs {}
.product-facet-breadcrumbs a:first-of-type:before {font-family:'FontAwesome';content:'\f105';margin:0 16px;}
.product-facet-breadcrumbs a:after {font-family:'FontAwesome';content:'\f105';margin:0 16px;}
.product-facet-breadcrumbs a:before, .product-facet-breadcrumbs a:after, .product-facet-breadcrumbs a:hover:before, .product-facet-breadcrumbs a:hover:after {color:#c6c9cd}
/* Prelaunch */
.prelaunch {background:#C34C8C;overflow:hidden;line-height:150%;margin: 0;color:white;}
.prelaunch a {color:white}
.prelaunch a:hover {}
.prelaunch a:before {font-family:'FontAwesome';content:'\f128';background:#db62a3;color:white;border-radius: 100%;width: 32px;height: 32px;display: inline-block;line-height: 32px;text-align: center;margin: 0 8px;-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;}
.prelaunch a:hover:before {background:white;color:#db62a3;}
.prelaunch span { font-weight:bold;}
#preOrderTerms {width:70%;padding:28px;background:#fff;height:1%;overflow:hidden;margin: auto;}
.pre-order, .pre-launch, .leadtime {float:left;width: 50%;box-sizing:border-box;/* outline: 1px solid #DEDEDE; */padding:14px;height:1%;overflow:hidden;}
/*.pre-order, .pre-launch { min-height:300px}*/
.pre-launch {margin-right:0px;}
#preOrderTerms .title {color:#714071;float: none;font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;margin: 16px 0;}
.leadtime {clear:both;width: 100%;margin-top:10px;}
/* Detail Colour Picker */
.colourPicker {/* border-bottom: 1px solid #d1d4d6; */padding: 0 0 16px 0;margin: 0 0 16px 0;}
.colourPicker>div { cursor:pointer; display:inline-block;margin: 8px;}
.colourPicker>div:hover { outline:1px solid #efefef}
/* Detail CS Messages */
.detailCSMessages {}
.detailCSMessages a { display: block; margin: 0 0 8px 0; padding: 0 16px 8px 16px; display:inline-block; color:cornflowerblue; text-decoration:none}
.detailCSMessages span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0; text-decoration:none}
.detailCSMessages p {display:inline-block; margin:0; padding:0;}
.furtherInfoArea .detailCSMessages a {border-bottom: 1px solid #e1e1e1;width: 100%; text-align: left;}
.furtherInfoArea .detailCSMessages h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.furtherInfoArea .detailCSMessages h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
/* Detail C&C */
.detailCC h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailCC h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailCC p {line-height: 1.5em;}
/* Detail Contact */
.detailContact {}
.detailContact h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailContact h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailContact p {line-height: 1.5em;}
.detailContact p a {color:orangered; text-decoration:none}
.detailContact p a span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
/* Supplier tech data */
.techData {display: inline;margin: 0;padding: 0;}
.techData li.techData-title {clear: both;width: 100%;line-height: 150%;list-style: none;padding-bottom: 8px;border-bottom: 1px dotted #a6afbc;}
.techDataLitem {float: left;margin: 0 0 48px;padding: 0;width: 100%;font-size: small;}
.techDataLitem li {width: 100%;font-weight: normal;list-style: none;padding: 8px 0;float:left;table-layout: auto;border-bottom: 1px solid #efefef;}
.techDataLitem li:nth-child(odd) {}
.techDataKey {float:left;width: 25%;display: inline;zoom: 1;word-break: break-all;}
.techDataValue {float:left; width: 75%;padding-left: 14px;}
/* Buyers Guide */
.detailBuyers {text-align: justify;margin-top: 32px;}
.detailBuyers h2 { margin: 0 0 16px 0; font-weight: normal;}
.detailBuyers h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailBuyers p { margin-bottom: 16px; text-align: justify }
.detailBuyers p:last-of-type { margin-bottom: 0 }
/* Sizing Area & Charts */
.detailSize .removeStyles {overflow: auto;-webkit-overflow-scrolling: touch;}
.detailSize h2 {margin: 0 0 16px 0;}
.detailSize h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailSize p { margin: 0 0 16px 0 }
.detailSize p:last-of-type { margin: 0 }
.detailSize ul { display: block; float: left; list-style: none; margin: 0; padding: 0 }
.detailSize ul:first-of-type { position: absolute; background: white; text-indent: 8px; border-right: 1px solid grey }
.detailSize ul:nth-of-type(2) { margin: 0 0 0 176px }
.detailSize li { list-style: none; margin: 0 32px 16px 0; padding: 0; text-align: left }
.detailSize li strong { display: inline-block; width: 100%; font-weight: normal; color: #55acee }
.detailSize table {width:100%; text-align:center;border:1px solid #e1e1e1; border-collapse: collapse;}
.detailSize table tr {}
.detailSize table tr td, .detailSize table tr th {border:1px solid #e1e1e1;padding:3px 0}
.detailSize table tr:last-of-type td {border:1px solid #e1e1e1;}
.detailSize table tr:nth-of-type(odd) td, .detailSize table tr:nth-of-type(1) th {background:#f7f7f7}
/* Video */
.detailVideo {margin-top: 32px;}
.detailVideo h2 { margin: 0 0 16px 0; font-weight: normal;}
.detailVideo h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
/* Long Description */
.mainProdDesc {background:none;max-width: 1600px;float: none;margin: 0 auto;}
.mainProdDesc p {}
.mainProdDesc h2 {margin:0 0 16px 0;font-weight: normal;padding: 0 0 21px 0;}
.mainProdDesc h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailLongDesc { text-align: justify }
.detailLongDesc h2 { margin-bottom: 16px }
.detailLongDesc p { margin-bottom: 16px }
.detailLongDesc p:last-of-type { margin-bottom: 0 }
/* Pro.pinion and Avatars */
.detailPropinion { /* color: #fff; */ margin: 32px 0 0 0;float: left;}
.detailPropinion h2 { margin: 0 0 8px 0;padding: 0 0 8px 0;font-weight: normal;}
.detailPropinion h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailPropinion p { margin-bottom: 16px; text-align: justify }
.detailPropinion p:last-of-type { margin-bottom: 0 }
div.propinion { float: left; margin-right: 10px; text-align: left; margin: 0 0 28px 0; padding: 28px; width: 100%; background: #55acee; color: white; position: relative; overflow: hidden }
div.propinion h2 { color: white; padding: 0 0 16px 0; border-bottom: 1px solid white }
div.propinionAvatarCtr { width: 100%; height: 96px; background: #fafafa; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarEssentialsCtr { display: block; width: 940px; height: 96px; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarHdr { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 16px 16px 0 16px; text-indent: 12px; line-height: 32px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 0.04em }
div.propinionAvatarCtr div.avatarMotto { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px 16px 16px; text-indent: 12px; line-height: 32px; font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: #707070 }
div.propinionAvatarCtr div.avatarImgCtr { display: block; width: 96px; height: 96px; overflow: visible; float: left }
div.propinionAvatarCtr div.avatarPointer { background: url(/layout/avatarPointer.png) top left no-repeat; position: relative; top: 0; left: -16px; display: block; width: 32px; height: 16px; float: left; z-index: 1 }
div.propinionAvatarCtr div.avatarImg { width: 96px; height: 96px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -16px; left: 0; float: left }
/* Price Match */
.detailPriceMatch {border-top:1px solid #e1e1e1; margin:16px 0 0 0; padding:16px 0 0 0;display: inline-block;}
.detailPriceMatch a {color:#cbb572}
.detailPriceMatch a:hover {color:#e0b228}
.productName {padding:0px !important;float: inherit;margin: 0 0 16px;}
/* Browse Similar Products */
.detailBrowseSimilar {}
.detailBrowseSimilar h2 {color:white;display:none;}
.detailBrowseSimilar .pdlp {margin:0; padding:0;}
.detailBrowseSimilar .pdlp li {display: inline-block;font-size:1.5em}
.detailBrowseSimilar .pdlp li a {text-decoration:none; color:white;height: 64px;line-height: 64px; display: inline-block;padding: 0 16px; }
.detailBrowseSimilar .pdlp li a:hover {background:rgba(255,255,255,0.075);}
/* -- Detail repeater -- */
.detailRepeater .repeater {width: 100%;margin: 0 0 16px 0;padding: 0;display: flex !important;align-items: center;}
.detailRepeater .repeater a .itemImage {width: 100px;height: 100px;outline: 1;}
.detailRepeater .repeater a .itemImage img {width: 100%;height: 100%;}
.detailRepeater .repeater .itemInfo {width: 100%;}
.detailRepeater .repeater .itemInfo a { display: block; font-size: 0.9em; color: #707070; text-decoration: none;flex-grow: 1; -webkit-flex-grow: 1;width: inherit;float: left;height: initial; background:none}
.detailRepeater .repeater .productNameRelated { width: 100%; font-size: 1.2em;height: inherit;}
.detailRepeater .repeater:hover a .productNameRelated { color:#201F4C; text-decoration:underline}
.saleIcon-repeater {color: tomato;}
/* Bradcrumbs */
.breadcrumbs {font-size: 14px;/* padding: 0; *//* margin: 0; */}
.breadcrumbs p {display: inline-block;margin: 0;}
.breadcrumbs p:before {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;/* content: "\f041"; */}
.breadcrumbs a {color: #333333;}
.breadcrumbs a.root {text-decoration: none;}
.breadcrumbs a.hover {color: #4A4A4A;}
.breadcrumbs a:after {font-family:'FontAwesome';font-weight: normal;margin: 0 4px 0 8px;content: "\f105";color:#ccc}
.breadcrumbs a.leaf {text-decoration: none;color: #4A4A4A;}
/* Related Items */
.detailRelatedItems {background:whitesmoke; border-top:1px solid #e1e1e1;}
/* Main Description and Avatars */
.longDesc {margin:0;}
div.mainDescription { float: left; text-align: center; margin: 0; padding: 32px; width: 100%; background: #fff; position: relative; overflow: hidden }
div.mainDescAvatarCtr {width: auto;background: none;box-sizing: border-box;float: left;margin: 0;}
div.mainDescAvatarCtr div.avatarEssentialsCtr {display: block;/* width: 100%; */height: 96px;box-sizing: border-box;float: right;}
div.mainDescAvatarCtr div.avatarHdr {display: block;width: 100%;height: 48px;box-sizing: border-box;padding: 16px 16px 0 16px;line-height: 32px;font-weight: bold;color: #707070;/* text-transform: uppercase; *//* letter-spacing: 0.04em; */}
div.mainDescAvatarCtr div.avatarMotto {display: block;width: 100%;height: 48px;box-sizing: border-box;padding: 0 16px 16px 16px;line-height: 32px;font-size: 0.8em;/* letter-spacing: 0.04em; *//* text-transform: uppercase; */color: #707070;}
div.mainDescAvatarCtr div.avatarImgCtr {display: block;width: 96px;height: 96px;overflow: visible;float: left;position: relative;top: 0;}
div.mainDescAvatarCtr div.avatarPointer {background: url(/layout/avatarPointerBlue.png) top left no-repeat;position: relative;top: 0;left: -16px;display: block;width: 32px;height: 16px;float: left;z-index: 2;display: none;}
div.mainDescAvatarCtr div.avatarImg {width: 96px;height: 96px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 50% 50%;display: block;position: relative;top: 0;left: 0;float: left;border-radius: 100%;}
div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: block }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature {display: none;}
/* Reviews & FAQs */
.detailReviewFAQ {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative}
.detailReviewFAQ h2 { border-bottom: 1px solid #e1e1e1; height: 64px; line-height: 64px; margin: 0; padding: 0 0 0 16px;}
.detailReviewFAQ h2 a { height: 64px; display: inline-block; line-height: 64px; margin: 0; padding: 0 16px; float: right; border-left: 1px solid #e1e1e1; font-size: 16px; text-decoration: none;color: cornflowerblue;}
.detailReviewFAQ h2 a:hover {background: cornflowerblue; color:white;}
.detailReviewFAQ>.col-2:nth-of-type(2) {border-right: 1px solid #e1e1e1;}
.detailReviewFAQClosed {display:none !important;}
/* Fancybox stying */
#divID { padding:28px}
.alert {border: 1px solid transparent;color: #000;font-weight: 500;padding: 18px;position: relative;margin: 8px 0;text-align: center;display: inline-block;}
.alert strong { font-size:large}
.alert p { opacity:0.8}
.alert:before {font-family: FontAwesome;font-size: 16px;padding-right: 18px;}
.alert.info {border-color: #9fcdff;color: #2c76c7;}
.alert.success {border-color: #96dab5;color: #35ac6b;}
.alert.notice {border-color: #fed37d;color: #cf9215;}
.alert.error {border-color: #ffa5a5;color: #e32121;}
.alert.info:before {color: #2c76c7;content: "\f129";}
.alert.success:before {color: #35ac6b;content: "\f00c";}
.alert.notice:before {color: #e29e13;content: "\f071";}
.alert.error:before {color: #e32121;content: "\f057";}
/* Frequently Asked Questions (FAQ) and Avatars */
div.faqContainer {padding: 32px 0;margin: 32px 0;border-top: 1px solid #E1E1E1;}
div.faqContainer h2 {margin:0 0 1em 0;}
.faqContainerInner {float:none !important; margin: 0 auto;}
#ask {display:none; width:100%;min-height: 100%; position:; top:0; right:0; z-index: 25;background: #e1e1e1;}
div.faqContainer .formSingle {clear: none;margin: 0.5em 0 1em 0;color: #666;width: 100%;padding: 0.5em 0;clear: both;}
div.faqContainer .faqFormTxt { display: block; line-height: 160%; margin: 1em 0 0 0; padding: 0px }
div.faqContainer #FAQQuestion {width:100%;margin: 1em 0;padding: 0.5em 0;height: 64px;}
.faqContainerInner .button {background:darkorange; color:white; cursor:pointer;border: 0;}
.faqContainerInner .button:hover {background:orange}
#faqStatusLbl {display: block;margin: 1em 0;padding: 0;}
div.faqContainer .faqSubmitBtnContainer { display: block; clear: both }
div#faq #faqAnswer { margin: 0px; padding: 0px }
div#faq a#faqAskBtn { position: relative; left: 0px; }
#faqAskBtn { font-size: 1.2em;color: cornflowerblue;cursor: pointer; margin-bottom: 16px; display: block;}
div.hideTelephone { }
.faqCompleteCtr { vertical-align: top; margin: 0 0 16px 0 ; padding: 0 0 16px 0; border-bottom: 1px dotted #e1e1e1; list-style: none;}
.faqCompleteCtr:last-of-type {border-bottom: none;}
div.faqResponseContainer { display: block; padding: 0; margin: 17px 0 0 0; width: 100%; float: left; text-align: left;}
div.faqFlourishCtr {display: block;width: 100%;height: 0;overflow: visible;float: left;text-align: center;border-top: 1px solid #efefef;margin: 0 0 36px 0;}
div.faqFlourish { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourish.png) top left no-repeat; float: none; position: relative; margin: 0; top: -16px }
div.faqFlourishCtrRev {display: block;width: 100%;height: 0;overflow: visible;float: left;text-align: center;border-top: 1px solid #efefef;margin: 32px 0;}
div.faqFlourishRev { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourishRev.png) top left no-repeat; float: none; position: relative; margin: 0; top: -16px }
div.faqResponseContainer div.faqSummary {display: block;width: 100%;font-size: 1.5em;color: #484848;font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;outline: 0;letter-spacing: -0.3px;}
div.faqResponseContainer div.faqSmallTxt {display: block;color: #707070;padding: 8px 0;font-size: small;}
div.faqResponseContainer div.faqResponse {display: block;width: 100%;line-height: 28px;}
div.faqAvatarCtr { width: 100%; float: left }
div.faqAvatarCtr div.avatarEssentialsCtr {display: flex;margin: 32px 0 0 0;float: left;text-align: left;align-items: center;}
div.faqAvatarCtr div.avatarHdr {display: block;text-indent: 0;margin-left: 16px;font-size: smaller;}
div.faqAvatarCtr div.avatarImgCtr { display: block; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef ; margin-top: -24px;}
div.faqAvatarCtr div.avatarImg {width: 50px;height: 50px;border-radius: 50px;box-shadow: 0px 4px 0 #f1f1f1;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 50% 50%;display: block;position: relative;top: 0;left: 0;float: left;}
.faqPage #faqStatusLbl {height:auto !Important}
.faqPage .faqContainer { border-top:none; padding:16px 0 32px 0; margin:0}
.faqPage #writeFAQClose { display:none}
/* Reviews */
.ReviewStars { width: 100%; clear: both }
.ReviewStars a { margin-left: 7px auto; width: 120px }
.starsContiner a, .starsContiner { font-size: 12px; line-height: 200% }
span.stars, span.stars span { display: inline-block; background: url(/layout/reviews/stars.png) 0 -16px repeat-x; width: 100px; height: 16px; text-indent: -5000px; float: left }
span.stars span { background-position: 0 0 }
span.starsLarge, span.starsLarge span { display: block; background: url(/layout/reviews/stars-large.png) 0 -23px repeat-x; width: 150px; height: 23px; float: left; text-indent: -5000px }
span.starsLarge span {background-position: 0 0 }
.reviewItem { border-bottom: 1px dotted whitesmoke; list-style: none;}
.reviewItem:last-of-type {border-bottom: none;}
.reviewItem h3 { margin: 0; padding: 0 ;font-size: 1em;}
span.reviewDate { display: none; width: 100% ; margin: 0 0 8px 0;}
span.reviewDate span { font-size: 0.8em; text-transform: inherit; letter-spacing: 0;}
div.starsCtr { width: 100px; margin: 8px 0; height: 16px }
div.reviewComment { width: 100%; overflow: hidden; padding: 0; line-height: 24px;}
div.recommendCtr { width: 100%; height: 48px; overflow: hidden; margin: 8px 0 0 0; font-size: 16px; line-height: 68px;}
span.recYes { display: inline-block; width: 20px; height: 48px; line-height: 42px; text-align: center; font-size: 1.5em; float: left; overflow: hidden;}
span.recNo { display: inline-block; width: 20px; height: 48px; line-height: 48px; text-align: center; color: white; float: left; font-size: 1.5em;overflow: hidden;}
span.recYes, span.recNo {font-family:'FontAwesome';font-weight: normal;}
span.recYes:before {font-family:'FontAwesome';font-weight: normal; content:"\f164";color: #8dd145; background: none;}
span.recNo:before {font-family:'FontAwesome';font-weight: normal; content: "\f165";color:#9d1110; background: none;}
span.recommendTxt { width: 100%; height: 48px; line-height: 48px; text-align: left; text-indent: 32px; display: inline-block; float: left; font-size: 0.8em; position: relative; top: -48px }
.reviewRead > li > .stars { margin-top: 7px }
.reviewDate {}
#fancyAnchor {display:none; width:100%;min-height: 100%; position:; top:0; right:0; z-index: 25;background: #e1e1e1;}
#reviewWriterPanel {min-height: 100%;}
div.detailReviewSummary div.aggregateRating { height: 64px; float: left; overflow: hidden; width: 100% }
div.detailReviewSummary a.brandImg { display: block; width: 64px; height: 64px; float: right; position: relative; top: -64px }
div.starsPosition { display: inline-block; vertical-align: middle;}
span.totalReview { display: none;}
a.reviewLink {display: inline-block;color: #BDBDBD;font-size: 0.75em;}
.reviewContainerImg { border-right: 0 !important; margin:1em 0 0 0}
.reviewContainerCopy { width: 320px; height: 100%; background: ; overflow: hidden }
.reviewContainerImg img { width: 112px; height: 112px; border-radius: 50%; display: inline-block; overflow: hidden; margin: 0 1em 0 0;}
.reviewContainerCopytitle { display: inline-block; text-align: left; margin: 16px 0 0 0;display: none !Important;}
.reviewContainerCopy {padding: 28px;line-height: 190%;padding:16px 0;margin:16px 0;}
.reviewContainerCopytitle span { display: inline-block;float: none; }
.reviewContainerCopyField { padding: 0; margin: 0 auto; clear: both; float:none; display:inline-block}
.reviewContainerCopyField>li, .reviewContainerCopyField>div { list-style: none; margin:0 0 1em 0; text-align:left; min-height: 35px; display: inline-block;}
.reviewContainerCopyField>li {padding:0 1em 0 0;}
.reviewContainerCopyField>div {}
.reviewContainerCopyField div input.formSingle-small {width:100%;padding: 8px;border: 1px solid #e1e1e1;}
.reviewContainerCopyField div textarea {width: 100%;height: 100px;/* border: 1px solid #e1e1e1; */}
.reviewContainerCopyOption { float: right }
.reviewContainerCopyField li.col-1 a {background:darkorange; color:white; cursor:pointer}
.reviewContainerCopyField li.col-1 a:hover {background:orange}
.starOn { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
.starOff{ background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
#starRate { float: left; clear: both }
#starRate li { float: left; list-style: none }
#starRate a:hover, #starRate .on { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; cursor: pointer }
#starRate a, #starRate .off { float: left; background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px }
label.recNo { background-color: #9d1110; padding: 8px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-size: 1em;color:white;display: block;}
label.recYes { -webkit-border-radius: 0px; border-radius: 0px; width: 100%; text-align: center; margin-bottom: 14px; float: left; background: #7AA711;padding: 8px;display: block;}
.reviewAreaSummary {float:right;margin: 0 16px 0 0;}
.reviewAreaSummary .reviewBottom {/* display:none; */float: right;border-radius: 50%;background: cornflowerblue;width: 32px;height: 32px;text-align: center;line-height: 32px;color: #fff;margin-top: -4px;margin-left: 8px;font-size: 0.7em;}
#reviewShow {font-size: 1.2em;color: cornflowerblue;cursor: pointer;margin-bottom: 16px;display: block;}
#writeFAQClose, #writeReviewClose {font-family:'FontAwesome';font-weight: normal; font-size:2em; text-align:right; cursor:pointer; color:#666;margin: 0;}
/* cookies */
#cookies{font-size:9.5pt;text-align:left;margin-bottom:20px;line-height:170%;}
#cookies p{color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:170%;text-decoration:none;}
#cookies th{background:#F5F5F5;font-weight:400;color:#666;border:1px solid #d6d6d6;padding:10px;}
#cookies tr{font-weight:400;color:#666;}
#cookies td{font-weight:400;border:1px solid #d6d6d6;text-align:left; padding:14px; background:#fff}
#cookies td a{color:#3477BB;font-size:9.5pt;}
/* Better Search Category Details */
.Outofstock>div>a>img { opacity:0.5; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
/* --- Custom Styles and Overrides */
.productPriceBlock {display: flex;}
.productPriceBlock>div {width: auto;}
.fixedBox {display:flex;align-items: center;justify-content: center;}
.priceBlock {/* border-bottom: 1px solid #d1d4d6; */padding: 0 0 16px 0;}
.priceBlock>.pricing {}
.pricing div {display: inline-block;}
.detail>span:first-child{display:inherit !important;font-size: larger;}
span.nowPrice {font-family: 'barlowbold';}
span.standardPrice {color: #8e8e8e;text-decoration: line-through;display: inline-block;padding: 0 1px;}
span.standardPrice:before {content:'Was'; font-size:smaller; margin-right:0.25em}
.priceBlock .pricing > span:nth-child(3) > div, .detail > span:nth-child(3) > div {
padding: 2px 11px;
background: #dc2014;
color: #fff;
font-family: 'barlowbold';
font-size: inherit;
}
.bgdetail {background: #f8f8f8;}
.bgdetail > div{ margin-bottom: 16px}
.accordianBox:first-of-type {padding-top: 0;}
.detailShortDesc {font-size:larger;border-bottom: 1px solid #efefef;margin-bottom: 16px;}
/* Supplier tech data */
.techData { display: inline }
.techData li.techData-title { width: 100%; line-height: 150%; list-style: none; padding-bottom:18px; border-bottom: 1px solid #e5e5e5;}
.techDataLitem { float: left; margin-bottom: 28px; padding: 0;}
.techDataLitem li { width: 100%; font-weight: normal; list-style: none; padding: 14px ; float:left;table-layout: auto;}
.techDataLitem li:nth-child(odd) { background:#f5f5f5}
.techDataKey { float:left; width: 25%; display: inline; zoom: 1;}
.techDataValue {float:left; width: 75%;padding-left: 14px;}
/* -- Flexible repeaters -- */
.item-repeater-container {}
.item-repeater-inner { outline: 1px solid #E8E8E8; text-align:left;background: white;}
.item-repeater-inner .flipme {/*border: 1px solid #DCD9D9;*/}
.item-repeater-info {width:100%;float:left;text-align: left;padding: 0px !important;}
.item-repeater-info > div:first-of-type {border-bottom: 1px solid #efefef;padding: 8px 0;margin-bottom: 8px;font-size: smaller;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.item-repeater-info-name {font-size: smaller;color:#2e3236;padding-bottom: 8px;}
.item-repeater-info span[id*="lblDiscounttext"] {width:100%;display: none;}
.item-repeater-inner .saleIcon-repeater {position:absolute;top:16px;right:16px;font-family:'FontAwesome';}
.item-repeater-inner .saleIcon-repeater:before {color:white;text-align: center;line-height: 32px; border-radius:100%;width: 32px;height: 32px;display: block;}
.item-rewards {background-size: 32px;clear: both;}
.item-rewards-earned {font-size: smaller;color: #8f959e;}
.item-rewards-earned span {border-bottom: 1px solid #b8dfbe;color: #319e40;}
.item-repeater-outer:hover .item-repeater-info-name {color: #397BBE;}
.nowPrice-repeater {color: #707070;display: inline-block; font-family: 'barlowregular';}
.standardPrice-repeater {font-family: 'barlowregular';color: #ff4242;display: inline-block;margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dadada;}
.percentOff-repeater { font-family: 'barlowregular'; color: tomato; display: inline-block; margin: 0 }
.repQV {height:42px;width:100%;float:left;background: white;border-top: 1px solid #efefef;cursor:pointer;-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;font-size: small;}
.repQV:before, .repQV:after {display:block;line-height:42px;height:42px;}
.repQV:before {content:'Quickview';float:left;}
li[data-localstock='False'] .repQV:before, li[data-warehousestock='False'] .repQV:before {content:'Out of Stock' !important; color:tomato}
li[data-prelaunch='True'] .repQV:before {content:'Prelaunch' !important; color: darkslateblue}
li[data-localstock='True'] .repQV:before, li[data-warehousestock='True'] .repQV:before {content:'In Stock' !important; color: yellowgreen}
.repQV:after {font-family:'FontAwesome';content:"\f06e";float:right;width:42px;text-align:center;background: #fafafa;}
.starsContainer {}
span.starsBS, span.starsBS span {display: inline-flex;background: url(/layout/reviews/stars.png) 0 -16px repeat-x;width: 100px;height: 16px;text-indent:-5000px;vertical-align: middle;}
span.starsBS span { background-position: 0 0 }
#dev-QuickLook {max-width:800px;}
#dev-QuickLook-img {padding: 32px 32px 0 32px;}
/*#dev-QuickLook-content {padding:32px !important;}*/
#clPrice-dev .pricing {min-height: initial;margin: 16px 0 0 0;}
#ShortDescription-dev p {font-size:14px;margin:16px 0 0 0;}
#link-dev {margin:16px 0 0 0;}
#link-dev a {color:#fff;font-size: 10px;font-weight: normal;line-height: 16px;}
#MIV-image-dev-small {margin-top:0;}
.qv-add-container {line-height:32px;background: #f4f4f4;margin-bottom:8px;}
.qv-add-container>div {padding:16px;line-height: 16px;font-size: 12px;}
.qv-name, .qv-price, .qv-stock, .qv-add {}
.qv-add {flex-grow:0;}
#attribute-quicklook-dev {background:white;}
span[id*="lblPromoText"] {display:block;width:100%;float:left;color:#a664a8;font-size:12px;margin:8px 0 0 0;}
span[id*="lblPromoText"]:before {font-family:'FontAwesome';content:"\f02c";display:inline-block;float:left;margin-right:4px;}
#CustomerRewardPanel2 div.customerRewardsCtr {justify-content:flex-start; align-content:flex-start}
#CustomerRewardPanel2 div.crValueCtr {background: none;padding: 0 4px 0 0;}
#CustomerRewardPanel2 div.crValueCtr span {font-family:'pt_sansregular';}
/* Instagram */
.Instagram { float:left; clear:both; margin:28px 0}
.instComments {position:relative;margin-bottom: 32px;width: 100%;}
.instComments .likes {font-size: 13px;font-weight: bold;color: #2f353e;text-decoration:none;background-position:0 3px; left:0;bottom:0;padding: 16px 0 8px;width: auto;line-height:170%;}
.instComments .likes:before {font: normal normal normal 14px/1 FontAwesome;content: "\f08a";padding-right: 8px;}
.instComments .caption {font-size: 12px;width: 60%;}
.instComments .likes {font-size: 13px;font-weight: bold;color: #2f353e;text-decoration:none;background-position:0 3px; left:0;bottom:0;padding: 16px 0 8px;width: auto;line-height:170%;}
.instagramContent {float:left;padding: 16px;}
.instagramContent li {position: relative;float: left;height:auto;list-style:none;}
.instagramContent li img {width: 100%;height: auto;display: block;-webkit-transition: opacity 0.1s linear;}
.instagramContent li:hover div.likes {color: #2f353e;}
.instagramContent li:hover div.likes a {}
.instaproductpics {z-index:10;position:absolute;right: 16px;top: -32px;width: 100px;height: 100px;background-size: cover !important;padding: 0;margin: 0;}
.instaproductPrice {font-size: 10px;font-weight: bold;color: #2f353e;right: 0px;bottom: 0px;padding: 0 8px;width: auto;position: absolute;background: #fff;}
.instagramTitle {}
.instagramPicture img {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 75px; height: 75px}
.instagramUsername { padding: 16px}
/* Site Map */
.siteMap .NodeLevel0 {margin: 0 0 32px 0;display: inline-flex;flex-direction: row;padding: 0 !important;width: 33%;align-content: flex-start;flex-wrap: wrap;border: none !important;}
.siteMap .NodeLevel0 > a:after {display: none !important;}
.siteMap .NodeLevel0>div {display: inline-flex !important;}
.siteMap .NodeLevel0 > a {margin:0 0 8px 0;padding:0;cursor: default;pointer-events: none;font-size: 1.33em;flex-wrap: wrap;width: 100%;}
.siteMap .NodeLevel0 > a > span {letter-spacing: 1px;color: #333;}
.siteMap .NodeLevel0 > a >span:after {display: none;}
.siteMap .NodeLevel1 {width: 50% !important;padding: 16px 0 8px 0; margin: 0;}
.siteMap .NodeLevel1 > a {margin:0 0 8px 0;padding:0;text-transform: capitalize;}
.siteMap .NodeLevel2 {width: 100%;margin:0 !important;}
.siteMap .NodeLevel2 > a {color:#999 !important;margin:0 !important}
/* workshop */
.workshop {background: #EFEFEF;height: 1%;overflow: hidden;margin: 32px 0;}
.gold,.silver,.platinum {outline: 1px solid #efefef;}
.workshop h3 { float:left}
.workshop .wsPrice {float:right;padding: 2px 8px;color: #fff;}
.silver .wsPrice, .silver .checkList li:hover {background: #848484;}
.gold .wsPrice, .gold .checkList li:hover {background: #a78148;}
.platinum .wsPrice, .platinum .checkList li:hover {background: #2e627b;}
.checkList {padding: 0; margin-top:45px}
.checkList li {padding: 16px;border-top: 1px solid #D6D6D6;list-style: none;}
.checkList li:hover { color:#fff}
.checkList li:before {font-family: 'FontAwesome';content:"\f14a";padding-right: 16px;}
.checkList li:first-of-type {border-top: 1px solid #999;}
.checkList li:last-of-type {background: #efefef !important;}
.checkList li:last-of-type:before { font-family: 'FontAwesome';content: "\f095";/* padding-left: 16px; */}
.checkList li:last-of-type:hover { color:#666}
.servicePackages .col3.blkBorder p {text-align: center;}
.servicePackages p strong {font-size: 40px;}
.servicePackages span.spanner, .swcLanding .servicePackages span.spanner span {display: inline-block;background: url(/layout/workshopSpanner.jpg) 0 -70px repeat-x;width: 100%;height: 51px;background-size: 50px;}
.servicePackages span.spanner.wider, .swcLanding .servicePackages span.spanner.wider span {height: 55px; background-size: 52px;}
.servicePackages span.spanner span {background-position: 0 0; float: left;}
.leaders {max-width: 100%;padding: 0;overflow-x: hidden;list-style: none;text-align: left;margin-bottom: 0;width: 100%;}
.leaders li {margin: 16px 0;position: relative;display: inline-table;width: 100%;}
.leaders li:after {position: absolute;bottom: 0;left: 0;white-space: nowrap;vertical-align: middle;content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";}
.leaders strong:first-child {background: white;z-index: 10;padding-right: 8px;}
.leaders strong + strong {float: right;padding-left: 0.33em;background: white;}
.leaders small {font-size:11px;}
/* Trusted Reviews */
.reviewStars {font-family:'FontAwesome';color:#ffcc00;font-size:2.5em;}
.reviewStars span {display:none;}
.reviewStars span:first-of-type {display:block;}
#tReviewOverview {}
#tReviewOverview .reviewOverview {display:none;}
#tReviewOverview .reviewOverview:first-of-type {display:block;}
#tReviewOverview h2 {color:#3b3d3f}
#tReviewOverview h2 span {color:#27af0f}
#tReviewBox {display:flex;flex-grow: 2; -webkit-flex-grow: 2;flex-flow: row wrap;}
#tReviewBox .reviewBox {background:#e6e8eb; text-align: left;}
#tReviewBox .reviewBox h4 {background:#27af0f;color:white;width:80px;height:80px;position:relative;text-align:center;line-height:64px; font-size: 1.5em;}
#tReviewBox .reviewBox h4 span {background:#18181d;color:white;width:80px;position:absolute;bottom:0;left:0;font-size:0.6em;line-height:2em}
#tReviewBox .reviewBox h3 {border-bottom:1px solid #c6c9cd; margin-bottom:8px;padding-bottom:8px;margin-top:16px;height: auto;width: 100%;float: left; text-align: left;}
#tReviewBox .reviewBox h3 span {float:right;font-size:0.8em;color:#999}
#tReviewBox .reviewBox .reviewComment {margin:0 0 16px 0;border-bottom:1px dotted #c6c9cd; text-align: left;}
#tReviewBox .reviewBox .reviewComment strong {display:block;}
#tReviewBox .ratingsBox {display:flex;flex-grow: 5;flex-flow: row wrap;width: 100%;float:left;}
#tReviewBox .reviewBox .ratings {background:#65bbdd;color:white;position:relative;text-align:center;line-height:64px;height: 80px;min-width: 80px;margin: 0 16px 16px 0;}
#tReviewBox .reviewBox .ratings span {background:#18181d;color:white;width:80px;position:absolute;bottom:0;left:0;font-size:0.6em;line-height:2em}
.zlightbox {position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height:100vh; z-index:10000;overflow:hidden;}
.zlightboxclose {position:absolute;top:16px;right:16px; z-index:10002; }
.zlightboxclose:after, .zlightboxdirection .zlightboxprev:after, .zlightboxdirection .zlightboxnext:after {font-family:'FontAwesome';content:'\f00d';display:block;height:64px;width:64px;line-height:64px;text-align:center;font-size:24px;color:white;background:black;-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;cursor:pointer;}
.zlightboxclose:hover:after, .zlightboxdirection .zlightboxprev:hover:after, .zlightboxdirection .zlightboxnext:hover:after {background:dodgerblue;}
.zlightboxdirection {z-index:10002;}
.zlightboxdirection .zlightboxprev {position:absolute;top:50%;left:16px;margin-top:-32px;z-index: 10002;}
.zlightboxdirection .zlightboxprev:after {content:'\f053';}
.zlightboxdirection .zlightboxnext {position:absolute;top:50%;right:16px;margin-top:-32px;z-index: 10002;}
.zlightboxdirection .zlightboxnext:after {content:'\f054';}
.zlightboxcontent {width:90%;height:90vh; margin:5vh 5%;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction:row; flex-wrap:nowrap; -webkit-align-items: center; align-items: center; -webkit-align-content: center;align-content: center;}
.zlightboxcontent>div {width:100%;height:100% !important;text-align:center;overflow: hidden;position: relative;z-index: 10001;}
.zlightboxcontent>div div[class*="col-"] {width:100% !important;}
.zlightboxcontent>div .flipme, .zlightboxcontent>div.flipme {background-size:contain !important; background-color:transparent !important}
.zLightOpen {position:fixed;overflow:hidden;}
/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */
div.repeater { width: 268px; margin: 16px; overflow: hidden; display: inline-block !important; float: none; text-align: left; vertical-align: top ;position: relative;}
div.repeater .itemImage { width: 268px; height: 268px; background-size:contain !important; }
div.repeater .itemImage a { width: 268px; height: 268px }
div.repeater .itemInfo { width: 268px; height: 130px;}
.percentOff-repeater {color: #f00;display: inline-block;}
.facetIsOnSale span:after{content: "SALE";margin:0;color: rgb(241, 241, 241);font-size: 10px;letter-spacing: 2.5px;position: absolute;padding: 3px;text-align: center;background: #d93131;top: 0;right: 0;width: 150px;}
.flexslider .slides img{max-width:100%;display:block;width: 100%;height: inherit;}
.flex-control-nav li {margin: 0 3px 0 !important;display: inline-block;zoom: 1; *display: inline;}
/* CPB */
.cpb-namePriceContainer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;}
.cpb-namePriceContainer > div {width:100%;min-width:100%;flex-basis:100%;}
#cpb-summary li span {color: #48484d;}
/* Return Form */
.returns {background: #efefef;}
.returnsItems {background: #fff;margin-bottom: 16px;outline: 1px solid #dadada;}
.returnsItems:hover {outline: 1px solid #999;}
.returnsItems:last-of-type { margin-bottom:0}
.returnsItems div {padding: 16px;align-items: center;line-height: 100%;}
.returnsItems div small {margin-right:16px}
.returnsName {flex-grow: 2; -webkit-flex-grow: 2;text-align: left;}
.returnsOption small { min-width: 112px}
.returnsItems select{flex-grow: 1; -webkit-flex-grow: 1;}
.returnsAddress > div >div {flex-grow: 1; -webkit-flex-grow: 1;margin: 16px;}
.returnsItems input[type=checkbox] {outline-color: #999;margin-top: 0px !important;}
.returnsAddress {}
.returnsAddress span { font-size: small}
/* Starbuys overrides */
.taNoButton { border-bottom: none; clear:both; display: block; border-bottom: none !important}
.taname { width: initial;flex-grow: initial;}
.filterReorderCtr, .reorderCtr, .betterSearchFilters { display: none}
.col-268-betterSearch { height: 500px; padding:16px}
.col-268-betterSearch img { height: auto}
.col-268-betterSearch .productName {height: 55px;cursor: pointer;color: initial;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding: 0;}
.taContentContainerSmall > div:last-child { padding:32px}
.catDescription, .catDescription p {text-align: center;}
.taPromoTextMultiItem, .taPromoTextMultiItem p { color:#000}
span[id*="lblPromoText"] { font-size:initial}
@media screen and (max-width: 767.99px){.col-268-betterSearch { width: 50%;} }
@media screen and (min-width : 768px) and (max-width : 1023.99px){.col-268-betterSearch { width: 50%}}
@media screen and (min-width : 1024px) and (max-width : 1439.99px){.col-268-betterSearch { width: 33.33%}}
@media screen and (min-width : 1440px) and (max-width : 1913.99px){.col-268-betterSearch { width: 25%}}
@media screen and (min-width : 1914px){.col-268-betterSearch { width: 20%}}
@media screen and (min-width : 1914px){.col-268-betterSearch { width: 20%}}
/* Finance Calculator Modifiers */
.financeTxtPosSub {display: none;}
.financeTxtPosMain {display: none;}
#finance-bg {margin: 0 0 8px 0}
#finance-bg:before { content:"Finance options available"; color: #245D87; }
/* flags */
.priceBlock { padding-bottom: 8px}
.currencylistitem-DEV {float: none;display: inline-block;list-style:none;margin: 0 16px 16px 0;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}
div[class*="isoFlag"] {width: 20px;vertical-align: top;}
div[class*="isoFlag"]:before {display:block;float:left;width: 16px;height:11px;content: '';}
.currencyCode { font-size: 10px}
#USD:before {background:url('/layout/flags/4x3/us.png') no-repeat #fff !important; background-size:contain !important;}
#EUR:before {background:url('/layout/flags/4x3/eu.png') no-repeat #fff !important; background-size:contain !important;}
#AUD:before {background:url('/layout/flags/4x3/au.png') no-repeat #fff !important; background-size:contain !important;}
#SEK:before {background:url('/layout/flags/4x3/se.png') no-repeat #fff !important; background-size:contain !important;}
#NOK:before {background:url('/layout/flags/4x3/no.png') no-repeat #fff !important; background-size:contain !important;}
#DKK:before {background:url('/layout/flags/4x3/dk.png') no-repeat #fff !important; background-size:contain !important;}
#NZD:before {background:url('/layout/flags/4x3/nz.png') no-repeat #fff !important; background-size:contain !important;}
#JPY:before {background:url('/layout/flags/4x3/jp.png') no-repeat #fff !important; background-size:contain !important;}
.currencyShoppingCart ul li {float: none;display: inline-block;list-style:none;margin: 16px 16px 16px 0; width: auto}
.currencyConverted { font-size: 14px;}
.currencylistitem-DEV {margin: 0 32px 16px 0;}
/* Techical data top */
.quickTechInfo tr, .quickTechInfo li, .quickTechInfo p { display: none }
.quickTechInfo tr, .quickTechInfo td, .quickTechInfo p, .quickTechInfo th, .quickTechInfo li, .quickTechInfo span {padding: 0 3px;margin: 0 0 5px 0;line-height: 150%;vertical-align: baseline !important;}
.quickTechInfo tr:nth-child(1),
.quickTechInfo tr:nth-child(2),
.quickTechInfo tr:nth-child(3),
.quickTechInfo tr:nth-child(4),
.quickTechInfo li:nth-child(1),
.quickTechInfo li:nth-child(2),
.quickTechInfo li:nth-child(3),
.quickTechInfo li:nth-child(4){ display: inherit!important; }
.quickTechInfo li, .quickTechInfo tr {list-style:none; width: 100%; float: left;font-size: 12px;}
.quickTechInfo li:before, .quickTechInfo tr:before {content: "\f00c";font-family:'FontAwesome';color: #db1f11;margin-right:6px;font-size: 12px;float:left;display:block;}
.quickTechInfoLink { font-size: 12px; margin-bottom: 16px;float:left;display:block;}
/* Techical data top - SIM */
.quickTechInfo .techData > li, .quickTechInfo .techData > ul, .quickTechInfo .techDataLitem li {display: none !important;border-bottom: none;padding-bottom: 5px;background: none;}
.quickTechInfo .techData > ul:nth-child(2),
.quickTechInfo .techDataLitem li:nth-child(1),
.quickTechInfo .techDataLitem li:nth-child(2),
.quickTechInfo .techDataLitem li:nth-child(3),
.quickTechInfo .techDataLitem li:nth-child(4){ display: inherit!important; }
.quickTechInfo .techData > ul { margin-bottom:0px}
.quickTechInfo .techData-title, .quickTechInfo h2 { display: none !important }
.quickTechInfo .techDataKey {width: auto;font-weight: 700;}
.quickTechInfo .techDataValue { width: auto;}
.techDataLitem { font-size:inherit}
/* Product repeater padding */
#flexsliderMP li { margin-right:16px;}
.flexslider .repQV { display: none}
.flexslider .flipmeContain { max-width:350px}
/* Cust Edit for Pauls - TopBanner */
input[type="text"] { color:#dc2013 !important}
.srchCtr .icon-search {color: #dc2013;}
/* Cust Edit for Pauls - PDP */
.CCartBut > div:last-of-type > a {background: #17af45 !important;border: 1px solid #17af45;}
#Currency {margin-bottom: 32px;}
.accordianHeader [class*="icon"]{ margin-right:8px}
.paulRed {color: #db2014;}
/* Cust Edit for Pauls - Delivery */
.courierservice { font-size: 16px !important}
.courierCountrySearch span { font-weight: 700}
/* Cust Edit for Pauls - Finance */
h2#financemessage { color: #dc2013; text-align: left}
.financeStep1 h3, .financeStep2 h3, .financeStep3 h3 {text-align: left}
.repayDetails2:last-of-type {padding: 16px !important;}
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -10px;}
.keyData, span#lblMaxDeposit {color: #dc2013;}
#finance {width: 100%; clear: both;background: #fff;padding: 32px !important;}
.ui-widget-content { background: #background: #c1d7ec;background: -moz-linear-gradient(left, cornflowerblue 0%, #dc2013 100%) !important;background: -webkit-gradient(linear, left top, right top, color-stop(0%,cornflowerblue), color-stop(100%,#dc2013)) !important;background: -webkit-linear-gradient(left, cornflowerblue 0%,#dc2013 100%) !important; background: -o-linear-gradient(left, cornflowerblue 0%,#dc2013 100%) !important;background: -ms-linear-gradient(left, cornflowerblue 0%,#dc2013 100%) !important;background: linear-gradient(to right, cornflowerblue 0%,#dc2013 100%) !important;}
@media screen and (max-width: 767.99px)
{
.repayDetails2 { width:50% !important; }
#finance.ctrPad16 { padding:16px !important}
}
/* Cust Edit for Pauls - FAF */
.fafqvdd-details-title {font-family: 'barlowbold';}
.FFDesktop .FAFFiltersReorder > div > span {background: #ffffff !important;color: #000 !important;border-bottom: 1px solid #bbbbbb !important;}
#FafKnockoutResults .facetHdr {color: #737373;/* font-size: smaller; */}
.noUi-connect,.noUi-tooltip {background: #dc2013;}
.facetSelectedff.checked {background: #db2014 !important;outline: 1px solid #dd2015;}
.facetSubHdr { color: #db2014;}
.FacetDefinitions .facetHdr {background: #fdfdfd;}
.facetUnselectedff.checked {}
.fafqvdd-details-desc-link, .FacetDefinitions .facetHdr:after, #FafKnockoutResults .priceFilter .facetHdr:after, #FafKnockoutResults .FacetSize .facetHdr:after, #FafKnockoutResults .salestock .facetHdr:after, #FafKnockoutResults .FacetSearch .facetHdr:after { color: #db2014;}
#wrapper #main.ui-v3 { background-color: #efefef !important}
.taContainerSmall {outline: 1px solid #bd80bd;}
.techData li.techData-title {font-family: 'barlowbold';}
/* Cust Edit for Pauls - Starbuys */
.taTogeather, .taSeperately {width: 100%;}
.taSeperately { font-size:small}
.taTogeather li, .taSeperately li {margin:0 !important;border-bottom: 1px dashed;background-color: white;}
.taTogeather li {border-bottom: 1px dashed #f1dbf1;}
.taSeperately li {border-bottom: 1px dashed #e2e2e2;}
.taContainerSmall {margin-top: 16px;outline: 1px dashed #e0e0e0;}
.taImg span { background:#dd2014}
.taContentContainerSmall h3, .taTogeather, span[id*="lblPromoText"] {color: #db2015;padding-top: 16px;font-size: initial;line-height: 125%;}
span[id*="lblPromoText"] { text-transform: uppercase; font-size: larger}
/* accordion */
.FAQs .accordianHeader {padding: 8px 0;}
.FAQs .accordianCtn {margin: 0 0 8px 0;}
.accordianBox {
border-bottom: 1px solid #e1e1e1;
width: 100%;
float: left;
}
.accordianHeader {
cursor: pointer;
width: calc(100%);
position: relative;
font-family: 'barlowbold';
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.accordianHeader p {
margin: 0;
padding: 0;
display: inline-block
}
.accordianHeader > h3 {
float: left;
margin: 0;
font-size: initial;
}
.accordianHeader > span.fa-unsorted {
padding-left: 21px;
position: absolute;
right: 0;
top: 50%;
}
.accordianHeader > span.fa-unsorted:before, .accordianHeader > span.fa-unsorted:after {
position: absolute;
height: 1px;
width: 13px;
border-radius: 2px;
content: ' ';
display: block;
background: #868686;
-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;
}
.accordianHeader > span.fa-unsorted:before {
right: 0;
}
.accordianHeader > span.fa-unsorted:after {
right: 0;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.active span.fa-unsorted:before {
opacity: 0;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.active span.fa-unsorted:after {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordianHeader [class*="icon"] {
margin-right: 8px;
position: relative;
bottom: 2px;
}
.accordianCtn {
width: 100%;
float: left;
margin: 0 0 32px 0;
display: none;
}
.accordianBox.active .accordianCtn {
display: block;
}
/* -- Mobile Phones -- */
@media screen and (max-width: 767.99px) {
.accordianHeader {
padding: 16px 0;
}
}
div[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain {background-size:contain !important;}
/* Image Media Queries */
@media screen and (max-width : 320px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-320 {display:block !important;}
}
@media screen and (min-width : 321px) and (max-width : 414px)
{
.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1920px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1920.1px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important; background: none !important;}
.css-image-4k {display:block !important;}
}
/* -- Banner collections -- */
[class*="hmBanner"] > div{display:grid;padding:0 0 1em;grid-gap:1em}
[class*="hmBanner"] > div > a{position:relative;width:100%;height:100%}
[class*="hmBanner"] > div > a:hover .bannerView{background: #dc2015;}
.modernizr-no-cssgrid [class*="hmBanner"] > div{display:block}
.hmBanner1 > div{grid-template-columns:repeat(1,1fr);-ms-grid-columns:1fr}
.hmBanner2 > div{grid-template-columns:repeat(4,1fr);-ms-grid-template-columns:1fr 1fr 1fr}
.hmBanner2 > div > a:nth-child(1){grid-column:1/3;grid-row:1/3}
.hmBanner4 > div{grid-template-columns:repeat(4,1fr);-ms-grid-template-columns:1fr 1fr 1fr 1fr}
.hmBannerBrands > div{grid-template-columns:repeat(6,1fr);-ms-grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 0;}
.photo{background:#efefef;background-size:cover;background-position:center;height:100%}
.photo div:after{padding-bottom:75%;content:"";display:block;width:100%}
.bannerTxtCtr{position:absolute;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:32px;z-index:2;width:100%;height:100%;flex-direction:column;-ms-flex-direction:column;color:#fff}
/* text overlay --------------------------------------------------------------- */
.bannerTxtCtr{position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: flex-end;flex-wrap: wrap;align-items: normal;text-align: center;padding: 0px;z-index: 2;width: 100%;bottom: 0;flex-direction: column;-ms-flex-direction: column;color: white;}
.bannerDesc, .bannerTitle, .bannerView {padding: 0 16px;color: #090606;}
.bannerDesc:empty, .bannerTitle:empty, .bannerView:empty{display:none;}
.bannerTxtCtr > span {flex-wrap: wrap;}
.bannerTxtCtr > span:nth-child(1), .bannerTxtCtr > span:nth-child(2) {text-align: left;/* flex-grow: 1; */}
.bannerTxtCtr > span:nth-child(3) {text-align: right;}
.bannerDesc {font-size: 11px;line-height: 100%;order: 1;color: #dc2013;/* padding: 0 12px; */}
.bannerTitle {font-size: large;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;order: 0;width: 70%;line-height: 100%;font-weight: 900;}
.bannerView {font-size: small;order: 3;.bannerView {/* height: 0; *//* display: inline-block; */line-height: 1.5em;-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;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* line-height: 34px; *//* padding: 10px 36px; */background: rgb(48, 87, 175);text-transform: uppercase;letter-spacing: 1px;font-size: 10px;display: inline-block;padding: 8px 16px;border-radius: 5px;color: #ffffff;white-space: nowrap !important;opacity: 0;}height: 0; *//* display: inline-block; */line-height: 1.5em;-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;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* line-height: 34px; *//* padding: 10px 36px; */background: rgb(220, 220, 220);text-transform: uppercase;letter-spacing: 0;font-size: 10px;display: inline-block;padding: 8px 10px;line-height: 100%;border-radius: 5px;color: #0d0b0b;white-space: nowrap !important;/* opacity: 0; */position: absolute;bottom: 24px;right: 18px;}
.Banner:hover .bannerView {/* height: 40px; */color: #ffffff;box-shadow: none;text-shadow: none;opacity: 1;}
.hmBanner3 .bannerTitle {font-size:small;max-height: 53px;}
.hideText .bannerTxtCtr { display: none}
/* Hide text overlay --------------------------------------------------------------- */
.hmBanner1 .photo div:after {padding-bottom:60vh !important;}
.textBottom .bannerTxtCtr {align-items: left;}
.textBottom .Banner {padding-bottom: 75px;background: #efefef;}
.textBottom .bannerDesc {/* background: #fff; */color: #dc2014;font-weight: bold;overflow: hidden;text-overflow: ellipsis;width: 70%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 5px 0 20px;}
.textBottom .bannerTitle {color: #09181d;/* background: #fff; */-webkit-line-clamp: 1;/* padding: 0 12px 14px; */}
.textBottom .bannerView {/* display:none */}
@media screen and (max-width: 767.9px) {
[class*="hmBanner"] > div{grid-gap:0.5em !important}
.bannerView { display:none}
.bannerTitle, .bannerDesc {width: 100% !important;font-size: smaller;}
.bannerDesc {font-size: 10px;}
.hmBanner2 > div, .hmBanner4 > div {grid-template-columns:repeat(2,1fr);-ms-grid-template-columns:1fr 1fr}
.hmBannerBrands > div{grid-template-columns:repeat(3,1fr);}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
.hmBannerBrands > div{grid-template-columns:repeat(3,1fr);}
.hmBanner2 > div, .hmBanner4 > div {grid-template-columns:repeat(2,1fr);-ms-grid-template-columns:1fr 1fr}
}
@media screen and (min-width : 1024px) and (max-width : 1439.9px) {
}
/* header Call to action bar */
.topBanner > a {font-size: 12px;text-align: center;padding: 8px;width: 100%; float: left;}
.topBanner .btitle {color: inherit;font-family: 'barlowbold';}
.topBanner .bsubtitle { margin: 0 8px; color: inherit}
.topBanner .blink {margin: 0 8px;color: inherit;border-bottom: 1px solid #efefef8a;}
.topBanner [class*="theme"] .btitle:before {margin-right:8px;font: normal normal normal 12px/1 FontAwesome; color: #fff;}
.topBanner [class*="theme"] span {color: #fff;}
.topBanner .theme0 {background: #1D5F9E;}
.topBanner .theme0 .btitle:before {content: "\f005";}
.topBanner .theme1 {background: #9E1C1C;}
.topBanner .theme1 .btitle:before {content: "\f0e7";color: #f8bb00;}
.topBanner .theme2 {background: #333333;}
.topBanner .theme2 .btitle:before {content: "\f005"; color: #D49409;}
.topBanner .theme3 {background: #333333;}
.topBanner .theme3 .btitle:before {content: "\f017";color: #affeff;}
.topBanner .theme4 {background: #5d84cb;}
.topBanner .theme4 .btitle:before {content: "\f0d1";color: #affeff;}
.topBanner .theme5 {background: #5f8f63;}
.topBanner .theme5 .btitle:before {content: "\f02c";color: #cafcdf;}
@media screen and (max-width: 767px)
{
.topBanner .bsubtitle, .topBanner .blink { display: none}
}
}