/* *********************************** */
/* ************ 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: 'roboto';src: url('font/Roboto-Light-webfont.eot');src: url('font/Roboto-Light-webfont.eot%3F') format('embedded-opentype'),url('font/Roboto-Light-webfont.ttf') format('truetype'),url('font/Roboto-Light-webfont.svg') format('svg');}
@font-face {font-family: 'robotobold';src: url('font/Roboto-Bold-webfont.eot');src: url('font/Roboto-Bold-webfont.eot%3F') format('embedded-opentype'),url('font/Roboto-Bold-webfont.woff') format('woff'), url('font/Roboto-Bold-webfont.ttf') format('truetype'),url('font/Roboto-Bold-webfont.svg') format('svg');font-weight: normal;font-style: normal;}
/* General HTML */
html, body {font-family: 'roboto';color:#555;background: #101012;}
.container {background: #f7f7f7;}
body {font-family: 'roboto', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;-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: #101012;}
*{font-family: 'roboto', "Helvetica Neue";}
a, a:visited {color: #2c9ab7;text-decoration: none;}
a:hover {color: #237a91;}
p, .p {margin-bottom: .8em;color: #888;}
p>a, .button~a:not(.button), .link-underline a:not(.button) {line-height: normal;border-bottom: 1px solid;}
strong, b { color:#333}
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;}
.colorwhite {color:white !important;}
.colorblack {color:black !important;}
.background1, .button {background: #fff !important;color: #333 !important;}
.background2 {background:#2f353e !important;}
.background3 {background:#a6afbc !important;}
.background4 {background:#e6e8eb !important;}
.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, .ffTitle {color: #101012;font-family: 'robotobold';letter-spacing: -2.5px;}
h1, .h1, .ffTitle {font-size: 30px;line-height:1.2em;}
h2, .h2 {font-size: 26px;line-height:1.2em;clear: both;letter-spacing: -1.5px;}
h3, .h3 {font-size: 24px;line-height:1.2em;margin:0 0 8px 0;letter-spacing: -1.0px;}
h4, .h4 {font-size: 22px;line-height:1.2em;margin:0 0 8px 0; letter-spacing: -0.5px;}
.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}
.grid {background: #fafafa}
/* 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: 1920px;}
.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;}
.zflex-s {align-items:stretch;}
.zflex-ws {flex-wrap:wrap;align-items:stretch;}
.zflex-v { justify-content:center; align-content:center; align-items:center }
.zflex-hm {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;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}
/* Buttons */
.button {text-decoration:none;padding:8px 16px;display:inline-block;}
.button i {margin:0 7px;color: #168bac;}
.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);}
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;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: #222 !important;color: #fff !important;}
.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;}
.newsletter-footer:active, .newsletter-footer:focus, .newsletter-footer:hover {color: #fff !important;}
/* Top Banner */
.nav-customer {background: #FFFFFF;border-bottom: 1px solid #efefef;}
.masthead {background: none;margin: 0;display: block;z-index: 13;width: 100%;clear: both;background: #101012;}
.masthead h3 { color:#fff}
.logo {/* width:auto; */background: url(layout/generalLyout/logo.png) center center no-repeat;background-size: contain;max-width: 175px;margin: left;}
.primaryNav, .navIcons {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: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;-ms-flex-pack: justify;}
.primaryNav > div {box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;-o-justify-content: flex-start;justify-content: flex-start;-ms-flex-pack: flex-start;flex-direction: row-reverse;}
/* -- Primary Navigation */
.logoContainer {}
.navOption {height: 50px;text-align: center;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none-moz-user-select: none;-ms-user-select: none;user-select: none;display: inherit !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 { font-family:'FontAwesome'; font-size: 1.5em; }
.toggleCtr span:hover, .toggleCtr span:active { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.toggleNavCtr {}
.toggleNavCtr:before {float:right;font-family: 'robotobold';letter-spacing: 0.075em;content: 'Menu';text-transform:uppercase;margin-right: 8px;font-size: 14px;}
.toggleNavCtr:after {}
.navopenNavCtr, .navopenSearchCtr {}
.navopenNavCtr {}
.toggleNavCtr.navopenNavCtr {}
.navopenNavCtr:before, .navopenNavCtr:after {color: #ffffff;}
.navopenNavCtr:after {content: "\f00d";}
.navopenNavCtr i {display: none;}
.navopenSearchCtr {color: dodgerblue;}
.desktopNav {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}
.cta {text-transform: uppercase;letter-spacing: 1px;padding: 8px 0 !important;margin: 0;list-style: none;justify-content: space-between;font-size: 13px;}
.cta a {color:#354350;letter-spacing: 2px;}
.cta li {text-align: left;}
.cta i { margin-right:16px}
.cta p {display:inline-block;padding: 0;margin: 0;}
#flexsliderCTA .flex-direction-nav { display:none}
.CNCCTA {background: #1e2024;color:#FFFFFF;text-align: right;text-transform:uppercase;letter-spacing:2px;font-size: 12px;}
.CNCCTA a {color: rgba(255, 255, 255, 0.61);font-size: smaller;}
.CNCCTA a:hover {color: rgba(255, 255, 255, 1);}
.CNCCTA a i {color: #bfc1c3;margin: 0 10px 0 0;}
.CNCCTA a div, .CNCCTA a span { display:inline-block}
.Message a {margin: 0 0 0 21px !important;}
.hdrRewardsTitle { color:#fff}
/* basket styling */
div.basketCtr { display: none;text-align:right;position:relative;margin:0;overflow: visible;}
div.basketCtr h3 {}
div.basketCtr .buttonSmall {color: #ffffff !important;border-color:#31353E;}
div.basketCtr .buttonSmall:hover {background:dodgerblue !important;border-color:dodgerblue !important;color:white !important;}
#CartList-dev {display:block;width: 100%;text-align: right;margin: 16px 0;font-size: 18px;}
div#CartList-dev a { text-decoration: none;}
div#CartList-dev a span.purse10 {display:none;}
div#CartList-dev a span[id*="lblCount"] {margin-left: 6px;padding-left: 6px;}
#basketPip {display:none;position:absolute;width:20px;height: 20px;line-height: 20px;text-align:center;bottom: 26px;right: -16px;font-size: 13px;background: #1994b7;color: #fff;border-radius:100%;font-family: monospace;}
/* search styling */
div.srchCtr {overflow:hidden;position: relative;top: 0;left: 0;z-index: 1def;text-align: center;flex-grow: 1;-ms-flex-order: 1;-webkit-order: 1;order: 2;}
div.srchCtr input {width: 100%;height: 48px;border: none;padding: 0 0 0 52px;margin: 0;border-radius: none;-webkit-border-radius: none;-webkit-appearance: none;color: rgb(134, 134, 134);border-bottom: 1px solid #757575;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;}
div.srchCtr input:active, div.srchCtr input:hover, div.srchCtr input:focus, div.srchCtr:hover input {color: #fff !important;box-shadow: none;color:white;border-color: #adadad;}
div.srchCtr a.searchButton {position: absolute;top: 0;right: 0;left: auto;font-family: 'FontAwesome';margin: 0;height: 48px;line-height: 48px;-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;}
div.srchCtr input:active {}
div.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;}
.srchCtrClose { position:absolute; right: 0px; top: -1px; z-index:10; width: 100px !important; height: 96px; line-height: 96px; padding: 0 !important; background-color: #DDECE1;}
.srchCtrPopular { display:block; clear:both;text-align: left; padding: 16px;}
.srchCtrPopular a { display:inline-block; margin: 0px 10px;color: #ccc; padding: 10px 0;font-size: 18px;}
.srchCtrPopular a:hover {border-bottom: solid 1px #CADB36;display: inline;padding-bottom: 4px;color: #CADB36 !IMPORTANT;}
.srchCtrPopular span { display:inline-block; margin: 0px 18px 0 0px;color: white; display: inline-block;margin: 0px 0 0 0px;padding: 10px;font-size: 18px;}
.menuMainSearch { position:relative}
.searchButton {float: right;border: 0;position: absolute;margin: 8px;height: 48px;line-height: 48px;padding: 0;color: #ffffff !important;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;right: 2px;top: 2px;float: right;font-family: 'robotobold' !important;letter-spacing: 0.075em;content: 'Shop';text-transform: uppercase;margin-left: 8px;font-size: 14px;}
a#lnkSearch {}
#TopBanner1_clSearch1_containerSearch {position:relative;max-width: 500px;}
.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 {display:none;overflow:hidden;text-align: right;color: #fff;}
div.loginCtr h3 {}
#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;color: #DBDEE2;}
.tailoredMsgContainer {width: 100%;float:left;}
.tailoredMsg {}
.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 #ffffff;color: #ffffff;-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}
/* nav styling */
.menuTop {display: flex;-webkit-box-align: center; align-items: stretch; flex-wrap: wrap;justify-content: space-between; flex-direction: row;font-size: smaller;padding: 16px !important;order: 1;}
.menuOptions {display: flex;-webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: space-between;flex-direction: row;padding: 0;}
.menuOptions>div {margin: 0 16px;}
div.navCtr {overflow:hidden;display:none;order: 1;width: 100%;float: left;margin-top: 23px;}
div.navBlock { display: inline-block; width: 268px; vertical-align: top }
div.navCtr h2 { color: #55acee }
div.navCtr ul { margin: 0; padding: 0; list-style: none; display: block; width: 100% }
div.navCtr ul li a { width: 100%; height: 48px; line-height: 48px }
div.navCtr ul li a:hover {background:rgba(255,255,255,0.3)}
.brandsContainer {margin: 8px 0 0 0;background: white;height: 48px;position: relative;}
.brandsContainer span {font-family:'FontAwesome';position: absolute;right: 16px;top: 16px;color: #55acee}
.brandsContainer .dropdownFormSmall {border: 0;width: 100%;padding: 1em;margin: 0;font-family: 'roboto';font-size: 1em;-webkit-appearance: none; -moz-appearance:none; appearance:none;border-radius:0;background-color: #fff;color: #2D2D2D;outline: none;border: none;}
/* RESPONSIVE JQIZZLE MENU */
.topNavMenuContainer { display:none}
.topNavMenuContainer>.complexNavMenu { display:inherit}
.topNavMenuContainer {overflow:visible !important; flex-grow:2}
.topNavMenuContainer .toggleNavCtr, .topNavMenuContainer .toggleSearchCtr, .topNavMenuContainer .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {font-family:'FontAwesome';font-size: 1.1em;display:none;float: right;text-align: center;line-height: 47px;color: #FDFDFD;font-weight: normal;position:relative;}
.topNavMenuContainer .toggleSearchCtr {color: #FFFFFF;}
.topNavMenuContainer .toggleBasketCtr, .toggleLocateCtr, .toggleLocateCtr:hover, .toggleLoginCtr, .toggleLocateCtr:visited {color: #F4F5F7;}
.toggleNavCtr:after {content:'\f0c9';}
.toggleSearchCtr:after {content:'\f002';}
.toggleBasketCtr:after {content:'\f290';}
.toggleLocateCtr:after {content:'\f041';}
.toggleLoginCtr:after {content:'\f007';}
.navopenNavCtr, .topNavMenuContainer .navopenSearchCtr {background:none;}
.navopenNavCtr:after, .toggleSearchCtr2:after, .navopenLoginCtr:after, .navopenBasketCtr:after {content: "\f00d";}
.navopenNavCtr, .navopenLoginCtr, .navopenBasketCtr {color:dodgerblue !important;}
.activeNav {display:flex !important; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.open {display:block !important;}
.navLogoSimple, .navLogoComplex {display:none;}
/* If simple */
.simpleNavMenu {text-align:center;}
.simpleNavMenu .navCtr .ctrNavigation {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex !importanti;flex-direction: row;}
.simpleNavMenu .toggleNavCtr, .simpleNavMenu .toggleSearchCtr, .simpleNavMenu .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {float:right;cursor:pointer;}
.simpleNavMenu .ctrNavigation>div {width:100%;float:left;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.simpleNavMenu .simpleNavInfo, .simpleNavMenu .navLogoSimple {display:block;}
.simpleNavMenu .simpleNavInfo:first-of-type,.simpleNavMenu .simpleNavInfo:last-of-type { max-width: 320px !important;}
.simpleNavMenu .simpleNavInfo h2 {display: flex;padding: 0 0 16px 0;width:100%;font-size:18px;color:#cee424;font-weight:normal;margin:0;}
.simpleNavMenu .simpleNavInfo p {font-size: 14px;color:#ccc;line-height: 1.8em;margin:0;}
.simpleNavMenu .simpleNavInfo a {padding:0 !important;}
.simpleNavMenu .simpleNavInfo > a {padding: 0 0 16px 0 !important;}
.simpleNavMenu .toggleNavCtr {display:block;color: #ffffff !important;font-family: inherit !important;}
.simpleNavMenu ul.topNavMenu {width:100%; display:none; list-style:none;position:relative;margin: 16px 0 0 0;float: left;padding: 32px;z-index:50000;/*background:#e6e8eb;*/flex-flow: row;justify-content: center;}
.simpleNavMenu ul.topNavMenu ul {margin:0;padding:0;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li {display:block;float:left;list-style:none;width:auto;position:relative;flex-grow: 1;background: none;text-align:left;/* max-width: 192px; */padding: 0 16px;flex-shrink: 2;flex-basis: auto;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a {display: flex;padding: 0 0 16px 0;width:100%;font-size: larger;color: #FFF;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a:hover {color:#c79e22}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a.activeLink {background:#2e3236;color:#cee424}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul {display:none;width: 100%;float:left;list-style:none;margin:0; background:none;padding:0;position: relative;top: 0;left: 0;/* flex-flow: row wrap; *//* justify-content: space-around; */z-index: 2;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul {display: block;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li {/* flex-grow:1; *//* flex-basis:268px; */display: block;width: 100%;float: none;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > a {font-size: 16px;line-height: 2em;/*padding: 16px 0;*/font-size: smaller;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > a:hover {color:#c79e22;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > ul {display:none !important;}
.topNavMenu .navpip {width: 32px;height: 32px;display: block;position: absolute;right: 24px;top: -16px;background: #e6e8eb;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.simpleNavMenu .haloImage {width:240px;height:360px;}
.menuEmailContainer {position:relative}
#popupEmail {border:0;background:none;font-family: 'alegreya_sansregular';padding: 0 35px 0 8px;line-height: 48px;width: 100%;color: #707479;background: #e6e8eb;height: 48px;font-size: 21px;letter-spacing: 0.05em;}
#newsletter-popup-submit {position:absolute;top:0;right:0;width: 48px;height: 48px;text-align: center;line-height: 48px;background: #5b195e;font-size: 0.8em; cursor:pointer;}
#newsletter-popup-submit:before {font-family:'FontAwesome';font-size: 1.5em;color:white;content:'\f1d8';}
#newsletter-popup-submit:hover:before {color:white;}
.menuEmailContainer p {font-size:16px !important;}
/* ZESTY RESPONSIVE MENU */
.topNavMenuContainer { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.topNavMenuContainer>.complexNavMenu { display:inherit}
.topNavMenuContainer, .ctrNavigation, .ctrNavigation>div {overflow:visible !important;position:relative;}
.visOverflow, .complexNavMenu .NodeLevel0, .complexNavMenu .topNavMenu {overflow:visible !important;}
/* Facet Navigation Default Styles */
[class*='NodeLevel'] { box-sizing: border-box }
.NodeLevel0 {float: left;width: 33.33%;text-align: left;flex-basis: 33.33%;min-width: 33.33%;max-width: 33.33%;margin-bottom: 16px;}
.NodeLevel0>div {display:block;width:100%;}
.NodeLevel1 {background: none;float:left;flex-basis: 49% !important;min-width: 49% !important;max-width: 49% !important;padding: 0 0px 0px 0;}
.NodeLevel1:last-child {padding-right:0;}
.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) { padding: 0 32px}
.NodeLevel0 > a >span {display: block;width: 100%;margin: 16px 0;padding: 0 0 8px 0;border-bottom: 1px dotted rgba(206, 206, 206, 0.43);font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;color: #ffffff;font-size: large;}
.NodeLevel1 > a {display: inline-block;color: #bfc1c3;margin: 0px;padding:0 16px 0 0;font-weight: normal;}
.NodeLevel2 > a {display: inline-block;color: #b1b4b7;margin: 0 0 16px 0;padding:0 16px 0 0;font-size: 14px;font-weight: normal;}
.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {
color: #1994b7;
}
.hideme {display:none !important}
/* Icons */
.navIcons {-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.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 {
}
.toggleNavCtr span {font-size: 11px;padding: 0 7px 0 0;letter-spacing: 2px;}
.navIcons .toggleSearchCtr {color: #ffffff;}
.navIcons .toggleBasketCtr, .toggleLocateCtr, .toggleLocateCtr:hover, .toggleLoginCtr, .toggleLocateCtr:visited {color: #ffffff;}
.toggleLoginCtr {color: rgba(255, 255, 255, 0.50);}
.loggedIn { color:#fff}
.toggleNavCtr:after {content:'\f0c9';color: #1994b7;font-family: 'FontAwesome';}
.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;}
.navopenNavCtr, .navopenLoginCtr, .navopenBasketCtr {/* background:none; */}
.activeNav {display:block !important;}
.open {display:block !important;}
.navLogoSimple, .navLogoComplex {display:none;}
.complexNavMenu .logoContainer, .simpleNavMenu .logoContainer {
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
/* If simple */
.simpleNavMenu {display:block;}
.simpleNavMenu .navIcons > div, .simpleNavMenu .navIcons > a {}
/* If complex */
.complexNavMenu, .complexNavMenu .navCtr {display:block;}
.complexNavMenu .navIcons > div.toggleBasketCtr, .complexNavMenu .navIcons > a.toggleLocateCtr, .complexNavMenu .navIcons > div.toggleLoginCtr, .complexNavMenu .navIcons > div.toggleSearchCtr {display:block;}
.complexNavMenu .topNavMenu {width:100%; display:block; list-style:none;position:relative;margin:0 auto;float: left;padding: 0;z-index: 24;background:#393d46}
.complexNavMenu .NodeLevel0 {width:auto;display:block;float:left;padding:0;}
.complexNavMenu .NodeLevel0>div {display:none;position: absolute; top: 75px; left: 0;width: 100%;float: left; z-index: 8; background: #252a31;padding:32px}
.complexNavMenu .NodeLevel0 > a {display: block;width:100%;border-bottom:none;margin:0;color:#c6c9cd;cursor:pointer;height: 75px;line-height: 75px;padding: 0 16px;}
.complexNavMenu .NodeLevel0 > a:after {font-family: 'FontAwesome';font-size: 1em;content: '\f107';margin: 0 0 0 8px;}
.complexNavMenu .NodeLevel0 > a:hover {color:#e6e8eb}
.complexNavMenu .NodeLevel0 > a.activeLink {color:white;background: #252a31;}
.complexNavMenu .NodeLevel0 > a.activeLink:after {content: '\f106';}
.complexNavMenu .NodeLevel1 {width:20%}
div[data-nodename*="Sale"].NodeLevel0 > a >span, div[data-nodename*="Sale"] .NodeLevel1 > a:hover {color: #dc3d36;}
/* Footer */
.footer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items:stretch;display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */font-size: smaller;}
.footerLinks {margin:0 0 16px 0}
.footerLinks p, .footerLinks span {color: #31353E;}
.footerLinks h3 {font-style: normal;margin-bottom: 16px;clear: both;color: #1a1a18;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: #666;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 a.footerBasket {font-family:'FontAwesome';}
.footerLinks a:hover, .footerLinks .NodeLevel0 > a:hover span {color: dodgerblue; border-bottom:0;}
div.social { width: 100% }
div.social a {display:inline-block;font-family:'FontAwesome';width: 48px;height: 48px;color:white;border-radius:24px;text-decoration: none;font-size: 21px;line-height: 48px;text-align: center;margin: 0 8px 8px 0;clear: none;}
div.social a:hover { opacity:1; color:white !important;}
.facebook {background: rgb(83, 112, 154);opacity: 0.5;}
.twitter {background: rgb(82, 191, 204);opacity: 0.5;}
.pinterest {background: rgb(158, 98, 98);opacity: 0.5;}
.instagram {background: rgb(149, 115, 179);opacity: 0.5;}
.gplus {background: rgb(78, 84, 95);opacity: 0.5;}
.youtube {background: #bb0000;opacity: 0.5;}
.footerNewsletter {position:relative;margin-bottom: 0;margin-left: 16px;flex-grow: 2;}
.newsletter-footer {background: #2b3031 !important;border: 0;width: 100%;color: #565656;height: 46px;line-height: 46px;-webkit-appearance: none;-moz-appearance:none;appearance:none;border-radius:0;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 {background: #1994b7;position: absolute;top: 0;right: 0;color: #fff !important;text-transform: uppercase;line-height: 100% !important;height: 46px;}
.newsletter-footer-submit:hover {background: #101012;color:white;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}
.customerSupport { clear:both}
.customerSupport a { font-size:2em; text-decoration:none; }
.customerSupport a:hover {color:cornflowerblue;}
.customerSupport a span {font-family:'FontAwesome'; }
div.cards {text-align:left;color: #646466;margin-top: 16PX;}
div.cards span {line-height:28px;font-size:1em;color: #fff;}
div.cards span strong {font-weight:normal;color: #373b3c;}
div.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;color: #373b3c;}
div.cards div.fa-cc-visa {float:right;/*color:#faa41b*/}
div.cards div.fa-cc-mastercard {float:right;/*color:#ee1b2e*/}
div.cards div.fa-credit-card {float:right;/* color:#7fcef2 */}
div.cards div.fa-cc-paypal {float:right;/* color:#009cde */}
div.cards div.fa-money {float:right;/*color:#009cde*/}
.footerCopy {color: #646466;}
.footerTerms {text-align:left;font-size: smaller;color: #373b3c;}
.footerTerms a {}
.footerTerms a:hover {}
.footerTerms strong { color:#FFF;font-size: 16px;}
.footerCitr {text-align:right;font-size: smaller;color: #373b3c;}
.footerCitr a {color:#1994b7;text-decoration:none;}
.backgrounrdsignup { background:url(layout/bgFooter.jpg.html) 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 {border-bottom: 1px solid rgba(129, 195, 122, 0.38);}
.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 { max-width:300px;}
.footerCTA {justify-content: space-between;}
.footerCTA>div { padding:16px}
.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 {
-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;}
.CTAFooter a:hover span, .CTAFooter a:hover span p {color:#1994b7}
/* -- CSS Nav Banners */
.CSSnavBanner li {list-style:none;position: relative;}
.flexslider a.CSSParent { border-bottom: 0;}
.flexslider a.CSSChild { border-bottom: 0;}
div.bannerTxtCtr {background:rgba(0,0,0,0);color: cornflowerblue;position:relative;width:100%;height:100%;-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;text-shadow: 1px 1px 0 #000000;color:#fff;z-index: 1;}
div.bannerTxtCtr:hover {/* background:rgba(0,0,0,0.6); */}
div.bannerTxt {display: block;line-height: 3em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;padding: 32px;position: absolute;bottom: 6%;left: 0;width: 100%;text-align: center;}
.hmSlider div.bannerTxt {white-space: normal; text-overflow: inherit;overflow: visible;}
.bannerTitle {font-size: 38px;display: block;margin: 0;padding: 0;line-height: 100%;font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: -3px;line-height: 150%;margin-bottom: 16px;}
.bannerDesc, .bannerDesc p {display: block;padding:0;margin:0;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;color: #ffffff;font-size: 14px;letter-spacing: 2px;text-transform: uppercase;}
div.bannerTxtCtr:hover .bannerDesc, div.bannerTxtCtr:hover .bannerDesc p {padding:0;margin0;}
.bannerDesc:after {color: #1994b7;height: 1px;content: "";display: block;border-top: 1px solid;width: 25px;margin: 16px auto 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;}
.bannerDesc:before {height:32px;width:32px;color:white;border-radius:50%; text-align:center;background: rgba(100, 149, 237, 0.4);margin: 0 8px 0 0;padding: 6px;position: relative;top: 0px;}
div.CSSnavBanner a.CSSChild { border-bottom: none }
.hmSlider .flex-control-nav {bottom:16px;}
.bannerView {text-transform:uppercase;letter-spacing: 2px;font-size: small;border: 1px solid;padding: 10px 18px;}
a:hover .bannerView { background-color: #ffffff; color: #3e3e3e; text-shadow: none}
.CTACover:before {-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;}
.CSSnavBanner a:hover .CTACover:before {background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.6) 100%);}
.CSSnavBanner a:hover .CTACover:before {background: rgba(27, 27, 27, 0.8);}
.CSSnavBanner a:hover .bannerDesc:after {width: 50px;}
.col-3 .bannerTitle { font-size:28px}
/* -- Homepage general */
.flexslider { position:relative}
.flexslider div ul li {margin-right:16px;border: 1px solid #efefef;}
.CTACover:before {content: " ";width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0;background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.3) 100%);}
#hmBillboard{-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
#hmcollage {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
#hmPR1 {-webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-order:0; order: 0; }
#hmIntro {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
/* 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);}
#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; 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;}
.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 */
.FAFFilters.filter-is-visible { display:flex !important;}
#LP1 {-webkit-box-ordinal-group: 1 ; -moz-box-ordinal-group: 1 ; -webkit-order: 1 ; order: 1 ;} /* Department */
#LP2 {-webkit-box-ordinal-group: 11 ; -moz-box-ordinal-group: 11 ; -webkit-order: 11 ; order: 11 ;} /* Activity */
#LP3 {-webkit-box-ordinal-group: 5 ; -moz-box-ordinal-group: 5 ; -webkit-order: 5 ; order: 5 ;} /* Product Group */
#LP4 {-webkit-box-ordinal-group: 10 ; -moz-box-ordinal-group: 10 ; -webkit-order: 10 ; order: 10 ;} /* Material */
#LP5 {-webkit-box-ordinal-group: 2 ; -moz-box-ordinal-group: 2 ; -webkit-order: 2 ; order: 2 ;} /* Department Levels 1 */
#LP6 {-webkit-box-ordinal-group: 3 ; -moz-box-ordinal-group: 3 ; -webkit-order: 3 ; order: 3 ;} /* Department Levels 2 */
#LP7 {-webkit-box-ordinal-group: 4 ; -moz-box-ordinal-group: 4 ; -webkit-order: 4 ; order: 4 ;} /* Department Levels 3 */
#LP8 {-webkit-box-ordinal-group: 6 ; -moz-box-ordinal-group: 6 ; -webkit-order: 6 ; order: 6 ;} /* Product Group Levels 1 */
#LP9 {-webkit-box-ordinal-group: 7 ; -moz-box-ordinal-group: 7 ; -webkit-order: 7 ; order: 7 ;} /* Product Group Levels 2 */
#LP10 {-webkit-box-ordinal-group: 8 ; -moz-box-ordinal-group: 8 ; -webkit-order: 8 ; order: 8 ;} /* Product Group Levels 3 */
#LP11 {-webkit-box-ordinal-group: 9 ; -moz-box-ordinal-group: 9 ; -webkit-order: 9 ; order: 9 ;} /* Brands */
#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 */
/* -- CONTACT PAGE */
.contactForm {}
.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;}
.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 {}
.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;}
.blog-pagination {width: 100%;width: 100%;text-align: center;float: left;}
.blog-pagination a {text-decoration:none;}
.blog-pagination a:after, .blogBlogContainer > div.blog-pagination a:before {font-family:'FontAwesome';}
.blog-pagination a.archivenext {margin: 8px;}
.blog-pagination a.archivenext:after {content: "\f054";margin: 0.25em 0 0 16px;}
.blog-pagination a.archiveprev {margin:0 0 1em 0}
.blog-pagination a.archiveprev:before {content: "\f053";margin: 0 16px 0.25em 0;font-family: 'FontAwesome';}
.blog-pagination a[disabled="disabled"] {display:none;}
.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 h3 {margin: 2em 0 0.25em 0;}
.archiveContent h4 {}
.archiveContent a {display: inline-block;background: #efefef;padding: 8px 16px;margin: 0 4px 8px 0;}
#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 p {float:left;margin:0 1em 0 0;font-size: small;}
.large-article-content img {max-width:100%; height:inherit;}
.large-article-content {word-wrap: break-word;margin-bottom: 56px;}
.blogSnipImg {float: left;width:20%;}
.blogSnipText {float: left;width:80%;padding-left: 32px;}
.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%;height:48px;display: inline-block;color: #333;font-size:20px;padding: 16px 32px 16px 0;text-align: center;}
.shareAreaBlog .linkTwitter:before {/* background: #00aced */}
.shareAreaBlog .linkFacebook:before {}
.shareAreaBlog .linkGoogle:before {}
.blogRightSearch {margin:0 0 2em 0}
.blogRightSearch h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogSearch {position:relative;}
.blogSearch #blogSearchInput {background: #fff;width: 100%;height: 42px;padding: 14px 7px;}
.blogSearch #blogSearchButton {position: absolute;top: 0px;right: 0;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;padding: 1em 1em 1em 0em;text-decoration:none;border:0;font-size: smaller;}
.blogRightRecent a:hover {}
.blogRightRecent a span {width:0;width: 0;display: none;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;}
.blogRightRecent a:hover span {}
/* -- 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 {
font-family: 'robotobold';
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:13px;}
.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 {font-family: inherit;}
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 {color: #b9b9b9;}
.videoText> span { display:block; padding:8px}
/* -- Hide this image on Desktop Viewports */
div.mobileImage { display: none }
/* -- Add to Basket Grid */
#addBasketAnchor { padding: 16px }
/* -- Add to Basket Grid ----- */
.addToBasketArea {padding: 32px;border-left: none !important;border-right: none !important;}
div.addMobile { display: none; }
div.addDesktop {display: block !important;overflow: hidden;/* padding: 56px; */}
.clAttributeGridContainer {margin: 0 auto;}
.attRow { margin: 0 0 16px 0;background: #FFFFFF; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%;-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: center;flex-direction: row;}
.attRow:hover {background: #FDFCFC;}
.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 }
#attName {order: 2;width: 50%;}
#attYTP { order: 3; flex-grow: 0; vertical-align: middle }
#attPrice {order: 4;flex-basis: auto;}
#attStockMessage {order:5;background: #f0fae0;flex-grow: 1;text-align: left;}
#attStockLookup {order:6;background: rgba(172, 211, 115, 0.30);text-align: center;.StoreLookup {text-decoration: none;color:#44c5d8;cursor:pointer;display:inline-block;} .StoreLookup:hover {color: #00b1cd;} .StoreLookup:before {font-family:'FontAwesome';content:'\f041';margin:0 4px 0 0;}.StoreLookup {text-decoration: none;color:#44c5d8;cursor:pointer;display:inline-block;} .StoreLookup:hover {color: #00b1cd;} .StoreLookup:before {font-family:'FontAwesome';content:'\f041';margin:0 4px 0 0;}}
#attQty {order: 7;min-width: 125px;text-align: left;position: relative;}
#attAdd {order:8;background: #acd373;text-shadow: 1px 1px #9cbc6f;text-align: center;position: relative;color: #fff;text-transform: uppercase;letter-spacing: 1px;flex-grow: 1;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;}
#trOutofStock { display:none}
.out-of-stock #trOutofStock {padding:9px; order:8; background: #FFF2F0;flex-grow: 1;display: flex !important;position: relative;}
.out-of-stock #attStockMessage {order:5;background: #FFF2F0;display: flex !important;text-align: center !important;}
.out-of-stock #attAdd {display:none;}
.out-of-stock #attStockLookup { display:none !important}
#trOutofStock input:first-child { border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;/* padding: 10px; */font-size: 18px;height: 48px;/* margin:8px; */text-align: left;/* width: 100%; *//* top: 10px; */right: 9px;vertical-align: middle;flex-grow: 1;text-indent: 14px;font-size: 15px;width: 285px;}
.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: 48px; position: absolute;right: 10px;background-size: 32px;}
.button-outofStock:hover {background-color: #3B729C; color:#fff} {background-color: #3B729C; color:#fff; border: 1px solid #3B729C;}
.NotifyWarning {width: 100%;background: rgb(245, 84, 71);color: #FFFFFF;line-height: 320%;text-align: center;}
.button-outofStock: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: 30px;height: 30px;}
@-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);}}
.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 {color: #f54f36; width: 100% }
.BackOrderCSS {}
.locate { display: block; float: right; text-align: center; padding: 0 16px;}
.StoreLookup {text-decoration: none;color: #5087B2;cursor:pointer;display:inline-block;}
.StoreLookup:hover {color: #00b1cd;}
.StoreLookup:before {font-family:'FontAwesome';content:'\f041';margin:0 4px 0 0}
.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;}
#attOutStock {order: 9;padding: 0;background: #FFF2F0;padding: 9px;flex-grow: 1;}
#trOutofStock, #trOutofStockAjax { display:none}
.out-of-stock #trOutofStock, .out-of-stock #trOutofStockAjax {padding:9px; order:8; background: #FFF2F0;flex-grow: 1;display: flex !important;position: relative;}
.out-of-stock #attStockMessage {order:5;background: #FFF2F0;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;text-indent: 14px;font-size: 15px; background-color: white;}
.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; */right: 0;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;}
#storelookupresults {text-align:left;width:40vw;margin-left:auto;margin-right:auto;background: #fff;padding: 32px;display: table;}
.cncTitle {display:none;}
#storelookupresults h3 {margin:0;padding:0;font-size:1.3em;}
#storelookupresults p {margin:8px 0 16px 0;padding:0 0 16px 0;border-bottom:1px solid #eaeaea}
#storelookupresults .col-1 {font-size:12px;line-height:18px;border-bottom: 1px solid #f4f4f4;padding: 0 0 16px 0;margin: 0 0 16px 0;}
#storelookupresults .col-1 h4 {font-size:12px;letter-spacing:0.1em; text-transform:uppercase}
.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}
.cncFooterTxt {float:left;width:100%;display: block;font-size:15px;line-height: 1.6em;}
.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:initial !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;}
/* 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 {background: #4E9A14;color: #fff;margin: 0 0 0 0;background: url('layout/rewards/cr.svg') no-repeat #8EC640 0 50%;display: flex;align-items: center;padding: 0 16px 0 44px;}
div.crValueCtr span { text-align: center;display: inline-block;color: #FFFFFF;font-weight: 700;letter-spacing: 2px;font-size: small;width: 100%;}
div.crTextDesc {font-size: small;line-height: 150%;background: #FAFAFA;padding: 8px 16px;}
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: 'roboto'; 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%;text-align: center;}
.financeTxtPosSub {/* font-weight: bold; */font-size: 12pt;color: #1994b7;text-decoration: none;display: block;clear: right;margin-bottom: 16px;}
.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: #ffffff;}
.financeStep1 {border-right: 1px solid #e2e2db;}
.financeStep1 h3 {border-bottom: 1px dotted #CAD3E2;margin:0 0 16px 0;padding:0 0 16px 0;letter-spacing: -1.5px;}
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;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;letter-spacing: -1.5px;}
.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.html)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.financeStep3 {margin:16px 0 0 0;border: 1px solid #e2e2db;background: #ffffff;}
.financeStep3 h3 {/* color:#01cd82; */border-bottom: 1px dotted #cfd0cc;margin:0 0 16px 0;padding:0 0 16px 0;letter-spacing: -1.5px;}
.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: #aab724;display:block;margin: 26px 0;font-size: 60px;}
.provider {background: #f8f9f0;/* 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 */
.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: 8px;height: 8px;display: block;background: none;background: rgba(188,178,169,0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.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;}
.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;}
/* Product General */
.productPageTop {display: flex;flex-wrap: wrap;align-content: center;/* padding: 56px 0; */background: #fff;}
.bigImg {}
#prodInfoLeft {}
.icon-container {margin:0;padding: 16px 0;}
.icon-container li {list-style: none;display: inline-block;margin: 3px;}
#prodInfoRight {display: flex;flex-wrap: wrap;align-items: flex-start;text-align: center;align-content: center;flex-grow: 1;justify-content: center;}
#firstdetails {padding: 0 32px;}
.bigImg {position:relative;}
.bigImg .MIV {height:100% !important;}
.bigImg .brandImg {margin:16px;position:absolute;z-index: 1;top: 0;left: 0;}
.brandImg {display:block;margin-bottom: 16px;}
.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 {-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;background-size: contain !important;}
.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: 'robotobold';display: block;}
.accordianHeader > h3 {float:left;margin: 0;}
.accordianHeader > span.fa-unsorted {float: right !important;color: #939597;margin-right: 16px;}
.accordianCtn {width:100%;float:left;margin-top:32px;}
.season {display: block;border-bottom:1px dotted #e1e1e1; margin:0 0 16px 0;padding:0 0 16px 0;-webkit-column-span: all; column-span: all; }
.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}
.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;}
.accordianCtn p, .accordianCtn table { display:none}
.accordianCtn p:first-of-type { display:initial}
.returnsDetail * {display:none;}
.returnsDetail>p:first-of-type, .returnsDetail>p:first-of-type * {display:initial;}
/* 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: #d5e9ef;overflow:hidden;line-height:150%;margin: 16px 0 0 0;color:white;color: #1994b7 !important;}
.prelaunch a {color: #105467;}
.prelaunch a:hover {}
.prelaunch a:before {font-family:'FontAwesome';content:'\f128';background: #168bac;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:#168bac;}
.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 {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 {}
.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;margin-bottom: 16px;}
.detailSize table tr {}
.detailSize table tr td, .detailSize table tr th {border:1px solid #e1e1e1;padding:3px 0;background: #fff;}
.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: #ffffff;}
/* 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}
/* 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;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: small;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: #A0A0A0;}
.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: 1em 0;text-align: center;}
.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%);}
/* -- Flexible repeaters -- */
.item-repeater-container {}
/*.item-repeater-outer:first-of-type {padding-left: 0px !important;}
.item-repeater-outer:last-of-type {padding-right: 0px !important;}*/
.item-repeater-inner { outline: 1px solid #E8E8E8; text-align:left;background: white;}
/*.item-repeater-inner:hover { backgroun:#E0E0E0}*/
.item-repeater-inner .flipme {/*border: 1px solid #DCD9D9;*/}
.item-repeater-info {width:100%;float:left;padding: 32px;min-height: 200px;background: rgba(255, 255, 255, 0.64);}
.item-repeater-info-name {font-size: 15px;color:#2e3236;min-height: 90px;}
.item-repeater-info span[id*="lblDiscounttext"] {width:100%;display:inline;}
.item-repeater-inner .saleIcon-repeater {position:absolute;top:16px;right:16px;font-family:'FontAwesome';}
.item-repeater-inner .saleIcon-repeater:before {/* content:'\f295'; *//* background:tomato; */color:white;text-align: center;line-height: 32px; border-radius:100%;width: 32px;height: 32px;display: block;}
.item-rewards {/* background: url('/layout/rewards/cr.svg') no-repeat; *//* background-position: -8px -8px; */background-size: 32px;/* display: inline; */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;}
/*.item-repeater-outer:hover .item-repeater-inner {background: #E8E8E8;}*/
.Recent {display: flex;flex-wrap: wrap;margin-bottom: 32px;}
.Recent .blogSnipText {display: none;}
.Recent .blogSnipImg{order: 1;float: left;width: 100%;}
.Recent p {order: 3;}
.Recent>a { display: none}
/* 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>div {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: stretch;flex-wrap: wrap;}
.siteMap .NodeLevel0 {float: left;width: 33.33%;margin: 0;}
.siteMap .NodeLevel0 > a {margin:0 0 8px 0;padding:0;}
.siteMap .NodeLevel0 > a >span { color:#000}
.siteMap .NodeLevel1 {width: 100%;padding: 0 0 8px 0;}
.siteMap .NodeLevel1 > a {margin:0 0 8px 0;padding:0;text-transform: capitalize;}
.siteMap .NodeLevel2 {width:inherit;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.html) 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;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;}
.nowPrice-repeater {color: #707070;display: inline-block;color: #484848;font-size: 16px;width: 100%;font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
.nowPrice-repeater::first-letter { font-size:14px; margin-right:2px;}
.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: 21px 3px 0;display: inline-block;zoom: 1; *display: inline;}
/* --- Custom Styles and Overrides */
.productPriceBlock {display: flex;}
.productPriceBlock>div {margin: 0 auto;width: auto;}
.fixedBox {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 16px;}
.priceBlock {/* border-bottom: 1px solid #d1d4d6; *//* padding: 0 0 16px 0; */margin: 16px 0 0;}
.priceBlock>.pricing {
min-height: inherit;
margin-bottom: 16px;
}
.pricing div {display: inline-block;}
.detail>span:first-child{display:inherit !important;font-size: larger;}
span.nowPrice {font-family: 'robotobold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
span.standardPrice {color: #8e8e8e;text-decoration: line-through;display: inline-block;padding: 0 16px;}
span.standardPrice:before {content:'Was'; font-size:smaller; margin-right:0.25em}
.detail>span:first-child::first-letter, span.standardPrice::first-letter { font-size:14px !important; margin-right:2px;}
.percentOff { color: tomato;}
.iGscPrice {text-align: right;}
.iGscPrice ul {}
.iGscPrice ul itemtemplate {}
.iGscPrice .currencylistitem-DEV {/* display: flex; *//* align-items: center; */}
.iGscPrice .isoFlag {float: right;order: 2;padding: 0;margin: 4px 0 0 7px;}
.iGscPrice .valueContainer {order: 1;}
.iGscPrice .currencyConverted {font-family: 'roboto';font-size: 1em;font-weight: normal;}
.iGscPrice .currencyCode {display: none;}
.currencyMain {/* width: 80%; */margin: 0 auto;}
.currencyMain {}
.currencyMain ul {width:100%; display:block;}
.currencyMain .currencylistitem-DEV {float:none !important; display:inline-block; padding:0.5em; width: 120px;}
#tagAlongPanel > div {padding:16px;background:#fff;float: left;width: 100%;}
#tagAlongPanel h2, #tagAlongPanel h3, #tagAlongPanel h4, .taOuter h2, .taOuter h3, .taOuter h4 {letter-spacing: normal;}
#clTagAlongPromoter1_panCatDollar .taprice::before {content: "RRP: "; text-align: left; margin-right: 8px;}
#clTagAlongPromoter1_lblCatDollar, #clTagAlongPromoter1_lblCatPercent {display: none;}
span.nowPrice-betterSearch {color: #2F2524;}
span.standardPrice-betterSearch {color: #7F8490;text-decoration: line-through;}
span.percentOff-betterSearch {color: tomato;}
/* 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;}