/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********* F R A M W O R K ********* */
/* *********************************** */
/* *********************************** */
div.wrapper { width: 100%; float: left }
div.wrapper:after { content: ""; display: table; clear: both }
div.grid { width: 100%; margin: 0 auto; padding: 0 }
div.grid:after {content: "";display: table;clear: both;}
div.container { float: left; width: 100%; margin: 0;}
div.container:after { content: "";display: table;clear: both;}
[class*='col-'] {padding: 0;float: left;}
.col-1 { width: 100% !important}
.col-2 { width: 50% !important}
.col-3 { width: 33.33% !important}
.col-4 { width: 25% !important}
.col-5 { width: 20% !important}
.col-6 { width: 16.66% !important }
/* -- No col-7's, they're filthy -- */
.col-8 { width: 12.50% !important}
.col-9 { width: 11.11% !important}
.col-10 { width: 10% !important}
/* -- No col-11's, they too are disgusting -- */
.col-12 { width: 8.33% !important}
.col-90p { width: 90% }
.col-80p { width: 80% }
.col-75p { width: 75% }
.col-70p { width: 70% }
.col-66p { width: 66.66% }
.col-60p { width: 60% }
/* -- You don't need a col-50, we have col-5 for that -- */
.col-40p { width: 40% }
.col-30p { width: 30% }
.col-25p { width: 25% }
.col-20p { width: 20% }
.col-10p { width: 10% }
/* -- Col-268 is used for products and blogs, it is the best fixed-width under all circumstances -- */
.col-268 { width: 268px; margin: 16px; float: none; display: inline-block }
/* -- Centralise Repeater Items in Container by adding this class to the parent -- */
.centralise { text-align: center }
/* -- This style enables the jQuery to target and address the element height -- */
div.imgCtr, div.imgCtr75, div.imgCtr50, div.imgCtr25 { padding: 0; width: 100% }
/* -- Padding and Margin Options -- */
.ctrPad16 { padding: 16px !important}
.ctrPad8 { padding: 8px !important}
.ctrPad4 { padding: 4px !important}
.ctrMrg16 { margin: 16px !important}
.ctrMrg8 { margin: 8px !important}
.ctrMrg4 { margin: 4px !important}
/* -- Flexible repeaters -- */
.item-repeater-container {display:flex;flex-flow: row wrap;}
.item-repeater-outer {width:20%; display:inline-flex; flex-basis:20%; min-width:20%}
.item-repeater-inner {width:100%;position:relative;}
.item-repeater-inner .flipme {background-size:contain !important;}/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********** Q U E R I E S ********** */
/* *********** M O B I L E *********** */
/* *********************************** */
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767.99px)
{
/* Zesty Responsiveness */
.col-2 { width: 100% !important }
.col-3 { width: 100% !important }
.col-4 { width: 100% !important }
.col-5 { width: 100% !important }
.col-6 { width: 100% !important }
.col-8 { width: 12.50% !important }
.col-9 { width: 11.11% !important }
.col-10 { width: 10% !important }
.col-12 { width: 8.33% !important }
.col-90p { width: 100% }
.col-80p { width: 100% }
.col-75p { width: 100% }
.col-70p { width: 100% }
.col-66p { width: 100% }
.col-60p { width: 100% }
.col-40p { width: 100% }
.col-30p { width: 100% }
.col-25p { width: 100% }
.col-20p { width: 100% }
.col-10p { width: 100% }
.desktop { display:none !important}
.mobile {display: initial !important;}
.matchHeight { display:initial}
.ctrPad32 { padding:16px !important;}
/* Layout - Muliple Location Change one, changes all */
.leftMargin {margin-left: 0px !important;}
.leftPadding {padding-left: 0px !important;}
.topPadding { padding: 0px !important;}
.ctrMrgLeft32 {margin-left: 0px !important;}
.ctrPadLeft32 {padding-left: 0px !important;}
.ctrMrgLeft16 {margin-left: 0px !important;}
.ctrPadLeft16 {padding-left: 0px !important;}
.ctrPadTop32 { padding: 0px !important;}
.ctrPadSide32 {padding: 0 16px !important;}
.ctrPadTop16 { padding: 0px !important;}
.ctrPadSide16 { padding: 0px !important;}
/* Fixed width */
.innerContainer {padding: 16px 16px !important;}
/* General HTML */
html, body {font-size: 14px;}
.columnFlow {-moz-column-count: 1!important;-moz-column-gap: 16px!important;-webkit-column-count: 1!important;-webkit-column-gap: 16px!important;column-count: 1!important;}
h1.categoryDetailsHdr { font-size: 16px !important; line-height: 150% !important }
h1.brandDetailsHdr { font-size: 16px !important; line-height: 150% !important }
.leftMargin {margin-left: 0px;}
.button { width:100% !important}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin:10 0 6px 0 !important }
h1, .h1 { font-size: 20px !important;}
h2, .h2 {font-size: 18px !important;}
h3, .h3 { font-size: 16px !important;}
h4, .h4 { font-size: 14px !important;}
/* Layout - Muliple Location Change one, changes all */
.leftMargin {margin-left: 0px !important;}
.leftPadding {padding-left: 0px !important;}
.flexslider .flipme {height: 50vh !important;}
/* Header */
.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
.logo {display:inherit !important;}
.mobileHomeLink {display:block !important;}
#CustomerRewardsDisplay1-dev {}
.tMenuLinks {float:none; width:100%;text-align: center;}
.tMenuLinks a {height:64px; color:#555; font-size:1em;overflow:hidden; display: inline-block; vertical-align: bottom;width: 25%;}
.tMenuLinks a span.tLinktext {display:none;}
.tMenuLinks a span.tLinktextM {display:block;width:64px; height:64px;}
.menuOptions {border-left: none !important;padding: 7px 0 0 0;margin-top: 7px;border-top: 1px solid #efefef;}
.topNavMenuContainer .toggleNavCtr, .topNavMenuContainer .toggleSearchCtr, .topNavMenuContainer .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {font-size: 1em !important;margin-left: 0px !important;width: 38px !important;}
.navIcons>div, .navIcons>a {height: 47px !important;}
.navOption {nt; */background-position: lef !important;margin: 0 !important;}
div.srchCtr input {border: 1px solid #676771 !important;height: 48px !important;line-height:32px !important;margin: 8px 0 !important;}
.searchButton, div.srchCtr a.searchButton {margin: 1px !important;line-height: 60px !important;padding: 0 8px;}
div.srchCtr {padding:0 !important;display:none;}
div.srchCtr #TopBanner1_clSearch1_containerSearch {max-width: 100% !important;}
.logoContainer {
/* position: absolute; */
top: 0;
left: 0;
}
.navIcons {
position: absolute;
right: -8px;
top: 4px;
}
div.srchCtr .open {}
.toggleNavCtr:before {display:none;}
.toggleNavCtr {padding:0 !important}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}
#basketPip {font-size: 8px !important;width: 15px !important;height: 15px !important;line-height: 15px !important;right: 11px !important;}
.cta li { text-align: center !important}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
.primaryNav {display:inline-block !important;vertical-align: text-bottom;position: relative;}
/* Footer */
.footerLinks {margin:0}
.newsletter-footer, .newsletter-footer-submit {font-size:1em;line-height: 33px;}
.customerSupport a {font-size:1em;text-align:right;}
.customerSupport a:first-of-type {border-bottom:1px dotted #bf4a35;}
.customerSupport a span {float:left;}
div.cards .col-2 {height:28px; margin-bottom: 16px; text-align:center}
div.cards .col-2:first-of-type {height: auto;}
div.cards span {line-height:28px;text-align:center;}
div.cards div.fa-cc-visa {float:none;}
div.cards div.fa-cc-mastercard {float:none;}
div.cards div.fa-credit-card {float:none;}
div.cards div.fa-cc-paypal {float:none;}
.footerTerms, .footerCitr {text-align:center}
.footerTerms {padding-bottom:16px;margin-bottom:16px;}
.footerLinks {margin:0;width: 50% !important;}
.footerLinks:last-of-type { width:100% !important;}
.newsletter-footer, .newsletter-footer-submit {font-size:1em;line-height: 33px;}
.customerSupport a {font-size:1em;text-align:right;}
.customerSupport a:first-of-type {border-bottom:1px dotted #bf4a35;}
.customerSupport a span {float:left;}
div.cards .col-2 {height:28px; margin-bottom: 16px; text-align:center}
div.cards .col-2:first-of-type {height: auto;}
div.cards span {line-height:28px;text-align:center;}
div.cards div.fa-cc-visa {float: none !important;}
div.cards div.fa-cc-mastercard {float:none !important;}
div.cards div.fa-credit-card {float:none !important;}
div.cards div.fa-cc-paypal {float:none !important;}
.footerTerms, .footerCitr {text-align:center;text-align: center !important;}
.footerTerms {padding-bottom:16px;margin-bottom:16px;text-align: center !important;}
/* Homepage CSS Nav Banners ----- */
.hmSlider>.slides>li>a>div,.hmSlider>.slides>li:nth-child(1)>a>div,.hmSlider>.slides>li:nth-child(2)>a>div,.hmSlider>.slides>li:nth-child(3n)>a>div {width:100%;border-right:none;}
.bannerTitle {font-size: 12px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bannerView { display:none}
div.bannerTxt {width:100% !important;}
.hmSlider .flex-control-nav, .bannerDesc {display:none;}
div.bannerTxtCtr:hover .bannerDesc { display: none;}
.bannerDesc:before {display:none;}
.CSSnavBanner {/* margin-bottom:16px; */}
.hmTiles {padding: 8px !important;}
.hmTiles .col-2 .col-2 {width:50% !important;}
.item-repeater-info { padding:8px !important}
/* Naviagtion */
.tMenuLinkMobile,.tMenuLinkMobileLogin, .tMenuLinkMobileSearch { display: table !important; width: 33.33% !important }
.tMenuLinkMobile:active { background: whitesmoke }
.tMenuLinkMobileSearch:active { background: #DDECE1 }
.tMenuLinkMobile span, .tMenuLinkMobileLogin span, .tMenuLinkMobileSearch span { display: table-cell; vertical-align: middle }
.tMenuLink1, .tMenuLink2, .tMenuLink3, .tMenuLink4, .tMenuLink5, .tMenuLink6, .tMenuLink7 { display: none !important }
.tMenu1, .tMenu2, .tMenu3, .tMenu4, tMenu5, .tMenu6, .tMenu7 { display: none !important }
.mHeader { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
.mSrch { background: #DDECE1 !important; padding: 0 }
.mLink { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
.mBrands .col-2 { width: 50% !important; font-size: 0.8em }
.mQuickLinkHdr { background: #252627; color: white; padding: 16px; font-size: 0.8em }
.mQuickLinkCtr { border-bottom: 1px solid #e5e5e5 }
.mQuickLinkCtr .col-4 { width: 33.33% !important }
.mQuickLink { background: #efefeb; color: #555; padding: 16px; font-size: 0.8em }
.mQuickLink span { padding: 0 0 3px 0; border-bottom: 1px solid #9d9d9d }
.fa-chevron-down { position: relative; top: -1px }
.navHighlight { background: #efefeb; color: #555 !important }
.loginHighlight { background: #efefeb; color: #555 !important }
.srchHighlight { background: #DDECE1; color: white !important }
.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
.logo {
max-width: 100px !important;
}
.mobileHomeLink {display:block !important;}
.mobileOnly {display:inherit !important;}
.desktopOnly { display:none !important}
#CustomerRewardsDisplay1-dev {}
.tMenuLinks {float:none; width:100%;text-align: center;}
.tMenuLinks a {height:64px; color:#555; font-size:1em;overflow:hidden; display: inline-block; vertical-align: bottom;width: 25%;padding: 0 !important;}
.tMenuLinks a span.tLinktext {display:none;}
.tMenuLinks a span.tLinktextM {display: inline-block;width:64px; height:64px;}
.srchCtrClose { width: 50px !important;height: 51px;top: 5px;line-height: 51px;}
.SearchCtrOpen {
margin: 3px 0 0 8px;
}
/* Homepage */
.flex-direction-nav li a { display:none !important}
/* -- Flex banners */
.hmTiles .ctrPad16, .CSSnavBanner.ctrPad16 {padding: 8px !important;}
/* Contact Form */
.mapCover {display: block !important;z-index: 3;position: absolute;}
/* Shipping Page */
.shippingMobileOnly {display:block;}
/* Blog */
.blogRightColumn {padding:0px;}
.large-article-box { position: relative; top: -62px;}
.large-article-header h1 {font-size:1.5em; margin:0 0 0.5em 0;}
.large-article-header p {float:none; margin:0.5em 0}
.blogSearch #blogSearchButton {top: 3px; right: 3px;}
.shareAreaBlog, .blogRightSearch, .blogRightCloud, .blogRightRecent {margin:0; font-size:0.8em}
/* Star Buys Page */
.taOuter {padding:0 !important;}
.taTitleContainer h1 {font-size:1.5em;}
.taTitleContainer h2 {font-size:1em;}
.taTitleContainer h1 span {display:block;}
.taMultiItemRepeaterImageContainer {border-bottom:1px solid #e1e1e1; border-right:none;}
.taMultiItemRepeaterContentContainer {}
.taclAttributeGrid {padding: 0.5em 0;}
.taname {line-height: 24px !important;padding: 16px 0 !important;}
.taRepeatContainerOuter > .col-3 {flex-basis:100% !important;width:100% !important;}
.taclAttributeGrid li {width:100%;text-align:center;}
/* Shopping Cart */
.ccartcontrol tr .ContentTableHeader {font-size:1em;}
.ContentTableHeaderNone a {margin-bottom:1em;width:100%;text-align:center}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .ContentTableHeader:nth-child(6) {display:none;}
.ccartcontrol tr .Content:nth-child(4), .ccartcontrol tr .Content:nth-child(6) {display:none;}
.voucherBox {margin:1em 0 0 0;padding:0;}
.metaPack ul li .metaPackMessage span {color: black;display:block}
.metaPack ul li .metaPackSelect {top:17px}
.updateQty {float:none;}
.updateQty span {margin:0.5em 0}
.updateQty span, .updateQty a {width:100%; text-align:center}
.orderTotal a {display:none;}
.orderTotal table {float:none;width: 100% !important;}
.Order-Total-text {display:none;}
.orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {display:block; width: 100% !important;margin: 0 !Important;text-align: center !important;}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {text-align:left;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {display: inline-block;margin-left: 0.5em;}
.currencyShoppingCart ul li {width: 50% !important;}
.bottomBasketButton a {text-align:center; width:100%;}
.ccartcontrol {padding:0 !important; margin-bottom:16px; }
/* Product Page */
.productPageTop {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
#storelookupresults {width:100%;}
#prodInfoLeft {border-right:none;}
#prodInfoRight {border-right:none;}
.mobileproduct {}
.mobileproduct .brandlogo {display:inline-block;height: 62px;width: 64px;border:1px solid #e3e3e3;background-size: contain !important;}
#firstdetails {text-align: center;padding: 0;}
.accordianBox {padding: 16px 0;}
.detailBrowseSimilar {padding:16px;}
.detailBrowseSimilar h2 {display:block;margin: 0 16px 16px 16px; border-bottom: 1px solid white;padding: 0 0 16px 0;}
.detailBrowseSimilar .pdlp li {font-size:1em;display:block;}
.detailBrowseSimilar .pdlp li a {height: 24px; line-height: 24px;}
span.starsLarge {display:none;}
.reviewContainerCopyField div textarea {min-width: 100%;}
div.faqAvatarCtr div.avatarImg {float: none;}
div.faqAvatarCtr div.avatarHdr {margin-left: 0;}
#prodInfoLeft {border-right:none;}
.flexsliderMIVThumbnails {display:none;}
.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;}
.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}
.flexsliderReviews .flex-control-nav {display:block !important;}
div.mobileImage { display: block }
div.addMobile { display: block }
.clAttributeGridContainer {}
div.hideFinanceOnMobile { display: none }
div.filter a:hover { background: none; color: #fff }
div.reviewComment { height: auto !important; overflow: visible !important }
div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: none !important }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: block!important }
div.mainDescAvatarCtr div.avatarMotto { display: none !important }
#MIVPanel .col-6 {width:50% !important;}
#storelookupresults {margin-top:96px;}
div.customerRewardsCtr {flex-wrap:wrap;}
div.crValueCtr, div.crTextDesc {width:100%;padding: 8px 16px;background-position: 25% 50%;}
#storelookupresults .cncStore {display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;flex-wrap: wrap;jflex-direction: row;}
#storelookupresults .cncStore>div {order:2;}
.cncQty {text-align:left !important;order:1 !important;}
.cncAvail, .cncUnAvail {border-bottom:1px dotted rgba(0, 128, 0,0.5);padding:0 0 8px 0;margin: 0 0 8px 0;width: auto !Important;}
.fixedBox {margin:16px 0 8px 0}
.currencyMain .currencylistitem-DEV {display:block;float: left !important;width: 50% !important;text-align: left;}
.moreImgs > div > a {width: 50% !important;}
/* Finance */
div.financeRecommendation { display: block; width: 100%; padding: 16px; background: lavenderblush; color: tomato }
/* Sitemap */
.siteMap>ul>li {width:100%;}
/* Brand Page */
.brandLanding a {display:block;}
.brandPageLogo {display:none;}
/* Fancy Box */
#fancybox-content {top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
/* Better Search */
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:50%; min-width:50%;width:50%;}
.item-repeater-info-name, .item-repeater-inner span[class*="Price"] {font-size:13px !important;}
/* -- Add to Basket Grid */
#attName {min-width: 50%;}
/* Responsive Menu */
.NodeLevel0 {width:100% !important;flex-basis: 100% !important;min-width: 100% !important;max-width: 100% !important;}
.navIcons .toggleNavCtr {display:block !important}
.complexNavMenu .NodeLevel0 {padding:16px !important;}
.complexNavMenu .NodeLevel0>div {position:relative !important;top:0 !important;display:block !important;background:none !important;padding:0 !important;}
.complexNavMenu .NodeLevel1 {width:50% !important;}
.complexNavMenu .topNavMenu, .complexNavMenu .NodeLevel0 > a:after {display:none !important}
.complexNavMenu .topNavMenu.open {display:block !important}
.NodeLevel0 > a {display: block !important;width: 100% !important;}
.footerLinks .NodeLevel0 {width:100%;padding: 0;margin-bottom: 5px;}
.footerLinks .NodeLevel0 > a {margin:0 !important;padding:0 !important;border-bottom:0 !important;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 {color: #999;/* font-size:14px; */text-decoration:none;width: 100%;clear: both;text-align: left;line-height: 21px;border-bottom:0;margin-bottom: 5px;display: inline-block;width: initial;float: left;}
.footerLinks .NodeLevel0 > a span {color: #999;margin-bottom: 5px !important;}
.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;}
/* Preferences center */
div.elementCtr { width: 100%; }
div.day { width: 50%; height: 48px; margin:0; padding:0 8px 0 0 ; display: block; float:left; }
div.month { width: 50%; height: 48px; display: block; float:left; padding:0 0 0 8px;}
.dayField { width: 100%; height: 48px; font-size: 1em; padding: 0 0 0 8px }
.mthField { width: 100%; height: 48px; font-size: 1em; padding: 0 0 0 8px }
.feetCtr, .inchesCtr {width:50% !important;margin:0;float:left;display:block;}
/* -- Customer product builder --*/
.cpb-standardSpecPrice .now {margin-left: 0;}
.cpb-standardSpecPriceTitle {display:none}
.attImage, .attBlock > div:nth-of-type(2) {display:none !important;}
.attName { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 50%;}
/* Site Map */
.siteMap .NodeLevel0 {float: left;width: 100% !important;margin: 0;}
/* -- Customer product builder --*/
.cpb-standardSpecPrice .now {margin-left: 0 !important;}
.cpb-standardSpecPriceTitle {display:none !important}
.attImage, .attBlock > div:nth-of-type(2) {display:none !important;}
.attBlock > div {font-size:11px !important;}
.attName {width:120px !important;}
.attPrice {padding: 0 8px !important;}
.cpb {width:100% !important;flex-basis:100% !important;padding:8px 0 !important;}
.cpb {border-left:0 !important;}
.cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}
/* -- Customer Rewards Page ----- */
.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
/* Instagram */
.instagramContent li {width: 100%; padding: 8px;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
/* Zesty Responsiveness */
.col-75p, .col-70p, .col-30p { width:100%}
.col-facetItem { width: 33.33% !important; flex-basis:33.33%; min-width:33.33%;width:33.33%;}
.ctrPad32 { padding:16px !important;}
/* Header */
div.srchCtr {padding: 0 16px !important;height: auto !Important;}
.NodeLevel0 {float: left;width:50% !important;text-align: left;flex-basis: 50% !important;min-width:50% !important;max-width: 50% !important;margin-bottom: 16px;}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}
.NodeLevel0:nth-child(2){padding: 0 0 0 16px !important}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
/* Footer */
.footer .leftPadding { padding-left:0px !important}
.footerTerms, .footerCitr {text-align:center}
.footerTerms {padding-bottom:16px;margin-bottom:16px;}
.col-70p > div {margin:0;width: 33.33% !important;}
/* Fixed width */
.innerContainer {padding: 16px !important;}
.innerContainer {padding: 16px !important;}
.innerContainer {padding: 16px !important;}
.leftMargin {margin-left: 16px !important;}
.leftPadding {padding-left: 16px !important;}
.topPadding { padding: 16px !important;}
.ctrMrgLeft32 {margin-left: 16px !important;}
.ctrPadLeft32 {padding-left: 16px !important;}
.ctrMrgLeft16 {margin-left: 16px!important;}
.ctrPadLeft16 {padding-left: 16px !important;}
.ctrPadTop32 { padding: 16px !important;}
.ctrPadSide32 {padding: 0 16px !important;}
.ctrPadTop16 { padding: 16px !important;}
.ctrPadSide16 { padding: 16px !important;}
.hmTiles {padding: 8px !important;}
.hmTiles .ctrPad16 {padding: 8px !important;}
/* Layout - Muliple Location Change one, changes all */
.leftMargin {margin-left: 16px !important;}
.leftPadding {padding-left: 16px !important;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
.standardBSitems .item-bs {flex-basis:50%; min-width:50%;width:50%;}
/* -- Flex banners */
.hmTiles .ctrPad16, .CSSnavBanner.ctrPad16 {padding:8px !important;}
.bannerTitle {font-size:1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.bannerTxt, .hmTiles>.col-2 {width:100% !important;}
/* -- BLOG ----- */
.blogContainer > div { width:50% !important;}
/* -- Add to Basket Grid */
#attName {min-width: 40%;}
#storelookupresults {width:70vw !important}
/* -- Star Buys ----- */
.taRepeatContainerOuter > .col-3 {flex-basis:50% !important;width:50% !important;}
.taclAttributeGrid li {text-align:center;}
.taclAttributeGrid li.taname, .taclAttributeGrid li.taprice, .taclAttributeGrid li.tastock>span {width:100%;}
.taclAttributeGrid li.taadd {min-width:64px;}
/* -- Customer Rewards Page ----- */
.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
/* Shopping Cart */
.FullCartWrap .col-66p, .FullCartWrap .col-3 {width:100% !important;padding: 16px 0 0;}
/* Site Map */
.siteMap .NodeLevel0 {float: left;width: 50% !important;margin: 0;}
/* -- Customer product builder --*/
.attBlock > div {font-size:12px !important;}
.cpb {width:100% !important;flex-basis:100% !important;padding:32px !important;}
.cpb {border-left:0 !important;}
.cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}
/* Instagram */
.instagramContent li {width: 50%; padding: 16px;}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
/* Zesty Responsiveness */
.col-facetItem { width: 25% !important; flex-basis:25%; min-width:25%;width:25%;}
/* Header */
div.srchCtr {padding: 0 32px !important;}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
/* Fixed width */
.innerContainer {padding: 16px !important;}
.innerContainer {padding: 16px !important;}
.leftMargin {margin-left: 16px !important;}
.leftPadding {padding-left: 16px !important;}
.topPadding { padding: 16px !important;}
.ctrMrgLeft32 {margin-left: 16px !important;}
.ctrPadLeft32 {padding-left: 16px !important;}
.ctrMrgLeft16 {margin-left: 16px!important;}
.ctrPadLeft16 {padding-left: 16px !important;}
.ctrPadTop32 { padding: 16px !important;}
.ctrPadSide32 {padding: 0 16px !important;}
.ctrPadTop16 { padding: 16px !important;}
.ctrPadSide16 { padding: 16px !important;}
.hmTiles {padding: 8px !important;}
.hmTiles .ctrPad16 {padding: 8px !important;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:25%; min-width:25%;width:25%;}
.standardBSitems .item-bs {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
/* -- BLOG ----- */
.blogContainer > div { width:33.33%!important;}
/* -- Add to Basket Grid */
#attName {min-width: 30%;}
/* -- Star Buys ----- */
.taRepeatContainerOuter > .col-3 {flex-basis:50% !important;width:50% !important;}
.taclAttributeGrid li {text-align:center;}
.taclAttributeGrid li.taname, .taclAttributeGrid li.taprice {width:100%;}
.taclAttributeGrid li.taadd {min-width:64px;}
/* -- Customer Rewards Page ----- */
.crPageExplain .col-3, .crPageExplain .col-2 {min-width:50% !important;flex-grow:1}
/* Shopping Cart */
.currencyShoppingCart ul li {width:50% !important;}
/* -- Customer product builder --*/
.cpb {width:50% !important;flex-basis:50% !important;padding:32px !important;}
.cpb:nth-child(2n-1) {border-left:0 !important;}
.cpb:nth-child(2n+1):nth-last-child(-n+2), .cpb:nth-child(2n+1):nth-last-child(-n+2) ~ .cpb {border-bottom:0 !important;}
/* Instagram */
.instagramContent li {width: 33.33%; padding: 16px;}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.99px)
{
/* Zesty Responsiveness */
.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
/* Header */
.cta a span{display:none !important}
.cta a div{ display:inline-block}
/* Fixed width */
.innerContainer {padding: 32px !important;}
.leftMargin {margin-left: 32px !important;}
.leftPadding {padding-left: 32px !important;}
.topPadding { padding: 32px !important;}
.ctrMrgLeft32 {margin-left: 32px !important;}
.ctrPadLeft32 {padding-left: 32px !important;}
.ctrMrgLeft16 {margin-left: 32px!important;}
.ctrPadLeft16 {padding-left: 32px !important;}
.ctrPadTop32 { padding: 32px !important;}
.ctrPadSide32 {/* padding: 32px !important; */}
.ctrPadTop16 { padding: 32px !important;}
.ctrPadSide16 { padding: 32px !important;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
.standardBSitems .item-bs {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
/* -- Add to Basket Grid */
#attName {min-width: 30%;}
/* Instagram */
.instagramContent li {width: 25%; padding: 16px;}
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
/* Zesty Responsiveness */
.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
/* Header */
.cta a span{display:none !important}
.cta a div{ display:inline-block}
/* Fixed width */
.innerContainer {padding: 32px !important;}
/* -- Product Repeaters */
.standardBSitems .item-bs {flex-basis:25%; min-width:25%;width:25%;}
.item-repeater-outer {width:16.66%; display:inline-flex; flex-basis:16.66%; min-width:16.66%}
/* -- Add to Basket Grid */
#attName {min-width: 40%;}
/* -- Customer product builder --*/
.cpb:nth-child(3n-2) {border-left:0 !important;}
.cpb:nth-child(3n+1):nth-last-child(-n+3), .cpb:nth-child(3n+1):nth-last-child(-n+3) ~ .cpb {border-bottom:0 !important;}
/* Instagram */
.instagramContent li {width: 25%; padding: 16px;}
.instaproductpics {width: 150px !important; height: 150px !important; top: -64px !important}
}
/* General HTML */
@charset "utf-8";
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
a,a:hover,a:focus{outline:none;text-decoration:none;}
input[type="text"]{-webkit-appearance:none;overflow: hidden;border-radius: 0;background: rgba(255, 255, 255, 0);color: cornflowerblue !important;font-size: initial;}
a img { border:none}
select::-ms-expand {display: none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance:none;text-indent: 0.01px;text-overflow: '';}
.loading { display:none }
.flex-container {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex;}
.flipmeContain { background-size:contain !important;}
/* Integrated Fonts */
@font-face{font-family:'FontAwesome';src:url('/font/fontawesome-webfont.eot?v=4.3.0');src:url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
@font-face{font-family:'FontAwesome';src:url('/font/fontawesome-webfont.eot?v=4.3.0');src:url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/* --- End of Font Awesome --- */
@charset "UTF-8";[class*=" icon-"],[class^=icon-],[data-icon]:before{display:inline-block;font-family:feather;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:feather;src:url(/font/feather-webfont.eot);src:url(/font/feather-webfont.eot?#iefix) format("embedded-opentype"),url(/font/feather-webfont.woff) format("woff"),url(/font/feather-webfont.ttf) format("truetype"),url(/font/feather-webfont.svg#feather) format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}.icon-eye:before{content:"\e000"}.icon-paper-clip:before{content:"\e001"}.icon-mail:before{content:"\e002"}.icon-toggle:before{content:"\e003"}.icon-layout:before{content:"\e004"}.icon-link:before{content:"\e005"}.icon-bell:before{content:"\e006"}.icon-lock:before{content:"\e007"}.icon-unlock:before{content:"\e008"}.icon-ribbon:before{content:"\e009"}.icon-image:before{content:"\e010"}.icon-signal:before{content:"\e011"}.icon-target:before{content:"\e012"}.icon-clipboard:before{content:"\e013"}.icon-clock:before{content:"\e014"}.icon-watch:before{content:"\e015"}.icon-air-play:before{content:"\e016"}.icon-camera:before{content:"\e017"}.icon-video:before{content:"\e018"}.icon-disc:before{content:"\e019"}.icon-printer:before{content:"\e020"}.icon-monitor:before{content:"\e021"}.icon-server:before{content:"\e022"}.icon-cog:before{content:"\e023"}.icon-heart:before{content:"\e024"}.icon-paragraph:before{content:"\e025"}.icon-align-justify:before{content:"\e026"}.icon-align-left:before{content:"\e027"}.icon-align-center:before{content:"\e028"}.icon-align-right:before{content:"\e029"}.icon-book:before{content:"\e030"}.icon-layers:before{content:"\e031"}.icon-stack:before{content:"\e032"}.icon-stack-2:before{content:"\e033"}.icon-paper:before{content:"\e034"}.icon-paper-stack:before{content:"\e035"}.icon-search:before{content:"\e036"}.icon-zoom-in:before{content:"\e037"}.icon-zoom-out:before{content:"\e038"}.icon-reply:before{content:"\e039"}.icon-circle-plus:before{content:"\e040"}.icon-circle-minus:before{content:"\e041"}.icon-circle-check:before{content:"\e042"}.icon-circle-cross:before{content:"\e043"}.icon-square-plus:before{content:"\e044"}.icon-square-minus:before{content:"\e045"}.icon-square-check:before{content:"\e046"}.icon-square-cross:before{content:"\e047"}.icon-microphone:before{content:"\e048"}.icon-record:before{content:"\e049"}.icon-skip-back:before{content:"\e050"}.icon-rewind:before{content:"\e051"}.icon-play:before{content:"\e052"}.icon-pause:before{content:"\e053"}.icon-stop:before{content:"\e054"}.icon-fast-forward:before{content:"\e055"}.icon-skip-forward:before{content:"\e056"}.icon-shuffle:before{content:"\e057"}.icon-repeat:before{content:"\e058"}.icon-folder:before{content:"\e059"}.icon-umbrella:before{content:"\e060"}.icon-moon:before{content:"\e061"}.icon-thermometer:before{content:"\e062"}.icon-drop:before{content:"\e063"}.icon-sun:before{content:"\e064"}.icon-cloud:before{content:"\e065"}.icon-cloud-upload:before{content:"\e066"}.icon-cloud-download:before{content:"\e067"}.icon-upload:before{content:"\e068"}.icon-download:before{content:"\e069"}.icon-location:before{content:"\e070"}.icon-location-2:before{content:"\e071"}.icon-map:before{content:"\e072"}.icon-battery:before{content:"\e073"}.icon-head:before{content:"\e074"}.icon-briefcase:before{content:"\e075"}.icon-speech-bubble:before{content:"\e076"}.icon-anchor:before{content:"\e077"}.icon-globe:before{content:"\e078"}.icon-box:before{content:"\e079"}.icon-reload:before{content:"\e080"}.icon-share:before{content:"\e081"}.icon-marquee:before{content:"\e082"}.icon-marquee-plus:before{content:"\e083"}.icon-marquee-minus:before{content:"\e084"}.icon-tag:before{content:"\e085"}.icon-power:before{content:"\e086"}.icon-command:before{content:"\e087"}.icon-alt:before{content:"\e088"}.icon-esc:before{content:"\e089"}.icon-bar-graph:before{content:"\e090"}.icon-bar-graph-2:before{content:"\e091"}.icon-pie-graph:before{content:"\e092"}.icon-star:before{content:"\e093"}.icon-arrow-left:before{content:"\e094"}.icon-arrow-right:before{content:"\e095"}.icon-arrow-up:before{content:"\e096"}.icon-arrow-down:before{content:"\e097"}.icon-volume:before{content:"\e098"}.icon-mute:before{content:"\e099"}.icon-content-right:before{content:"\e100"}.icon-content-left:before{content:"\e101"}.icon-grid:before{content:"\e102"}.icon-grid-2:before{content:"\e103"}.icon-columns:before{content:"\e104"}.icon-loader:before{content:"\e105"}.icon-bag:before{content:"\e106"}.icon-ban:before{content:"\e107"}.icon-flag:before{content:"\e108"}.icon-trash:before{content:"\e109"}.icon-expand:before{content:"\e110"}.icon-contract:before{content:"\e111"}.icon-maximize:before{content:"\e112"}.icon-minimize:before{content:"\e113"}.icon-plus:before{content:"\e114"}.icon-minus:before{content:"\e115"}.icon-check:before{content:"\e116"}.icon-cross:before{content:"\e117"}.icon-move:before{content:"\e118"}.icon-delete:before{content:"\e119"}.icon-menu:before{content:"\e120"}.icon-archive:before{content:"\e121"}.icon-inbox:before{content:"\e122"}.icon-outbox:before{content:"\e123"}.icon-file:before{content:"\e124"}.icon-file-add:before{content:"\e125"}.icon-file-subtract:before{content:"\e126"}.icon-help:before{content:"\e127"}.icon-open:before{content:"\e128"}.icon-ellipsis:before{content:"\e129"}
/* -- typography */
.cblock { height:100px;}
.code { font-size:small; color:#999; display:block; margin:7px 0}
.article-title {border-top: 1px solid rgba(0,0,0,0.12); margin-bottom: 1.5em !important;overflow: hidden;padding-top: 1.5em;margin: 1.5em 0 !important;}
.fontawesome div { float:left; width:200px; margin-top: 22px;}
.fontawesome div a {display: block;color: #222222;line-height: 42px;height: 42px;padding-left: 10px;border-radius: 4px;text-decoration:none}
.fontawesome div a .fa {width: 32px;font-size: 14px;display: inline-block;text-align: right;margin-right: 10px;}
.fontawesome div a:hover {background-color: #000;color: #ffffff;text-decoration: none;}
.fontawesome div a:hover .fa {font-size: 28px;vertical-align: -6px;}
.fontawesome div>span:first-of-type {display: inline-block;color: #222222;line-height: 42px;height: 42px;padding-left: 10px;border-radius: 4px;text-decoration:none;margin-right: 18px;font-size: x-large;}
.fontawesome div>span:nth-child(2) { display:block}
.fontawesome div>span { font-size:smaller}
.colList div { margin-bottom:7px;}
.regular>li a { display: block; margin-bottom: 6px; border-radius: 5px; padding: 12px; line-height: 1.6em; color: #484848 }
.regular>li a:hover { background: #f2f2f2 }
.regular>li.selected a { background: #ccebf3 }
.fwb {font-weight: 600}
.disc {list-style: disc;padding-left: 15px;}
/* Transitions */
.transition, .button, .flex-viewport, .flexslider, .flex-direction-nav {-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;}
/* FlexSlider */
.flex-container a:active,.flexslider a:active{outline:none;border:0;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flex-viewport {max-height: 2000px; }
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}
html[xmlns] .slides {display: block;padding: 0;margin: 0;}
* html .slides {height: 1%;}
.flexslider{width:100%;position:relative;zoom:1;margin:0;padding:0;}
.flexslider ul { padding:0; margin:0;}
.flexslider .slides > li{position:relative; list-style:none; -webkit-backface-visibility: hidden;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides img{max-width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.flex-container{width:100%;zoom:1;position:relative;}
.flex-caption{background:none;zoom:1;position:absolute;bottom: 0px;color:#666;font-size: 0;line-height: 50px;width:100%;box-sizing:border-box;width: 850px; padding: 0.75em;}
.flex-caption span{text-decoration:none;color: #000;font-weight:normal;margin:0; padding: 7px 14px; background: rgba(255, 255, 255, 0.9); display:inline-block;line-height: 150%; float:left; }
.flex-caption span:first-child { clear:both}
.hmBannerSmallContainer a:hover>.flex-caption>span{background:#00aeef; color: #ffffff;}
.bannerTextsmall { font-size:10px; display:none}
span.Description {line-height:100%;text-decoration:none; font-size: 11px;color: #333;font-weight:normal;margin:0;padding:0; padding: 7px 7px 7px 14px; background: rgba(255, 255, 255, 0.8); line-height: 150%; float:left; clear:both }
span.link {text-decoration:none;color: #00aeef;font-weight:normal;margin:0; padding:3px 7px; line-height: 150%; float:none; margin-left:7px;background: none;}
.flexslider .slides > li a:hover p.flex-caption span.link { background:#00aeef; color:#FFF }
.flexslider .slides > li a:hover p.flex-caption strong{color:#333;}
.flex-direction-nav li {list-style:none}
.flex-direction-nav li a {width: 36px; height: 36px; margin: -13px 0 0; display: block; background: url(/layout/sprite2.png) -116px -740px no-repeat; position: absolute; top: 49%; cursor: pointer; text-indent: -9999px; 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;}
.flex-direction-nav>li> a.flex-next {background: url(/layout/sprite2.png) -162px -740px no-repeat; right: 0; z-index: 2;}
.flex-direction-nav li .flex-prev {left: 0;z-index: 2;}
.flexslider:hover .flex-next {opacity: 0.8; right: 28px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 28px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav li .flex-disabled {opacity: 0; filter:alpha(opacity=0); cursor: default; display:none}
.flex-control-nav {/* position: absolute; */bottom: 7px;text-align:center;z-index: 2;}
.flex-control-nav li {margin: 0 3px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-nav li a {width: 9px;height: 9px;display: block;background: #666;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: rgba(170,160,149,0.7); }
.flex-control-nav li a.flex-active { background: #000; background: rgba(170,160,149,0.9); cursor: default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* END - FlexSlider */
/* fancybox */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px; cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/layout/fancybox/fancybox.png);}
#fancybox-overlay{position:absolute;top:0;left:0;width: 100% !important;z-index:1100;display:none; min-width:100%;}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}
#fancybox-wrap{position:fixed;top: 0 !important;left: 0 !important;z-index:1101;outline:none;display:none;padding:0px;width: 100% !important;height: 100% !important;}
#fancybox-outer{position:relative;width:100%;min-height: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);overflow-y: auto;}
#fancybox-content{height:0;outline:none;position:relative;overflow:hidden;z-index:1102;top: 0;margin: 0 auto;width: 100% !important;padding: 16px;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top: 28px;right: 28px;cursor:pointer;z-index:1103;padding: 23px;display:none;background: rgba(0, 0, 0, 0.8);}
#fancybox-close:before {content:'\f00d';font-size: 24px !important;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px;}
#fancybox-img{max-width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0 auto;padding:0; display:block;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:100%;cursor:pointer;outline:none;background:transparent url(/layout/fancybox/blank.gif);z-index:1102;display:none;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{left:16px;}
#fancybox-right-ico{right:16px;left:auto;}
#fancybox-left-ico:before, #fancybox-right-ico:before, #fancybox-close:before {font-size: 50px;font-family:'FontAwesome';display: block;text-align: center;color: #FFF;}
#fancybox-left-ico:before {content:'\f104';}
#fancybox-right-ico:before {content:'\f105';}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
/* Customer Rewards Page */
.crPageHeader {}
.crPageHeader h1 {margin:8px 0;}
.crPageHeader h2 {margin:0;color:#8dc63f}
.crPageExplain {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;}
.crPageExplain .col-3, .crPageExplain .col-2 {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:stretch;}
.crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {background:#e1e1e1;}
.crHelpMe {background:#f3d3d3 !important}
.crHelpMe h4, .crHelpMe h3, .crHelpMe a {color:#f5373c !important}
.crPagePointsDisplay {background:#e5f0d6 !important}
.crPagePointsDisplay h4, .crPagePointsDisplay h3, .crPagePointsDisplay a {color:#8dc63f !important}
.crPagePointsDisplay .crPointsBalance, .crPagePointsDisplay .crPointsValue {font-size:32px;}
.crPageInfo {margin:16px 0 0 0}
.crPageInfo .warning {color:dodgerblue; background:none; border-left:0; border-bottom:1px solid dodgerblue;padding-bottom:4px;}
.crPageInfo a {display:inline-block;padding:4px 16px;margin:0 8px 8px 8px;border-radius:4px;background:none;border:1px solid #31353E;color:#31353E;-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;}
.crPageInfo a:hover {color:white;background:#8dc63f;border:1px solid #8dc63f;}
.crLinkForm {position:relative;display:inline-block}
.crLinkFormPassword {float:left;}
.crLinkFormPassword > input {-webkit-appearance: none;-moz-appearance:none;appearance:none;height: 34px;border-left: 1px solid #31353E; border-top: 1px solid #31353E; border-bottom: 1px solid #31353E; border-right:0;padding: 0 8px;font-size: 14px;font-family:inherit;-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;}
.crLinkFormButton {float:right;}
.crLinkFormButton > a {margin:0;border-radius: 0;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;height: 34px;line-height: 34px;padding: 0 16px;}
.crLinkFormButton:hover + .crLinkFormPassword > input {border-left: 1px solid #8dc63f; border-top: 1px solid #8dc63f; border-bottom: 1px solid #8dc63f; border-right:0;}
.hdrRewardsTitle {float:left;margin-right:4px;}
.crNotLoggedIn, .crAccNotActive, .crNoAccFound, .crLnkAccounts, .crViewOffers {color: #8dc63f !important;border-bottom: 1px solid #d4d4d4;}
.crNotLoggedIn:hover, .crAccNotActive:hover, .crNoAccFound:hover, .crLnkAccounts:hover, .crViewOffers:hover { color:#7fd805; border-bottom:1px solid #7fd805 }
.detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 }
.detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left }
.detail-custmerRewardsBasket div { float: right }
.CRpointBasket { text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px; margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;}
.CRpointBasket b {color: #4f9a11;}
.CRcopyBasket {text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left }
.crShoppingCart {}
.crShoppingCartHeader {font-size: 24px;color: #6C884D;font-style:normal;text-decoration:none;background: url(layout/rewards/reward-small.png) no-repeat;background-position: 0px 3px; text-align:left;padding: 0px 1em 1em 2em;margin-bottom: 0.5em;}
.crShoppingCartCopy, .crShoppingCartPoints { color:#769355; position: relative; width:100%; line-height: 150%;}
.crShoppingCartPoints {}
.crShoppingCartPoints>input {/* position:absolute; *//* right: 0; *//* top: -43px; */padding-top: 18px;display: block;}
#CustomerRewardsApplyPoints_panPointsApplied { font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%; margin-top: 7px;}
#CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px}
/* Customer Rewards Promotions */
ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 }
ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crCurrentPromo li.crName { font: 21px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a }
ul.crCurrentPromo li.crDescription { font: 12px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa }
ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crFuturePromo li.crName { font: 21px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 }
ul.crFuturePromo li.crDescription { font: 12px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
/* -- Sitemap */
.siteMap>ul {margin:0;padding:0;}
.siteMap>ul>li {width:50%; padding:16px;float:left;list-style:none;}
.siteMap a {border:none;color:#000 !important}
.siteMap>ul>li>a {font-size:1.5em;border-bottom:1px solid #000; margin:0 0 0.5em 0; padding:0 0 0.5em 0;display: block;width: 100%;}
.brandLanding {}
.brandLanding a {display:inline-block; margin:1em 0.5em;text-decoration:none;}
.brandPageLogo, .brandPageLink {display:block; }
.brandPageLogo {outline:1px solid #f7f7f7;width:140px;height:140px;}
.brandPageLink {line-height:1.5em;margin:0.5em 0 0 0;}
/* accordion */
.accordionContent { display: none; background-position: 75px -23px !important; width: 100%; float: left;}
.accordion { outline: 1px solid #dddddd; display: block; clear: both }
.accordion>div { border-bottom: 1px solid #ddd; &:last-of-type}
.accordion>div:nth-last-child(1) { border-bottom: none }
.accordionSelection, .accordionStyle { font-family: 'roboto', Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin: 0; line-height: 150%; }
.accordionSelection { background: url(layout/dropdown-side.png) no-repeat 30px 51% #fff; padding: 21px 28px 21px 66px; display: block; text-decoration: none ; }
.accordionSelection:hover strong { color: #000333; text-decoration: underline }
.accordionSelection.active { background: url(layout/dropdown.png) no-repeat 26px 50% #fff; cursor: default }
.accordionSelection.active:hover strong { color: #000333; text-decoration: none; }
.accordionContent.active { background:#fff !important}
.accordionSelection img { display: inline-block; opacity: 0.5; vertical-align: text-top; margin-right: 2px; }
.accordionSelection.active img { opacity: 1 }
.accordionStyle { padding: 0 56px; height: 1%; overflow: hidden; display: block;}
.accordionStyle div { display:block}
/* Starbuys -------------------------------------------------------------------------------------------*/
.taContainerSmall {background: #FFFFFF;padding: 0px !important;}
.taContentContainerSmall {text-align:left;}
.taTitle {width: 100%;border-bottom: 1px solid #E9D9EA;text-transform: uppercase;font-size: smaller !important;letter-spacing: 2px;}
.taImg {position:relative; overflow:hidden;position: relative;overflow: hidden;}
.taImg span {position:absolute;background: #BD80BD;left: -8px;top: -40px;padding: 48px 22px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);}
.taImg span:after {content: "\f02b";font: 14px FontAwesome;color: #FFFFFF;position: absolute;left: 22px;top: 44px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.taImg img {float:left;width: 100% !important;margin-bottom: 16px;}
.taTogeather, .taSeperately {padding: 0;list-style: none;}
.taTogeather li, .taSeperately li {margin: 16px 0px;}
.taTogeather {color:#a664a8;line-height: 180%;}
.taTogeather span, .taSeperately span {line-height: 150%;width: 63%;display: inline-block;vertical-align: text-top;padding: 0;margin: 0;}
.taTogeather span:nth-child(2), .taSeperately span:nth-child(2) {padding: 0 16px;width: 34%;}
.taSeperately {font-size: smaller;line-height:150%;line-height: 225%;/* padding: 0 16px; */}
.taContentContainerSmall h2 {margin: 16px 0;}
.taContentContainerSmall h3 {color:#a664a8;font-size:18px;padding: 0 0 16px 0;margin: 0;text-align: left;}
.taPromoTitleMultiItem {padding: 0 0 16px 0;margin: 0 0 16px 0;color: rgba(255, 255, 255, 0.49);}
.taPromoTitleMultiItem span {color: rgb(9, 9, 11);line-height: 200%;}
.taPromoTextMultiItem, .taPromoTextMultiItem p {margin:0;padding: 32px 0;color: #BC8BBE;margin: 0 auto;}
.taAddMessage {display:block;clear: both;}
#prodInfoLeft {border-right:none;}
.flexsliderMIVThumbnails {display:none;}
.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;display: none;}
.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}
.flexsliderReviews .flex-control-nav {display:block !important;}
#StarbuysPopup {background: rgba(0, 0, 0, 0);color:white;width: 100%;height: 100%;float: left;}
#StarbuysPopup .col-2 {color:white;}
.StarbuysPopupTop p { color:#999}
.StarbuysPopupTop span:after {content: "\f02b";font: normal normal normal 18px/1 FontAwesome;color: #BD80BD;}
.StarbuysPopupTop h2 {color:white;font-size: 1.5em;}
.StarbuysPopupTop h2 span {color:#dddbf0}
.StarbuysPopupBottom {float: left;width: 100%;}
.StarbuysPopupBottom p {height:51px;line-height:51px;color:white;margin: 0;font-size: 0.75em;}
.StarbuysPopupBottom p a {color: #999;border-bottom: 1px solid #999;padding-bottom: 8px;}
.StarbuysPopupBottom .button {background: none !important;background-color: #BD80BD !important;color: #fff;}
.StarbuysPopupBottom .button:hover {background: #A553A5!important;color: #FFFFFF !important;}
/* -- Star Buys Promotion Page -- */
.taTitleContainer {background: #BD80BD;color:#fff;margin-bottom: 18px;}
.taTitleContainer h1, .taTitleContainer h2, .taTitleContainer h3 {color:#fff; font-weight:normal; margin:0;}
.taTitleContainer h1 span {color: #ccccff}
.taTitleContainer a {color: #ccccff;text-decoration:none;}
.taContainer {}
.taNoButton {margin-bottom:4px; display:inline-block}
.taBorderBottom {border-bottom:1px solid #BD80BD}
.taGreyBackground {background:#f4f5f6}
.taStrapline {display:block;color:#7873b0;}
.sbButton {border-color:#7873b0; color:#7873b0; border-style:solid; border-width:1px; margin:1em 0 }
.sbButton:hover {background:#7873b0; color:#fff;}
.taNoButton {text-decoration:none;font-size:0.8em;border-bottom: 1px solid #C7C7C7;padding-bottom: 7px;}
.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {color:#7873b0;}
.taMultiItemContainer, .taSingleItemContainer {position:relative}
.taMultiItemImageContainer {}
.taMultiItemImageContainer img {max-width:100%}
.taMultiItemTextContainer {}
.taRepeatContainerOuter { display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap:wrap; flex-direction:row;align-items:stretch;}
.taRepeatContainerOuter > .col-3 {flex-basis:33.33%}
.taMultiItemRepeater {vertical-align:top;margin:0}
.taMultiItemRepeaterContent {}
.taMultiItemRepeaterContent .taImg img {padding:0 !important}
.taMultiItemRepeaterImageContainer {background-size:cover !important; border-right:1px solid #e1e1e1}
.taMultiItemRepeaterContentContainer {padding:1em}
.taMoreInfo {}
.taMultiItemAttributes {}
.taMultiItemProducts {float:right;}
.taclAttributeGridContainer {}
.taclAttributeGrid {padding: 0;margin: 0 0 8px 0;width: 100%;float: left;display: flex;flex-wrap: wrap;}
.taclAttributeGrid li {list-style: none;display: block;height:48px;line-height: 48px;background: #f4f4f4;}
.taname {height:auto !important;background:#fafafa;padding: 0 16px;flex-grow: 1;width: 50%;}
.taprice {background:#f4f4f4;padding: 0 16px;width: 50%;}
.tastock {padding: 0 16px;}
.tastock .OutofStockCSS {height:48px;}
.taadd {flex-grow: 1;float:left;}
.taadd img {width:100%;height:48px; display:block; cursor:pointer;background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;background-position: center center;}
/* -- currency */
.div-currency-mini {margin: 0 0 7px 0 !important;width: 100%;padding: 0;float: left;}
.div-currency-mini, .div-currency-mini ul, .div-currency-mini li {padding:0; margin:0; list-style:none;}
.div-currency-mini .currencyConverted {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight:normal;color: #3e7ca3;}
.div-currency-mini .currencyCode {display:none;}
.div-currency-mini .valueContainer {width:120px;}
.div-currency-mini .isoFlag {margin: 0 5px 0 0;}
.currency a { float:left; width:100%; margin-bottom:7px; font-size:12px; color:#496D9D; background:url(/layout/shoppingbasket/flags-sm.jpg) no-repeat; padding-left:60px; background-position:5px}
.CurrenciesContainer {display:none;}
#CurrenciesList { display:inline; margin:0;}
#CurrenciesList li { float:left; list-style:none; border-bottom:1px solid #dddddd; padding-bottom:7px; margin-bottom:7px; list-style:none; width:100%; font-size:12px; text-align:left; }
#CurrenciesList li:nth-last-child(1) {border-bottom:none; padding-bottom:0px; margin-bottom:0px; font-size:10px; text-align:center }
#CurrenciesList li>span:first-child { width:45%; float:left; text-align:right; padding-right:7px;}
.div-currency { width: 100%; background: #fff; float: left; margin:0; padding: 0; height:1%; overflow:hidden ; margin: 7px 0; padding: 14px 0;}
.div-currency ul { list-style: none; padding: 0px; margin: 0px; text-align:center ;}
.div-currency ul li { display: inline-block; width: 105px;}
.isoFlag { display: inline-block; width: 32px; margin-right: 5px; vertical-align: text-top ; padding: 0; height: 19px; vertical-align: middle;}
#EUR { background: url(/layout/Sprite2.png) -14px -1041px no-repeat;}
#USD { background: url(/layout/Sprite2.png) -46px -1041px no-repeat;}
#AUD { background: url(/layout/Sprite2.png) -77px -1041px no-repeat;}
#NOK { background: url(/layout/Sprite2.png) -141px -1041px no-repeat;}
#SEK { background: url(/layout/Sprite2.png) -174px -1041px no-repeat;}
#DKK { background: url(/layout/Sprite2.png) -206px -1041px no-repeat;}
#NZD { background: url(/layout/Sprite2.png) -109px -1041px no-repeat;}
#JPY {background: url(/layout/Sprite2.png) -270px -1041px no-repeat;}
.valueContainer { display: block; display: inline-block; overflow: hidden ;vertical-align: middle;}
.currencyConverted { font-size: 8.5pt; font-weight: bold; display: block; padding: 0; margin: 0px; line-height: 100%; text-align:left ; font-family: arial;}
.currencyCode { font-size: 6.5pt; color: #999; display: inline-block; padding: 0px; margin: 2px 0px 0px 0px; line-height: 100%; float:left }
.CurrenciesContainer { width: 100%; height: 32px; background: #fff; display: block; margin: 14px 0px 14px 133px }
.CurrenciesContainer ul { list-style: none; padding: 0px; margin: 0px }
.CurrenciesContainer ul li { display: block; width: 100px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px; float: left }
.currencyBox { display: block; width: 100%; height: 106px; border-bottom: 1px solid #e5e5e5 }
.currencyHdr { display: block; width:100%; height: 25px; font-size: 12pt; font-weight: bold; text-align: center }
.indicate { display: block; width: 100%; height: 35px; font-size: 8.5pt; font-weight: normal; text-align: center; color: #666; margin-top:7px; }
.currencyShoppingCart { width: 100%; float: left; margin:0; padding: 0; height:1%; overflow:hidden;}
.currencyShoppingCart ul {padding: 0;margin:0;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row;}
.currencyShoppingCart ul li { float: none; display: inline-block; list-style:none; margin: 0.5em 0em;width:33.33%;}
.indicateShoppingCart { display: block; width: 100%; font-size: 8.5pt; font-weight: normal; color: #666; margin: 0; clear:both; float:left }
/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */
div.repeater { width: 268px; margin: 16px; overflow: hidden; display: inline-block !important; float: none; text-align: left; vertical-align: top ;position: relative;}
div.repeater .itemImage { width: 268px; height: 268px; background-size:contain !important; }
div.repeater .itemImage a { width: 268px; height: 268px }
div.repeater .itemInfo { width: 268px; height: 130px;}
div.repeater .itemInfo a { display: block; width: 268px; height: 130px; background: #fafafa; font-size: 0.9em; color: #707070; text-decoration: none }
div.repeater .productName { padding: 0 0 8px 0; display: block; width: 100%;}
.nowPrice-repeater {font-family: 'roboto';color: #707070;display: inline-block;}
.standardPrice-repeater {font-family: 'roboto';color: #707070;text-decoration: line-through;display: inline-block;margin: 0 8px 0 0;}
.percentOff-repeater { font-family: 'roboto'; color: tomato; display: inline-block; margin: 0 }
/* Remarketing */
.banners>div{ display:inline-block; margin-right:28px; vertical-align: middle;}
.bannersContiner { background:#efefef}
.bannersBrands { /* float:left */}
.banners small { font-size:10px; color:#999}
.bannersAll { margin:0; padding: 28px; float:left; width:50%}
.bannersAll li { float:left; list-style:none; width:100%; padding:7px; border-bottom:1px solid #efefef}
.bannersAll li:hover { background:#f5f5f5}
.bannersAll li:nth-child(2) { border-bottom:1px solid #ccc}
.bannersAll li div { float:left; }
.bannersAll li div:nth-child(1) {font-weight:bold; width:25%}
.bannersAll li div:nth-child(2) {width:55%}
.bannersAll li div:nth-child(3) {width:20%}
.bannersTable {padding: 21px;}
.bannersTable table tr td {padding: 7px;}
.bannersTable table th { border-bottom:1px solid #ccc; font-weight:normal; padding: 7px;}
.bannersTable table tr td { border-bottom:1px solid #efefef;}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) { width:60%}
.bannersTable table small { font-size:10px; color:#999; padding: 7px 0 0 0; float: left;}
.google, .webgains { border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google a, .webgains a { display: inline-block; position:relative;}
.google img, .webgains img { width:200px; outline: 1px solid #E2E2DD;}
.google span, .webgains span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}
.webgains { display: inline-block;}
.bannmessage {position:absolute;background: #FFFFFF;padding: 0px 14px;left:14px;top:-14px;}
#brand1,#brand2,#brand3,#brand4,#brand5 {}
.socialBanners>div { display:inline-block; vertical-align:middle; margin:28px;}
.overlay { background:rgba(47,53,62,.9); padding:7px 14px; position:absolute; left:0; top:0}
.overlay p,.overlay a { color:#fff}
.campaignBox {border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google span, .webgains span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}
/* Preferences center */
intro { padding: 16px }
.intro h1 { font-size: 2em }
.field {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;}
.password { background: #eff8ff; margin: 32px 0 0 0 ;float: left;width: 100%;}
.segment { background: whitesmoke }
div.elementCtr { width: 50%; display: block; float:left; padding: 16px; vertical-align: top }
div.elementCtr.fw {width:100%;}
div.titleCtr { width: 100%; display: block; float: left;margin: 0 0 8px 0 }
div.title {display: inline-block;text-align: left;float: left;}
div.required { width: 48px; display: inline-block; float: right; text-align: right; color: tomato; font-size: 0.6em }
div.notRequired { width: 48px; display: inline-block; float: right; text-align: right; color: #55acee; font-size: 0.6em }
div.managePasswordHdr { width: 100%; display: block; float: left;padding: 16px; background: #55acee }
div.managePasswordHdr h2 { color: white; font-size: 2em; padding: 0; margin: 0 }
div.managePasswordHdr p { color: white }
#pref_oldPasswordPanel { padding: 0; margin: 0; width: 100%; vertical-align: top; display: block; float: left }
h2.extraDetails { color: #55acee; font-size: 2em; padding: 0; margin: 32px 0 16px 0;}
.prefCentreWrapper {width:100%;float:left;}
div.birthdayCtr { width: 100%; display: inline-block }
div.day { width: 64px; height: 48px; margin: 0 11px 0 0; display: inline-block }
div.month { width: 208px; height: 48px; display: inline-block }
.dayField { width: 64px; height: 48px; font-size: 1em; padding: 0 0 0 8px }
.mthField { width: 208px; height: 48px; font-size: 1em; padding: 0 0 0 8px }
div.feetInchesCtr { width: 100%; display: inline-block }
div.feetCtr { width: 104px; height: 48px; margin: 0; display: inline-block; float: left; text-align: left }
div.feetField { width: 48px; height: 48px; margin: 0; display: inline-block; float: left }
div.feetTxt { width: 40px; height: 48px; display: inline-block; font-size: 0.6em; color: #666; background: #fafafa; float: left; line-height: 48px; text-align: center; border: 1px solid #a9a9a9; border-left: none }
.feet { width: 48px; height: 48px; display: inline-block; font-size: 1em; text-align: center }
div.inchesCtr { width: 184px; height: 48px; margin: 0; display: inline-block; float: left; text-align: left }
div.inchesField { width: 124px; height: 48px; display: inline-block; float: left }
div.inchesTxt { width: 60px; height: 48px; display: inline-block; font-size: 0.6em; color: #666; background: #fafafa; float: left; line-height: 48px; text-align: center; border: 1px solid #a9a9a9; border-left: none }
.inches { width: 124px; height: 48px; display: inline-block; font-size: 1em; text-align: center }
div.segmentCtr { width: 100%; height: 76px; display: inline-block; padding: 16px }
div.segmentInfo { float: left; text-align: left }
div.segmentTitle { font-size: 1.2em; margin: 0 0 8px 0; color: #666 }
div.segmentDesc { font-size: 0.8em; color: #666 }
div.segmentDropDown { float: right; text-align: left }
div.brandCtr { display: inline-block; width: 136px; height: 168px; vertical-align: top }
div.brandCtr div {background-size:contain !important;background-repeat: no-repeat !important;}
div#pref_brandTilePanel { width: 100%; padding: 16px }
div#pref_brandTilePanel a { display: inline-block; vertical-align: top; height: 173px; width: 136px; margin: 16px 16px 16px 0;}
div#pref_brandTilePanel a.Selected { display: inline-block; vertical-align: top; height: 173px; width: 136px; margin: 16px; border-bottom: 5px solid #55acee }
div.brandName { height: 32px; background: whitesmoke; color: #333; font-size: 0.8em; line-height: 32px }
.submitBtn { display: inline-block; width: 128px; height: 128px; border-radius: 128px; text-align: center; line-height: 128px; background: #acd373; text-decoration: none; color: white; margin: 32px 0; font-size: 1.6em }
/* -- Customer product builder --*/
.cpb-standardSpecPrice {background:orange; height:64px; line-height: 64px;padding:0 16px; float:left; width:100%;}
.cpb-standardSpecPrice .now {font-size: 1.5em;margin-left: 0.5em;}
div[id*="ProductCustom1_panAttributes"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction:row;flex-wrap:wrap; align-contents:stretch;}
.cpb {width:33.33%;flex-basis:33.33%;padding:32px;border-left:1px solid #c6c9cd;border-bottom:1px solid #c6c9cd;}
.cpb-Header {float: left;width: 100%;display: block;clear: both;height: 45px;}
.cpb-Header strong {font-weight:; display:block; margin:16px 0 8px 0}
.attBlock {height:64px;background:none; margin-bottom:16px;display: flex;flex-direction: row; clear: both;}
.attBlock > div:nth-of-type(2) {margin:0 !important; background:none !important;height:64px !important; line-height:64px; text-align:center;flex-grow:0 !important;width: auto !Important;}
.attBlock > div {height:64px !important;line-height:64px;font-size: 14px;flex-grow:0;}
.attName {float:left;flex-grow:2 !important; width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.attImage {float:left; text-align:center;max-width: 64px;flex-grow:0 !important;}
.attImage img {border:0 !important; display:inline-block; vertical-align:middle;border-radius:100%;margin:0 8px 0 0}
.attMoreInfo a img {display:none;}
.attMoreInfo a:before {content:'\f05a';font-family:'FontAwesome';margin:0 8px 0 0;font-size: 16px;color: #454545;}
.attPrice {float:right; text-align:right;padding: 0 16px;}
.attSelected {float:right;background:none !important; text-align:center;max-width: 64px;width:64px;flex-grow:0 !important;}
.attSelected input {display:inline-block; vertical-align:middle;}
#cpb-summary {}
#cpb-summary li {border-top: 1px solid #49515d;padding: 8px 0;list-style: none;}
#cpb-summary li:first-of-type {border-top: none;}
#cpb-summary li span {color:white;}
#cpb-summary li .cpb-selectedOption {display: inline-block;min-width: 176px;}
#cpb-summary li .cpb-chosenAtt {display: inline-block;}
.cpb-summaryAttLabel {color:orange;font-size:1.5em;padding-bottom: 8px;border-bottom: 1px solid orange;line-height:150%;}
.cpb-summaryAttLabel font {color:orange !important}
.cpb-finalPrice {color:orange;font-size:1.5em;padding-top: 8px;border-top: 1px solid orange;line-height:150%;}
.cpb-details .col-1 {margin:16px 0}
.cpb-purchaseItem {background:#e1e1e1; margin: 0 0 16px 0 !important;}
.cpb-buttonAdd {}
.cpb-buttonAdd a {width:100%; display:block; height:64px; background:#a2c76c; text-align:center}
.cpb-buttonAdd a img {}
.cpb-allImageContainer .flex-direction-nav {display:none;}:after {top: -1px;position: relative;}
/* Customer Rewards Page */
.crPageHeader {}
.crPageHeader h1 {margin:8px 0;}
.crPageHeader h2 {margin:0;color:#8dc63f}
.crPageExplain {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;}
.crPageExplain .col-3, .crPageExplain .col-2 {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:stretch;}
.crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {background:#e1e1e1;}
.crHelpMe {background:#f3d3d3 !important}
.crHelpMe h4, .crHelpMe h3, .crHelpMe a {color:#f5373c !important}
.crPagePointsDisplay {background:#e5f0d6 !important}
.crPagePointsDisplay h4, .crPagePointsDisplay h3, .crPagePointsDisplay a {color:#8dc63f !important}
.crPagePointsDisplay .crPointsBalance, .crPagePointsDisplay .crPointsValue {font-size:32px;}
.crPageInfo {margin:16px 0 0 0}
.crPageInfo .warning {color:dodgerblue; background:none; border-left:0; border-bottom:1px solid dodgerblue;padding-bottom:4px;}
.crPageInfo a {display:inline-block;padding:4px 16px;margin:0 8px 8px 8px;border-radius:4px;background:none;border:1px solid #31353E;color:#31353E;-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;}
.crPageInfo a:hover {color:white;background:#8dc63f;border:1px solid #8dc63f;}
.crLinkForm {position:relative;display:inline-block}
.crLinkFormPassword {float:left;}
.crLinkFormPassword > input {-webkit-appearance: none;-moz-appearance:none;appearance:none;height: 34px;border-left: 1px solid #31353E; border-top: 1px solid #31353E; border-bottom: 1px solid #31353E; border-right:0;padding: 0 8px;font-size: 14px;font-family:inherit;-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;}
.crLinkFormButton {float:right;}
.crLinkFormButton > a {margin:0;border-radius: 0;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;height: 34px;line-height: 34px;padding: 0 16px;}
.crLinkFormButton:hover + .crLinkFormPassword > input {border-left: 1px solid #8dc63f; border-top: 1px solid #8dc63f; border-bottom: 1px solid #8dc63f; border-right:0;}
.hdrRewardsTitle {float:left;margin-right:4px;}
.crNotLoggedIn, .crAccNotActive, .crNoAccFound, .crLnkAccounts, .crViewOffers {color: #8dc63f !important;border-bottom: 1px solid #d4d4d4;}
.crNotLoggedIn:hover, .crAccNotActive:hover, .crNoAccFound:hover, .crLnkAccounts:hover, .crViewOffers:hover { color:#7fd805; border-bottom:1px solid #7fd805 }
.detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 }
.detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left }
.detail-custmerRewardsBasket div { float: right }
.CRpointBasket { text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px; margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;}
.CRpointBasket b {color: #4f9a11;}
.CRcopyBasket {text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left }
.crShoppingCart {}
.crShoppingCartHeader {font-size: 24px;color: #6C884D;font-style:normal;text-decoration:none;background: url(layout/rewards/reward-small.png) no-repeat;background-position: 0px 3px; text-align:left;padding: 0px 1em 1em 2em;margin-bottom: 0.5em;}
.crShoppingCartCopy, .crShoppingCartPoints { color:#769355; position: relative; width:100%; line-height: 150%;}
.crShoppingCartPoints {}
.crShoppingCartPoints>input {/* position:absolute; *//* right: 0; *//* top: -43px; */padding-top: 18px;display: block;}
#CustomerRewardsApplyPoints_panPointsApplied { font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%; margin-top: 7px;}
#CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px}
/* Customer Rewards Promotions */
ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 }
ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crCurrentPromo li.crName { font: 21px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a }
ul.crCurrentPromo li.crDescription { font: 12px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa }
ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crFuturePromo li.crName { font: 21px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 }
ul.crFuturePromo li.crDescription { font: 12px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
/* -- Sitemap */
.siteMap>ul {margin:0;padding:0;}
.siteMap>ul>li {width:50%; padding:16px;float:left;list-style:none;}
.siteMap a {border:none;color:#000 !important}
.siteMap>ul>li>a {font-size:1.5em;border-bottom:1px solid #000; margin:0 0 0.5em 0; padding:0 0 0.5em 0;display: block;width: 100%;}
.brandLanding {}
.brandLanding a {display:inline-block; margin:1em 0.5em;text-decoration:none;}
.brandPageLogo, .brandPageLink {display:block; }
.brandPageLogo {outline:1px solid #f7f7f7;width:140px;height:140px;}
.brandPageLink {line-height:1.5em;margin:0.5em 0 0 0;}
/* accordion */
.accordionContent { display: none; background-position: 75px -23px !important; width: 100%; float: left;}
.accordion { outline: 1px solid #dddddd; display: block; clear: both }
.accordion>div { border-bottom: 1px solid #ddd; &:last-of-type}
.accordion>div:nth-last-child(1) { border-bottom: none }
.accordionSelection, .accordionStyle { font-family: 'roboto', Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin: 0; line-height: 150%; }
.accordionSelection { background: url(layout/dropdown-side.png) no-repeat 30px 51% #fff; padding: 21px 28px 21px 66px; display: block; text-decoration: none ; }
.accordionSelection:hover strong { color: #000333; text-decoration: underline }
.accordionSelection.active { background: url(layout/dropdown.png) no-repeat 26px 50% #fff; cursor: default }
.accordionSelection.active:hover strong { color: #000333; text-decoration: none; }
.accordionContent.active { background:#fff !important}
.accordionSelection img { display: inline-block; opacity: 0.5; vertical-align: text-top; margin-right: 2px; }
.accordionSelection.active img { opacity: 1 }
.accordionStyle { padding: 0 56px; height: 1%; overflow: hidden; display: block;}
.accordionStyle div { display:block}
/* Starbuys -------------------------------------------------------------------------------------------*/
.taContainerSmall {background: #FFFFFF;padding: 0px !important;}
.taContentContainerSmall {text-align:left;}
.taTitle {width: 100%;border-bottom: 1px solid #E9D9EA;text-transform: uppercase;font-size: smaller !important;letter-spacing: 2px;}
.taImg {position:relative; overflow:hidden;position: relative;overflow: hidden;}
.taImg span {position:absolute;background: #BD80BD;left: -8px;top: -40px;padding: 48px 22px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);}
.taImg span:after {content: "\f02b";font: 14px FontAwesome;color: #FFFFFF;position: absolute;left: 22px;top: 44px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.taImg img {float:left;width: 100% !important;margin-bottom: 16px;}
.taTogeather, .taSeperately {padding: 0;list-style: none;}
.taTogeather li, .taSeperately li {margin: 16px 0px;}
.taTogeather {color:#a664a8;line-height: 180%;}
.taTogeather span, .taSeperately span {line-height: 150%;width: 63%;display: inline-block;vertical-align: text-top;padding: 0;margin: 0;}
.taTogeather span:nth-child(2), .taSeperately span:nth-child(2) {padding: 0 16px;width: 34%;}
.taSeperately {font-size: smaller;line-height:150%;line-height: 225%;/* padding: 0 16px; */}
.taContentContainerSmall h2 {margin: 16px 0;}
.taContentContainerSmall h3 {color:#a664a8;font-size:18px;padding: 0 0 16px 0;margin: 0;text-align: left;}
.taPromoTitleMultiItem {padding: 0 0 16px 0;margin: 0 0 16px 0;color: rgba(255, 255, 255, 0.49);}
.taPromoTitleMultiItem span {color: rgb(9, 9, 11);line-height: 200%;}
.taPromoTextMultiItem, .taPromoTextMultiItem p {margin:0;padding: 32px 0;color: #BC8BBE;margin: 0 auto;}
.taAddMessage {display:block;clear: both;}
#prodInfoLeft {border-right:none;}
.flexsliderMIVThumbnails {display:none;}
.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;display: none;}
.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}
.flexsliderReviews .flex-control-nav {display:block !important;}
#StarbuysPopup {background: rgba(0, 0, 0, 0);color:white;width: 100%;height: 100%;float: left;}
#StarbuysPopup .col-2 {color:white;}
.StarbuysPopupTop p { color:#999}
.StarbuysPopupTop span:after {content: "\f02b";font: normal normal normal 18px/1 FontAwesome;color: #BD80BD;}
.StarbuysPopupTop h2 {color:white;font-size: 1.5em;}
.StarbuysPopupTop h2 span {color:#dddbf0}
.StarbuysPopupBottom {float: left;width: 100%;}
.StarbuysPopupBottom p {height:51px;line-height:51px;color:white;margin: 0;font-size: 0.75em;}
.StarbuysPopupBottom p a {color: #999;border-bottom: 1px solid #999;padding-bottom: 8px;}
.StarbuysPopupBottom .button {background: none !important;background-color: #BD80BD !important;color: #fff;}
.StarbuysPopupBottom .button:hover {background: #A553A5!important;color: #FFFFFF !important;}
/* -- Star Buys Promotion Page -- */
.taTitleContainer {background: #BD80BD;color:#fff;margin-bottom: 18px;}
.taTitleContainer h1, .taTitleContainer h2, .taTitleContainer h3 {color:#fff; font-weight:normal; margin:0;}
.taTitleContainer h1 span {color: #ccccff}
.taTitleContainer a {color: #ccccff;text-decoration:none;}
.taContainer {}
.taNoButton {margin-bottom:4px; display:inline-block}
.taBorderBottom {border-bottom:1px solid #BD80BD}
.taGreyBackground {background:#f4f5f6}
.taStrapline {display:block;color:#7873b0;}
.sbButton {border-color:#7873b0; color:#7873b0; border-style:solid; border-width:1px; margin:1em 0 }
.sbButton:hover {background:#7873b0; color:#fff;}
.taNoButton {text-decoration:none;font-size:0.8em;border-bottom: 1px solid #C7C7C7;padding-bottom: 7px;}
.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {color:#7873b0;}
.taMultiItemContainer, .taSingleItemContainer {position:relative}
.taMultiItemImageContainer {}
.taMultiItemImageContainer img {max-width:100%}
.taMultiItemTextContainer {}
.taRepeatContainerOuter { display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap:wrap; flex-direction:row;align-items:stretch;}
.taRepeatContainerOuter > .col-3 {flex-basis:33.33%}
.taMultiItemRepeater {vertical-align:top;margin:0}
.taMultiItemRepeaterContent {}
.taMultiItemRepeaterContent .taImg img {padding:0 !important}
.taMultiItemRepeaterImageContainer {background-size:cover !important; border-right:1px solid #e1e1e1}
.taMultiItemRepeaterContentContainer {padding:1em}
.taMoreInfo {}
.taMultiItemAttributes {}
.taMultiItemProducts {float:right;}
.taclAttributeGridContainer {}
.taclAttributeGrid {padding: 0;margin: 0 0 8px 0;width: 100%;float: left;display: flex;flex-wrap: wrap;}
.taclAttributeGrid li {list-style: none;display: block;height:48px;line-height: 48px;background: #f4f4f4;}
.taname {height:auto !important;background:#fafafa;padding: 0 16px;flex-grow: 1;width: 50%;}
.taprice {background:#f4f4f4;padding: 0 16px;width: 50%;}
.tastock {padding: 0 16px;}
.tastock .OutofStockCSS {height:48px;}
.taadd {flex-grow: 1;float:left;}
.taadd img {width:100%;height:48px; display:block; cursor:pointer;background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;background-position: center center;}
/* -- currency */
.div-currency-mini {margin: 0 0 7px 0 !important;width: 100%;padding: 0;float: left;}
.div-currency-mini, .div-currency-mini ul, .div-currency-mini li {padding:0; margin:0; list-style:none;}
.div-currency-mini .currencyConverted {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight:normal;color: #3e7ca3;}
.div-currency-mini .currencyCode {display:none;}
.div-currency-mini .valueContainer {width:120px;}
.div-currency-mini .isoFlag {margin: 0 5px 0 0;}
.currency a { float:left; width:100%; margin-bottom:7px; font-size:12px; color:#496D9D; background:url(/layout/shoppingbasket/flags-sm.jpg) no-repeat; padding-left:60px; background-position:5px}
.CurrenciesContainer {display:none;}
#CurrenciesList { display:inline; margin:0;}
#CurrenciesList li { float:left; list-style:none; border-bottom:1px solid #dddddd; padding-bottom:7px; margin-bottom:7px; list-style:none; width:100%; font-size:12px; text-align:left; }
#CurrenciesList li:nth-last-child(1) {border-bottom:none; padding-bottom:0px; margin-bottom:0px; font-size:10px; text-align:center }
#CurrenciesList li>span:first-child { width:45%; float:left; text-align:right; padding-right:7px;}
.div-currency { width: 100%; background: #fff; float: left; margin:0; padding: 0; height:1%; overflow:hidden ; margin: 7px 0; padding: 14px 0;}
.div-currency ul { list-style: none; padding: 0px; margin: 0px; text-align:center ;}
.div-currency ul li { display: inline-block; width: 105px;}
.isoFlag { display: inline-block; width: 32px; margin-right: 5px; vertical-align: text-top ; padding: 0; height: 19px; vertical-align: middle;}
#EUR { background: url(/layout/Sprite2.png) -14px -1041px no-repeat;}
#USD { background: url(/layout/Sprite2.png) -46px -1041px no-repeat;}
#AUD { background: url(/layout/Sprite2.png) -77px -1041px no-repeat;}
#NOK { background: url(/layout/Sprite2.png) -141px -1041px no-repeat;}
#SEK { background: url(/layout/Sprite2.png) -174px -1041px no-repeat;}
#DKK { background: url(/layout/Sprite2.png) -206px -1041px no-repeat;}
#NZD { background: url(/layout/Sprite2.png) -109px -1041px no-repeat;}
#JPY {background: url(/layout/Sprite2.png) -270px -1041px no-repeat;}
.valueContainer { display: block; display: inline-block; overflow: hidden ;vertical-align: middle;}
.currencyConverted { font-size: 8.5pt; font-weight: bold; display: block; padding: 0; margin: 0px; line-height: 100%; text-align:left ; font-family: arial;}
.currencyCode { font-size: 6.5pt; color: #999; display: inline-block; padding: 0px; margin: 2px 0px 0px 0px; line-height: 100%; float:left }
.CurrenciesContainer { width: 100%; height: 32px; background: #fff; display: block; margin: 14px 0px 14px 133px }
.CurrenciesContainer ul { list-style: none; padding: 0px; margin: 0px }
.CurrenciesContainer ul li { display: block; width: 100px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px; float: left }
.currencyBox { display: block; width: 100%; height: 106px; border-bottom: 1px solid #e5e5e5 }
.currencyHdr { display: block; width:100%; height: 25px; font-size: 12pt; font-weight: bold; text-align: center }
.indicate { display: block; width: 100%; height: 35px; font-size: 8.5pt; font-weight: normal; text-align: center; color: #666; margin-top:7px; }
.currencyShoppingCart { width: 100%; float: left; margin:0; padding: 0; height:1%; overflow:hidden;}
.currencyShoppingCart ul {padding: 0;margin:0;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row;}
.currencyShoppingCart ul li { float: none; display: inline-block; list-style:none; margin: 0.5em 0em;width:33.33%;}
.indicateShoppingCart { display: block; width: 100%; font-size: 8.5pt; font-weight: normal; color: #666; margin: 0; clear:both; float:left }
/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */
div.repeater { width: 268px; margin: 16px; overflow: hidden; display: inline-block !important; float: none; text-align: left; vertical-align: top ;position: relative;}
div.repeater .itemImage { width: 268px; height: 268px; background-size:contain !important; }
div.repeater .itemImage a { width: 268px; height: 268px }
div.repeater .itemInfo { width: 268px; height: 130px;}
div.repeater .itemInfo a { display: block; width: 268px; height: 130px; background: #fafafa; font-size: 0.9em; color: #707070; text-decoration: none }
div.repeater .productName { padding: 0 0 8px 0; display: block; width: 100%;}
.nowPrice-repeater {font-family: 'roboto';color: #707070;display: inline-block;}
.standardPrice-repeater {font-family: 'roboto';color: #707070;text-decoration: line-through;display: inline-block;margin: 0 8px 0 0;}
.percentOff-repeater { font-family: 'roboto'; color: tomato; display: inline-block; margin: 0 }
/* Remarketing */
.banners>div{ display:inline-block; margin-right:28px; vertical-align: middle;}
.bannersContiner { background:#efefef}
.bannersBrands { /* float:left */}
.banners small { font-size:10px; color:#999}
.bannersAll { margin:0; padding: 28px; float:left; width:50%}
.bannersAll li { float:left; list-style:none; width:100%; padding:7px; border-bottom:1px solid #efefef}
.bannersAll li:hover { background:#f5f5f5}
.bannersAll li:nth-child(2) { border-bottom:1px solid #ccc}
.bannersAll li div { float:left; }
.bannersAll li div:nth-child(1) {font-weight:bold; width:25%}
.bannersAll li div:nth-child(2) {width:55%}
.bannersAll li div:nth-child(3) {width:20%}
.bannersTable {padding: 21px;}
.bannersTable table tr td {padding: 7px;}
.bannersTable table th { border-bottom:1px solid #ccc; font-weight:normal; padding: 7px;}
.bannersTable table tr td { border-bottom:1px solid #efefef;}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) { width:60%}
.bannersTable table small { font-size:10px; color:#999; padding: 7px 0 0 0; float: left;}
.google, .webgains { border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google a, .webgains a { display: inline-block; position:relative;}
.google img, .webgains img { width:200px; outline: 1px solid #E2E2DD;}
.google span, .webgains span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}
.webgains { display: inline-block;}
.bannmessage {position:absolute;background: #FFFFFF;padding: 0px 14px;left:14px;top:-14px;}
#brand1,#brand2,#brand3,#brand4,#brand5 {}
.socialBanners>div { display:inline-block; vertical-align:middle; margin:28px;}
.overlay { background:rgba(47,53,62,.9); padding:7px 14px; position:absolute; left:0; top:0}
.overlay p,.overlay a { color:#fff}
.campaignBox {border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google span, .webgains span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}
/* Preferences center */
intro { padding: 16px }
.intro h1 { font-size: 2em }
.field {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;}
.password { background: #eff8ff; margin: 32px 0 0 0 ;float: left;width: 100%;}
.segment { background: whitesmoke }
div.elementCtr { width: 50%; display: block; float:left; padding: 16px; vertical-align: top }
div.elementCtr.fw {width:100%;}
div.titleCtr { width: 100%; display: block; float: left;margin: 0 0 8px 0 }
div.title {display: inline-block;text-align: left;float: left;}
div.required { width: 48px; display: inline-block; float: right; text-align: right; color: tomato; font-size: 0.6em }
div.notRequired { width: 48px; display: inline-block; float: right; text-align: right; color: #55acee; font-size: 0.6em }
div.managePasswordHdr { width: 100%; display: block; float: left;padding: 16px; background: #55acee }
div.managePasswordHdr h2 { color: white; font-size: 2em; padding: 0; margin: 0 }
div.managePasswordHdr p { color: white }
#pref_oldPasswordPanel { padding: 0; margin: 0; width: 100%; vertical-align: top; display: block; float: left }
h2.extraDetails { color: #55acee; font-size: 2em; padding: 0; margin: 32px 0 16px 0;}
.prefCentreWrapper {width:100%;float:left;}
div.birthdayCtr { width: 100%; display: inline-block }
div.day { width: 64px; height: 48px; margin: 0 11px 0 0; display: inline-block }
div.month { width: 208px; height: 48px; display: inline-block }
.dayField { width: 64px; height: 48px; font-size: 1em; padding: 0 0 0 8px }
.mthField { width: 208px; height: 48px; font-size: 1em; padding: 0 0 0 8px }
div.feetInchesCtr { width: 100%; display: inline-block }
div.feetCtr { width: 104px; height: 48px; margin: 0; display: inline-block; float: left; text-align: left }
div.feetField { width: 48px; height: 48px; margin: 0; display: inline-block; float: left }
div.feetTxt { width: 40px; height: 48px; display: inline-block; font-size: 0.6em; color: #666; background: #fafafa; float: left; line-height: 48px; text-align: center; border: 1px solid #a9a9a9; border-left: none }
.feet { width: 48px; height: 48px; display: inline-block; font-size: 1em; text-align: center }
div.inchesCtr { width: 184px; height: 48px; margin: 0; display: inline-block; float: left; text-align: left }
div.inchesField { width: 124px; height: 48px; display: inline-block; float: left }
div.inchesTxt { width: 60px; height: 48px; display: inline-block; font-size: 0.6em; color: #666; background: #fafafa; float: left; line-height: 48px; text-align: center; border: 1px solid #a9a9a9; border-left: none }
.inches { width: 124px; height: 48px; display: inline-block; font-size: 1em; text-align: center }
div.segmentCtr { width: 100%; height: 76px; display: inline-block; padding: 16px }
div.segmentInfo { float: left; text-align: left }
div.segmentTitle { font-size: 1.2em; margin: 0 0 8px 0; color: #666 }
div.segmentDesc { font-size: 0.8em; color: #666 }
div.segmentDropDown { float: right; text-align: left }
div.brandCtr { display: inline-block; width: 136px; height: 168px; vertical-align: top }
div.brandCtr div {background-size:contain !important;background-repeat: no-repeat !important;}
div#pref_brandTilePanel { width: 100%; padding: 16px }
div#pref_brandTilePanel a { display: inline-block; vertical-align: top; height: 173px; width: 136px; margin: 16px 16px 16px 0;}
div#pref_brandTilePanel a.Selected { display: inline-block; vertical-align: top; height: 173px; width: 136px; margin: 16px; border-bottom: 5px solid #55acee }
div.brandName { height: 32px; background: whitesmoke; color: #333; font-size: 0.8em; line-height: 32px }
.submitBtn { display: inline-block; width: 128px; height: 128px; border-radius: 128px; text-align: center; line-height: 128px; background: #acd373; text-decoration: none; color: white; margin: 32px 0; font-size: 1.6em }
/* -- Customer product builder --*/
.cpb-standardSpecPrice {background:orange; height:64px; line-height: 64px;padding:0 16px; float:left; width:100%;}
.cpb-standardSpecPrice .now {font-size: 1.5em;margin-left: 0.5em;}
div[id*="ProductCustom1_panAttributes"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction:row;flex-wrap:wrap; align-contents:stretch;}
.cpb {width:33.33%;flex-basis:33.33%;padding:32px;border-left:1px solid #c6c9cd;border-bottom:1px solid #c6c9cd;}
.cpb-Header {float: left;width: 100%;display: block;clear: both;height: 45px;}
.cpb-Header strong {display:block; margin:16px 0 8px 0}
.attBlock {height:64px;background:none; margin-bottom:16px;display: flex;flex-direction: row; clear: both;}
.attBlock > div:nth-of-type(2) {margin:0 !important; background:none !important;height:64px !important; line-height:64px; text-align:center;flex-grow:0 !important;width: auto !Important;}
.attBlock > div {height:64px !important;line-height:64px;font-size: 14px;flex-grow:0;}
.attName {float:left;flex-grow:2 !important; width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.attImage {float:left; text-align:center;max-width: 64px;flex-grow:0 !important;}
.attImage img {border:0 !important; display:inline-block; vertical-align:middle;border-radius:100%;margin:0 8px 0 0}
.attMoreInfo a img {display:none;}
.attMoreInfo a:before {content:'\f05a';font-family:'FontAwesome';margin:0 8px 0 0;font-size: 16px;color: #454545;}
.attPrice {float:right; text-align:right;padding: 0 16px;}
.attSelected {float:right;background:none !important; text-align:center;max-width: 64px;width:64px;flex-grow:0 !important;}
.attSelected input {display:inline-block; vertical-align:middle;}
#cpb-summary {}
#cpb-summary li {border-top: 1px solid #49515d;padding: 8px 0;list-style: none;}
#cpb-summary li:first-of-type {border-top: none;}
#cpb-summary li span {color:white;}
#cpb-summary li .cpb-selectedOption {display: inline-block;min-width: 176px;}
#cpb-summary li .cpb-chosenAtt {display: inline-block;}
.cpb-summaryAttLabel {color:orange;font-size:1.5em;padding-bottom: 8px;border-bottom: 1px solid orange;line-height:150%;}
.cpb-summaryAttLabel font {color:orange !important}
.cpb-finalPrice {color:orange;font-size:1.5em;padding-top: 8px;border-top: 1px solid orange;line-height:150%;}
.cpb-details .col-1 {margin:16px 0}
.cpb-purchaseItem {background:#e1e1e1; margin: 0 0 16px 0 !important;}
.cpb-buttonAdd {}
.cpb-buttonAdd a {width:100%; display:block; height:64px; background:#a2c76c; text-align:center}
.cpb-buttonAdd a img {}
.cpb-allImageContainer .flex-direction-nav {display:none;}/* Find + Filter */
.FAF {
width: 100%;
position: relative;
display: box;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: center;
box-align: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
background: #fff;
float: left;
}
.FAFResults {
background: #fff;
-webkit-transition: width .3s;
-moz-transition: width .3s;
transition: width .3s;
flex-grow: 1;
padding: 0;
}
.FAFResults .breadcrumbs {
text-align: center;
top: -1px;
position: relative;
}
.FAFFilters {
display: none;
left: 0;
-moz-transition: 0 .3s box-shadow .3s;
vertical-align: top;
position: relative;
margin-right: 32px;
}
.FAFFilters.filter-is-visible {
display: inline-block;
}
.FAFFiltersReorder {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.FacetDefinitions {
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.sidebar {
font-family: monospace;
}
.productContainer {
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: auto;
}
.mainContent {
font-family: monospace;
}
input.reorderFacetItems {
display: inline-block !important;
padding: 0 0 3px !important;
margin: 8px !important;
background: none !important;
border: none !important;
color: #9E9E9E !important;
border-bottom: 1px solid #dadada !important;
font-weight: normal !important;
letter-spacing: 0 !important;
height: 100% !important;
line-height: normal !important;
font-family: inherit !important;
font-size: .8em !important;
border-radius: 0 !important;
color: #666 !important;
background: #fafafa;
width: auto;
clear: none;
}
input.reorderFacetItems:hover {
}
input.facetTypeSearch {
background: #FFFFFF;
font-family: roboto;
font-size: .8em;
border: 1pimgCtrx solid #E0E0E0;
color: cornflowerblue !important;
}
input.facetTypeSearch:hover, input.facetTypeSearch:focus, input.facetTypeSearch:active {
border: 1px solid #B3B3B3;
outline: none;
color: #000;
box-shadow: none;
}
input.facetTypeSearch:focus::-webkit-input-placeholder {
color: transparent;
}
input.facetTypeSearch:focus:-moz-placeholder {
color: transparent;
}
/* FF 4-18 */
input.facetTypeSearch:focus::-moz-placeholder {
color: transparent;
}
/* FF 19+ */
.FFmobile input.facetTypeSearch {
background: #f5f5f5;
font-size: 16px;
border: none;
color: #212121 !important;
border-bottom: 1px solid #c1c1c1;
padding: 0 0 16px !important;
}
.FAFoptions a {
display: block;
float: left;
margin: 0 16px 0 0 !important;
background: #f4f4f4 !important;
border: 1px solid #ccc !important;
color: #9E9E9E !important;
font-weight: normal !important;
text-transform: none !important;
letter-spacing: 0 !important;
height: 100% !important;
line-height: normal !important;
font-family: inherit !important;
font-size: .9em !important;
border-radius: 4px !important;
color: #666 !important;
padding: 8px 16px;
}
.FAFoptions a div {
margin-right: 8px;
}
.reorder {
display: none;
}
.reorder.filter-is-visible {
display: inline-block;
background: #f4f4f4;
margin: 8px 0;
}
input.facetTypeSearch:focus:-ms-input-placeholder {
color: transparent;
}
/* IE 10+ */
.FAFoptions a {
cursor: pointer;
}
.desktop.col-1.ctrPad16.reorder {
}
.reorder input {
color: #555 !important;
}
.facetHdr {
font-size: 11px;
color: #666;
cursor: pointer;
display: block;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px;
background: #f1f1f1;
padding: 12px 16px;
}
.facetSubHdr {
font-size: small;
color: cornflowerblue;
border-top: 1px solid #E0E0E0;
margin-top: 16px;
}
.facetOption {
cursor: pointer;
display: flex;
align-items: center;
line-height: 120%;
}
.facetOption:hover {
color: cornflowerblue;
}
.subFacetOption {
cursor: pointer;
display: flex;
align-items: flex-start;
}
.subFacetOption:hover {
color: cornflowerblue;
}
.facetOption input {
width: 100%;
font-size: 9px !important;
background: #2F353E !important;
border: none !important;
padding: 8px !important;
}
.facetAvailable {
padding: 5px 8px !important;
}
.facetUnavailable {
opacity: 0.5;
color: initial !important;
padding: 5px 8px !important;
cursor: not-allowed;
}
.facetUnavailable input[type="checkbox"]:hover:before {
background: initial;
color: initial;
cursor: not-allowed;
}
.facetUnavailable label {
cursor: not-allowed;
}
.FacetDefinitions > div {
margin-top: 16px;
border-top: 1px solid #E0E0E0;
}
.facetUnavailable input[type="checkbox"]:checked:before {
background: #ccc !important;
cursor: not-allowed;
}
label {
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;
vertical-align: top;
padding: 3px 0 0 7px;
}
.facetOption > span, .subFacetOption > span {
height: 20px;
width: 20px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #fff;
position: relative;
outline: 1px solid #d0d0d0;
flex-basis: 20px;
min-width: 20px;
max-width: 20px;
display: inline-block;
}
.facetSelectedff {
background: #0abbef !important;
}
.facetSelectedff:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetSelectedff.checked {
background: #0abbef !important;
outline: 1px solid #0abbef;
}
.facetUnselectedff {
}
.facetUnselectedff:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetUnselectedff.checked {
background: #0abbef !important;
}
.facetUnavailableff {
background: #fff;
cursor: not-allowed !important;
}
.facetUnavailableff:before {
content: '\e117' !important;
background: #b5b5b5;
font-family: feather;
color: #fff !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetUnavailableff.checked {
}
.SubFacetOptions {
padding-left: 16px;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
height: 24px;
width: 24px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #FFFFFF !important;
background-size: contain !important;
position: relative;
outline: 1px solid #E0E0E0;
padding: 0 7px 0 0;
flex-basis: 24px;
min-width: 24px;
max-width: 24px;
}
input[type="checkbox"]:checked {
background: #0abbef !important;
background-size: contain !important;
}
input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: #FFFFFF !important;
font-family: feather;
line-height: 24px;
}
input[type="checkbox"]:checked:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
background: #0abbef !important;
}
input[type="checkbox"]:hover:before {
background: #ECECEC;
color: #ECECEC !important;
content: '';
font-family: feather;
}
.headBack {
cursor: pointer;
}
.headHome {
margin: 64px 0 0;
}
span.noFacetResults {
background: tomato;
color: white;
display: inline-block;
height: 128px;
width: 128px;
border-radius: 64px;
line-height: 128px;
text-align: center;
font-size: 4em;
cursor: pointer;
}
span.noFacetResults:hover {
background: darkred;
-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;
}
span.facetStartOver {
background: darkslategrey;
color: white;
display: inline-block;
height: 64px;
width: auto;
padding:0 32px;
border-radius: 32px;
line-height: 64px;
text-align: center;
font-size: 1.5em;
}
span.facetStartOver:hover {
background: grey;
-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;
}
.noFacetResultsTXT {
color: tomato;
font-size: 2em;
line-height: 2em;
}
.noFacetResultsSubTXT {
color: tomato;
font-size: 1.4em;
line-height: 1.4em;
}
.facetStartOverTXT {
color: darkslategrey;
font-size: 1.2em;
}
.facetStartOverSubTXT {
color: darkslategrey;
font-size: .8em;
}
.facetItemDetails {
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-content: flex-start;
text-align: left;
font-size: smaller;
}
.facetItemDetails a {
cursor: pointer;
}
.facetQuickViewSimple a:before {
padding-right: 4px;
font: normal normal normal 10px/1 feather;
content: "\e114";
}
.FacetOptions {
}
.FFOutofstock > .facetItemImg {
opacity: 0.5;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.FFOutofstock .fa-tag {
display: none;
}
.facetPricing {
display: inline-block;
}
.facetPricing > div > span:nth-child(2) {
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid #dadada;
text-decoration: line-through;
}
.facetPricing > div > span:nth-child(3) {
font-size: smaller;
}
.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(1) {
color: #ff4242;
}
.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(2) {
color: #a2a2a2;
text-decoration: line-through;
font-size: smaller;
margin-left: 4px;
padding-left: 4px;
}
.fafSalePR > span:nth-child(1) > span {
color: #ff4242;
}
.percentOff-betterSearch {
color: #ff4242;
}
.percentOff-betterSearch:before, .fafqvdd-details-price-saving:not(:empty):before {
content: "Save "
}
.fafSalePR > span:nth-child(2) > span {
color: #a2a2a2;
text-decoration: line-through;
}
.col-facetItem {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
position: relative;
overflow: hidden;
}
.col-facetItem[data-isinstock="stockStatus-false"],
.col-facetItem[data-isinstock="stockStatus-False"] {
opacity:0.5;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.col-facetItem:hover .frItemName span {
}
.col-facetItem > div > a {
display: block;
}
.col-facetItem.fDone {
opacity: 1;
}
.frItemName {
padding-bottom: 8px;
min-height: 80px;
}
.frItemName span {
cursor: pointer;
color: initial;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.facetPricing {
border-bottom: 1px solid #efefef;
padding: 8px 0;
margin-bottom: 8px;
display: flex;
flex-direction: row;
height: 38px;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
}
.facetQuickView {
cursor: pointer;
width: 47px;
height: 47px;
float: right;
background: #fafafa;
text-align: center;
display: none;
}
.facetQuickView span:before {
content: "\e114";
font: normal 14px/1 feather;
line-height: 48px;
}
.facetOptions {
font-size: smaller;
padding: 8px 0;
align-items: center;
border-top: 1px solid #efefef !important;
border-bottom: 1px solid #efefef;
justify-content: space-between;
align-content: space-between;
}
.fafReviewColours {
justify-content: space-around;
}
.col-facetItem .yotpo.bottomLine {
min-height: 30px;
padding: 0 0 8px 0;
}
.col-facetItem .yotpo.bottomLine .yotpo-display-wrapper .text-m {
margin-left: 8px;
font-size: small;
}
/* FAF - Product Compare */
.selectcompare {
width: 100%;
float: left;
border: 1px solid #eee;
outline: 0 !important;
box-shadow: none !important;
text-align: left;
padding: 8px;
background: #eee;
margin-top: 4px;
opacity: 0;
-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;
will-change: opacity;
}
.col-facetItem:hover .selectcompare, .selectcompare.incomparelist {
opacity: 1;
}
.selectcompare.incomparelist {
border-color: #72a100;
background: #E8FFED;
}
.selectcompare input[type="checkbox"] {
display: none;
}
.selectcompare input[type="checkbox"] + label {
font-size: smaller;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 24px;
padding: 0 !important;
}
.selectcompare input[type="checkbox"] + label:before {
content: '\2713';
background: white;
color: white;
width: 24px;
height: 24px;
line-height: 24px;
border: 1px solid #ccc;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
display: block;
float: left;
margin: 0 4px 0 0;
text-align: center;
}
.selectcompare input[type="checkbox"]:checked + label:before {
border-color: #72a100;
background: #72a100;
}
.compare-button {
position: fixed;
right: 16px;
bottom: 70px;
background: #72a100;
color: white;
-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;
font-size: 16px;
line-height: 42px;
padding: 0 16px;
border-radius: 4px;
cursor: pointer;
float: left;
}
@media screen and (max-width : 735px) {
.compare-button {
border-radius: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 39999;
}
.selectcompare {
opacity: 1;
}
}
@media print {
.printhide, .ctrNavigation, .flexorderRDIFF, .topBannerSash, #FOOTER1, .primaryNav, .flexorderRDIFF {
display: none;
}
#comparetgt div[id*="cp"] {
width: 50% !important;
height: 100vh;
}
#comparetgt div[id*="cp"] .imgCtr {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
}
}
/* ***** END : Compare Products ***** */
[class*="stockStatus"] {
font-size: smaller;
margin: 8px 0;
position: relative;
cursor: pointer
}
[class*="stockStatus"]:after {
content: "\e128";
position: absolute;
right: 0;
font-family: feather;
}
.facetRow {
height: 48px;
display: flex;
}
.facetQV:before, .facetColourGroup .icon-drop, .productIsStarbuy:after, .productIsNotStarBuy:after, .icon-star {
top: -1px;
position: relative;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 47px;
font-size: smaller;
}
.facetColourGroup {
align-items: center;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.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;
}
.facetIsNotOnSale {
display: none;
}
.stockStatus-ComingSoon:before {
color: #0abbef;
content: "Coming Soon";
font-family: inherit;
}
.stockStatus-false:before {
color: red;
content: "Out of Stock";
font-family: inherit;
}
.stockStatus-PreOrder:before {
color: #7873B0;
content: "Pre order";
font-family: inherit;
}
.stockStatus-True:before {
color: #73AB02;
content: "In Stock";
font-family: inherit;
}
.stockStatus-SpecialOrder:before {
color: cornflowerblue;
content: "We'll Order This In";
font-family: inherit;
}
.stockStatus-Custom:before {
content: "CUSTOMISE";
font-family: inherit;
}
.icon-star {
margin-right: 3px;
}
.productIsNotStarBuy {
}
.productIsNotStarBuy > span {
display: none;
}
.productIsStarbuy:after {
content: "\e085";
margin-left: 4px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #8722b1;
}
.productIsStarbuy:after {
content: "Star Buy";
}
.productIsNotStarBuy:before {
content: "";
}
#priceFilterLower, #priceFilterUpper {
width: 100%;
background: #fdfdfd;
font-family: roboto;
font-size: .8em;
border: 1px solid #E0E0E0;
color: cornflowerblue !important;
}
.priceFilter {
margin: 16px 0;
}
.facetOrder {
width: 100%;
float: left;
clear: both;
}
.facetTitle, .facetTitle p {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.salestockOption {
padding: 32px;
}
.FFStock label {
color: yellowgreen;
}
.FFSale label {
color: tomato;
}
.FFStock input[type="checkbox"]:checked:before {
background: yellowgreen !important;
}
.FFSale input[type="checkbox"]:checked:before {
background: tomato !important;
}
.Standard .facetOptions, .Simple .facetOptions, .Simple .facetFinance {
display: none !important;
}
.Simple .fafStockQV {
display: none !important;
}
.Simple:not(.ShowRRP) .facetPricing span[id*="lblNow"] {
color: inherit !important;
}
.Simple:not(.ShowRRP) .facetPricing span[id*="lblwas"], .Simple:not(.ShowRRP) .facetPricing span[id*="lblDiscounttext"] {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border-left: none !important;
}
.Simple .frItemName {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.facetQuickViewSimple {
display: none;
}
.facetQuickViewSimple {
display: inline-block;
font-size: smaller;
border: 1px solid #ccc;
background: #f4f4f4;
border-radius: 4px;
padding: 2px 4px;
-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;
}
.facetQuickViewSimple:hover {
border: 1px solid #bddec7;
background: #e4f5e9;
}
.FAFResults .col-facetItem[data-isinstock*="stockStatus-false"] > a {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#greyscale");
}
.FAFclosebutton {
right: 8px;
font-size: small;
cursor: pointer;
padding: 0;
background: none !important;
width: initial !important;
}
.FAFclosebutton:before {
padding-right: 8px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e043";
color: #f00;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 47px;
font-size: smaller;
}
.score:before {
content: "\e093";
font-family: feather;
margin-right: 3px;
position: relative;
bottom: 1px
}
.score[data-rate="1"], .score[data-rate="2"], .score[data-rate="3"], .score[data-rate="4"], .score[data-rate="5"] {
opacity: 1;
color: #d69600;
}
.facetReview div.icon-star {
opacity: 1;
color: #d4980b;
float: left;
line-height: 24px;
}
.facetReview.score[data-rate="0"], .facetReview.score[data-rate="0"] + div.icon-star:before {
color: #555;
opacity: 0;
visibility: hidden;
display: none;
}
.facetColourGroup {
align-items: center;
}
.colourWheel:before {
content: "";
background: url(/images/colourwheel.png) center center no-repeat;
background-size: contain;
margin: auto !important;
width: 18px;
height: 10px;
display: inline-block;
position: relative;
top: 2px;
}
.colourWheel:after {
content: "Other Colours";
}
[style="display: none;"].colourWheel:before {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
[style="display: none;"].colourWheel:after {
content: ""
}
.facetColourGroup[style="display: none;"] {
display: inline-block !important;
opacity: 0.3;
}
.facetColourGroup .icon-drop {
content: "\e063";
margin-right: 8px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.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;
}
.facetIsNotOnSale {
display: none;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 100%;
font-size: inherit;
}
.facetColourGroup {
align-items: center;
}
.facetColourGroup .icon-drop {
content: "\e063";
margin-right: 3px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
.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;
}
.facetIsNotOnSale {
display: none;
}
.stockStatus-false:before,
.stockStatus-False:before,
.stockStatus-ComingSoon:before,
.stockStatus-comingsoon:before,
.stockStatus-PreOrder:before,
.stockStatus-preorder:before,
.stockStatus-True:before,
.stockStatus-true:before,
.stockStatus-SpecialOrder:before,
.stockStatus-specialorder:before {
color: #333;
content: "CHECK AVAILABILITY";
font-family: inherit;
}
.stockStatus-false:before,
.stockStatus-False:before {
content: "OUT OF STOCK";
}
.productIsStarbuy {
color: #8722b1;
}
.productIsNotStarBuy {
opacity: 0.3;
}
.productIsNotStarBuy > span {
display: none;
}
.productIsStarbuy:after {
content: "\e085";
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #8722b1;
}
.productIsStarbuy:before {
content: "Star Buy";
}
.productIsNotStarBuy:after {
content: "\e085";
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 4px;
}
#priceFilterLower, #priceFilterUpper {
width: 100%;
background: #fdfdfd;
font-family: roboto;
font-size: .8em;
border: 1px solid #E0E0E0;
color: cornflowerblue !important;
}
.priceFilter, .FacetSize {
margin: 0;
}
.salestockOption {
}
.FFStock label {
color: yellowgreen;
}
.FFSale label {
color: tomato;
}
.FFStock input[type="checkbox"]:checked:before {
background: yellowgreen !important;
}
.FFSale input[type="checkbox"]:checked:before {
background: tomato !important;
}
/* Find + Filter Landing page */
.LPTitle h3 {
border-top: 1px solid #999;
padding-top: 16px;
}
.LPFilters {
margin: 16px;
}
.LPFilters a,
.LPFilters a:visited {
display: block;
padding: 0 !important;
width: 100%;
font-size: smaller;
vertical-align: top;
line-height: 32px;
border-bottom: 1px solid #ebebeb;
color: #666;
min-width: 100%;
position: relative;
text-transform: capitalize;
clear: both;
}
.LPFilters a[id*="lnkFacetLink"]:after {
content: '\e055';
position: absolute;
top: 0;
right: 0;
color: #888888;
font-family: feather;
}
.LPFilters a[id*="lnkFacetLink"]:last-of-type {
border-bottom: 0;
padding: 0;
margin: 0;
}
.LPFilters:not(.LPFilters-expanded) > a[id*="lnkFacetLink"]:nth-of-type(1n+7) {
display: none;
}
.LPExpandButton {
color: #2c9ab7 !important;
text-align: right;
cursor: pointer;
border-bottom:0 !important;
}
.LPExpandButton:before,
.LPExpandButton:after {
display:inline-block;
}
.LPExpandButton:before {
content: attr(data-start);
padding-right: 3px;
}
.LPExpandButton:after {
padding-left: 3px;
content: attr(data-end) !important;
}
#facetsearch_landingPageTotalProductsPanel {
background: #f1f1f1;
float: left;
padding: 8px 16px !important;
}
#facetsearch_landingPageTotalProductsPanel p {
}
#facetsearch_landingPageTotalProductsPanel h4, #facetsearch_landingPageTotalProductsLbl {
}
.FAFLanding .mobile {
width: 100%;
}
.FAFLanding .facetHdr {
float: left;
width: 100%;
color: #222;
margin-bottom: 16px;
padding: 8px 16px !important;
}
.FAFLanding .facetHdr:before {
}
.metaControls {
padding: 0;
width: 100%;
}
.metaControls h2, h1.fafPageTitle {
text-transform: capitalize;
clear: both;
margin: 0 0 16px;
}
.FAFLanding .FAFFilters > div {
margin-bottom: 16px;
float: left;
}
#FafKnockoutResults .facetHdr {
}
#FafKnockoutResults .FAFFilters {
padding: 8px !important;
position: relative;
background: #f5f5f5;
z-index: 1;
}
.LPTitle {
margin: 16px 0;
}
.LPTitle h3 {
border-top: 1px solid #999;
padding-top: 16px;
}
.FAFLanding .flexreorder {
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
}
.flexreorder > div {
width: 100%;
}
.flexreorder > div > div {
margin-bottom: 16px;
background: #fbfbfb;
float: left;
width: 100%;
}
.ALPDescription-desktop {
display: flex;
flex-direction: row;
align-items: stretch;
}
.ALPDescription-desktop-brand {
width: 150px;
flex-basis: 150px;
min-width: 150px;
padding: 8px 8px 0 0;
}
.ALPDescription-desktop-brand > img {
margin-top: 0;
width: 100%;
}
.ALPDescription-desktop-desc {
width: 100%;
}
.ALPDescription-desktop-desc h2 {
margin-top: 16px;
}
.ALPBannerImages {
position: relative;
}
.imgCtrFafDesc {
position: relative;
}
.imgCtrFafDesc:after {
content: "";
display: block;
width: 100%;
padding-bottom: 25%;
}
.imgCtrFafDesc[data-image=""] {
display: none;
background: none !important;
}
.ALPBannerImages-Brand {
width: 80px;
min-width: 80px;
border: 1px solid #ebebeb;
margin-top: 8px;
}
/* Fix for new loading function */
.facetItemImg {
cursor: pointer;
max-height: none;
min-height: 100px;
background: white;
position: relative;
}
.facetItemImg > img {
width: 100%;
height: inherit;
}
.facetItemImg > img.lazyload,
.facetItemImg > img.lazyloading {
position: relative;
opacity:0;
}
.facetItemImg > .lazyload-anim {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.facetItemImg > .lazyload-anim:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
border-radius: 100%;
background: #cedfe9;
transform: translateX(-50%) translateY(-50%);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
animation: faf-lazyload-pulse 6s infinite;
}
.facetItemImg > img.lazyloaded + .lazyload-anim {
opacity: 0;
animation: none;
}
@keyframes faf-lazyload-pulse {
0% {
transform: translateX(-50%) translateY(-50%) scale(1);
opacity: 1;
}
25% {
transform: translateX(-50%) translateY(-50%) scale(1.5);
opacity: 0.1;
}
50% {
transform: translateX(-50%) translateY(-50%) scale(0.9);
opacity: 1;
}
75% {
transform: translateX(-50%) translateY(-50%) scale(2.2);
opacity: 0.1;
}
100% {
transform: translateX(-50%) translateY(-50%) scale(1);
opacity: 1;
}
}
/* QuickLook ------ */
#dev-QuickLook {
width: 100%;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
float: none;
display: flex;
flex-wrap: wrap;
}
#dev-QuickLook-img {
overflow: hidden;
width: 50%;
background: #fff;
}
#MIV-image-dev-small {
margin: 0 0 10px;
line-height: 1.5em;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 85px;
display: inline-block;
}
#attribute-quicklook-dev {
clear: right;
float: left;
width: 100%;
background: whitesmoke;
padding: 16px;
}
#dev-QuickLook-content {
float: left;
width: 50%;
padding: 16px;
background: #fff;
}
/* ----- QuickLook ------ */
#ImageLargePath-dev {
width: 100%;
overflow: hidden;
display: inline-block;
}
#MIV-quicklook-dev {
width: 250px;
display: none;
}
#MIV-quicklook-dev li {
display: inline-block;
list-style: none;
border: 1px solid #eee;
margin: 4px 0 5px 4px;
}
#ImageLargePath-dev img {
width: 100%;
max-width: 500px;
height: auto;
}
#dev-QuickLook-content, #MIV-image-dev, #title-dev, #ShortDescription-dev, #LongDescription-dev, #clPrice-dev {
clear: right;
display: block;
}
#ShortDescription-dev {
margin-bottom: 14px;
}
#attribute-quicklook-dev {
clear: right;
float: left;
width: 100%;
background: whitesmoke;
}
#attribute-quicklook-dev input {
display: none;
}
#clPrice-dev {
}
#clPrice-dev .pricingRange {
padding: 0;
float: left;
}
#dev-QuickLook-content {
float: left;
width: 50%;
padding: 28px;
}
#title-dev {
margin: 0 0 10px;
line-height: 1.5em;
color: #333;
}
.qv-add-container {
width: 100%;
clear: both;
background: white;
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;
}
.qv-add-container > div {
flex-direction: row;
align-items: stretch;
flex-direction: row;
padding: 21px;
}
.qv-add-container:nth-last-child(1) {
margin: 0;
}
.qv-name, .qv-price, .qv-stock, .qv-add {
}
.qv-name {
flex-grow: 1;
min-width: 160px;
}
.qv-price {
float: right;
padding: 0 16px;
}
.qv-stock {
float: right;
text-align: center;
order: 3;
background: #f0fae0;
}
.qv-add {
margin: 0;
order: 4;
order: 7;
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;
}
.qv-add:before {
content: "add";
}
.qv-add img {
cursor: pointer;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS {
}
.qv-stock .InStockCSS {
color: #006707;
}
.qv-stock .OutofStockCSS {
color: #cd0a0a;
}
.qv-stock .BackOrderCSS {
color: #0076a3;
}
#ctl01_lblDiscounttext > .save > .onsale {
position: absolute;
left: 214px;
top: 21px;
overflow: hidden;
width: 71px;
height: 71px;
}
.QuickLook-cards {
margin: 14px auto;
display: none;
}
.QuickLook-cards img {
margin: 14px 49px 14px 39px;
}
.quickview {
color: #fef4e9;
background: #f78d1d;
background: #faa51a;
}
.quickview:hover {
color: #FFF;
background: #f47c20;
background: #f88e11;
}
#link-dev {
margin-bottom: 0;
display: inline-block;
}
#clPrice-dev .pricing {
text-align: left;
position: relative;
top: 0;
width: 280px;
margin: 14px 0;
height: 40px;
}
#attribute-quicklook-dev .facetPricing > div > span:nth-child(2), .facetPricing > div > span:nth-child(3) {
padding: 0;
margin: 0;
text-align: center;
display: inline-block;
padding: 0 4px;
}
#clPrice-dev .now {
display: block;
height: 40px;
width: 94px;
margin: 0;
padding: 0;
float: left;
background: #f1f1f1;
color: #666;
text-align: center;
color: #3e7ca3;
line-height: 290%;
}
#clPrice-dev .was {
background: 3px;
display: block;
height: 40px;
width: 100px;
margin: 0;
padding: 0;
float: left;
background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1;
color: #999;
text-align: center;
background-position: -4px;
line-height: 290%;
}
#clPrice-dev .save {
display: block;
height: 40px;
width: 86px;
margin: 0;
padding: 0;
float: left;
background: #dc4040;
color: #fff;
text-align: center;
position: absolute;
left: 194px;
top: 0;
letter-spacing: 1px;
font-size: 13px;
line-height: 300%;
}
#clPrice-dev .onsale {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.out-of-stock .qv-add {
display: none;
}
.out-of-stock .qv-stock {
order: 5;
background: #FFF2F0;
flex-grow: 1;
color: red;
}
/* Custom reordering */
#FAFCustomReorder {
-ms-flex: 1;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
}
#FAFDesc {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-webkit-order: 5;
order: 5;
}
#FAFImg img {
width: 100%;
}
/* Experimental */
.imageContainer, .facetItem {
width: 100%;
float: left;
}
.facetItemImg {
float: left;
width: 100%;
position: relative;
}
div[class*="faf-image"] {
-webkit-background-size: 100% !important;
-moz-background-size: contain !important;
-o-background-size: contain !important;
background-size: contain !important;
background-position: center center !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
min-height: 100px;
}
.faf-bg-hidden div[class*="faf-image"], .faf-bg-hidden div[class*="imgCtr"], .faf-bg-hidden {
background: none !important;
}
.facetItemImg .imgCtr {
background-size: contain !important;
position: absolute;
top: 0;
bottom: 0;
}
.fafflexwrap {
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
}
.faftitlebreadcrumbs {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-o-order: 2;
-ms-order: 2;
order: 2;
}
/* Sizing Filters */
#SizeTermPanel, #SizeTermRevertPanel {
position: relative;
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}
#SizeTermPanel {
display: none;
}
#sizeTermKnockout {
opacity: 1;
position: relative;
}
#sizeTermRefresh[style*=""] {
background: #123;
}
#SizeTermPanel .FacetOptions {
font-size: .9em;
cursor: pointer;
display: block;
padding-bottom: 16px;
}
#SizeTermPanel .FacetOptions > div {
padding: 8px 16px;
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: center;
-ms-align-items: center;
width: 100%;
}
#SizeTermPanel .FacetOptions > div > label {
padding-left: 16px;
}
#SizeTermPanel .facetHdrSize {
font-size: 11px;
cursor: pointer;
display: block;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px;
padding: 12px 16px;
}
#SizeTermPanel span.facetOption {
height: 20px;
width: 20px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #fff;
position: relative;
outline: 1px solid #d0d0d0;
flex-basis: 20px;
min-width: 20px;
max-width: 20px;
display: inline-block;
}
#sizeTermRefresh, #sizeTermRestrict, #SizeTermRevertPanel {
position: absolute;
z-index: 1;
align-self: center;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
letter-spacing: 2px;
line-height: 25px;
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;
font-weight: 700;
font-size: 10px !important;
background: #0abbef !important;
border: none !important;
padding: 12px !important;
width: 100%;
}
#sizeTermRefresh:not([style="display: none;"]) ~ #sizeTermKnockout, #sizeTermRestrict:not([style="display: none;"]) ~ #sizeTermKnockout, #SizeTermRevertPanel:not([style="display: none;"]) ~ #sizeTermKnockout {
opacity: 0.25;
cursor: none;
pointer-events: none;
}
.FAFSizeOrder {
font-size: .9em;
border: 1px solid #efefef;
background: #f5f5f5;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding: 8px;
}
.FAFSizeOrderText {
}
.FAFSizeOrderText > span {
margin: 3px;
display: inline-block;
}
.FAFSizeOrder [class*='SizeFilter'] {
text-transform: uppercase;
font-weight: bold;
background: #ffffff;
outline: 1px solid rgba(165,19,19,0.35);
margin: 3px;
display: inline-block;
padding: 3px 11px;
font-size: smaller;
border-radius: 3px;
color: #a51313;
}
.FAFSizeOrder a {
z-index: 1;
align-self: center;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
letter-spacing: 2px;
line-height: 25px;
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;
font-weight: 700;
font-size: 10px !important;
background: #7693ea !important;
border: none !important;
padding: 12px 24px !important;
}
.SizeFilter8:before {
content: " MENS BIKES - ";
}
.SizeFilter9:before {
content: "WOMENS BIKES - ";
}
.SizeFilter10:before {
content: "UNISEX BIKES - ";
}
.selectFacet {
color: #000;
}
.selectCount {
opacity: 0.5;
padding-left: 5px;
}
/* Finance */
.facetFinance {
margin-bottom: 8px;
min-height: 33px;
}
.allowFinance {
background: #f7efff;
outline: 1px solid #d0bfe3;
color: #6c4a94;
font-size: smaller;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
justify-content: left;
-webkit-justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
padding: 8px;
}
.denyFinance {
background: #f1f1f1;
outline: 1px solid #f1f1f1;
height: 27px;
color: #F1F1F1;
overflow: hidden;
text-indent: -99999999px;
}
.FFPrice {
font-size: inital;
}
.FFPrice:before {
content: "From";
padding-right: 4px;
font-size: smaller;
}
.FFPrice:after {
content: "per month on finance";
padding-left: 4px;
font-size: smaller;
}
.FFmobile .FFPrice:after {
content: "/mth";
font-size: smaller;
}
/* Sticky */
.sticky {
width: 100%;
height: 48px;
}
.sticky.sticknow .FAFoptionsContainer {
margin-top: 0 !important;
position: fixed;
top: 0;
z-index: 7;
background: #ffffff;
width: 100%;
left: 0;
}
.sticknow .FAFoptionsReorder {
float: right;
margin: 0 !important;
}
.mobile .FAFoptionsReorder {
float: left;
margin: 0 !important;
border-right: 1px solid #eaeaea !important;
padding: 0 !important;
}
.mobile .FAFoptionsReorder select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
outline: none;
text-transform: uppercase;
width: 100%;
text-align: center;
background: rgba(255,255,255,0);
padding: 14px;
opacity: 0.01;
}
.FAFFiltersMobile:after {
content: "FILTER PRODYCS";
}
.FAFoptionsContainer {
position: relative;
}
.FAFFiltersMobile a.filtersBottom {
background: #a7c585;
color: white;
border-radius: 4px;
}
.FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
display: none;
}
.sticky2 {
z-index: 10;
width: 319px;
}
.sticky2.sticknow2 .filtersSize {
position: fixed;
top: 0;
z-index: 7;
}
.sticky2.sticknow2 .filtersSize > div {
}
.sticky2.sticknow2 .filtersSize > div > span {
}
.mobile .FAFoptionsContainer {
outline: 1px solid #dcdcdc;
outline:0;
}
.mobile .FAFoptionsContainer > a {
width: 50%;
margin: 0 !important;
text-align: center;
position: relative;
padding: 14px;
height: 47px !important;
border-radius: 0 !important;
background: white !important;
}
.mobile .FAFoptionsContainer label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-transform: uppercase;
padding: 16px 10px;
line-height: 14px;
}
.mobile .FAFoptionsContainer label span {
margin-right: 8px;
}
.mobile .reorder, .mobile .FAFoptions {
border-bottom: none;
}
/* --------------- Find and Filter Overrides --------------- */
#LoadingPanel {
z-index: 30;
}
#dev-QuickLook {
padding: 16px;
background: white;
}
.FAFFilters, .FAFResults .col-1.breadcrumbs {
order: 0 -1;
-moz-box-ordinal-group: -1;
-webkit-order: -1;
order: -1;
}
.reorder input {
color: #484848 !important;
outline: none;
}
.facetOrder > div:last-of-type {
padding: 0 !important;
}
.facetTitle {
order: -1 !important;
max-width: 100%;
padding: 32px 15% !important;
text-align: center;
background: white;
}
.facetTitle > .ctrPad32 {
padding: 0 !important;
}
.facetTitle h1 {
font-size: 21px;
text-transform: uppercase;
letter-spacing: .125em;
text-align: center;
margin: 0;
}
.facetTitle img {
display: none;
}
.facetTitle a {
display: inline-block;
color: #000;
border-bottom: 1px solid black;
text-align: center;
margin: 2px 8px;
order: 4;
}
.facetTitle p {
display: block;
float: left;
width: 100%;
}
.facetTitle p, .facetTitle a {
font-size: 13px;
}
#facetmetadetailsTitleDesc_lblDescription {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.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;
}
input.facetTypeSearch, #priceFilterLower, #priceFilterUpper {
}
.facetItemImg {
height: auto !important;
}
#FafKnockoutResults .FAFFilters {
background: white !important;
padding: 0 !important;
}
.FAFclosebutton {
top: 8px;
}
.FacetDefinitions .facetHdr {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.FacetDefinitions .facetHdr:after, #FafKnockoutResults .priceFilter .facetHdr:after, #FafKnockoutResults .FacetSize .facetHdr:after, #FafKnockoutResults .salestock .facetHdr:after, #FafKnockoutResults .FacetSearch .facetHdr:after {
font-family: feather;
content: "\e114";
float: right;
font-size: 14px;
font-weight: normal;
}
.FacetDefinitions .FacetOptions {
padding-top: 16px !important;
margin: 0 !important;
display: none;
margin: 0 8px !important;
}
#FafKnockoutResults .facetHdr {
padding: 16px !important;
line-height: 14px;
font-size: 12px;
border-bottom: 1px solid #dadada;
}
#FafKnockoutResults .facetHdr:after {
content: "\e114";
}
.ToggleMenu > .col-1:not(.facetHdr) {
display: none;
}
.FacetDefinitions > .col-1 {
background-color: #ffffff;
line-height: 14px;
font-size: 12px;
}
.FacetDefinitions .facetHdr {
background: #f5f5f5;
}
.FacetDefinitions > .facetHdr {
background: #ffffff;
}
#sizeTermKnockout .FacetDefinitions:before {
content: 'SHOP BY SIZE';
}
.FacetDefinitions > div, .salestock {
border-top: 0 !important;
margin: 0;
}
.salestock {
}
.salestock .facetHdr {
padding-bottom: 16px !important;
}
.FAFFiltersMobile a.filtersBottom {
background: #a7c585;
color: white;
border-radius: 4px;
}
.FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
display: none;
}
.FFopen {
padding-bottom: 16px;
background: #f7f7f7 !important;
}
.FFopen .facetHdr {
margin-bottom: 16px;
}
.FFopen .facetHdr:after {
color: #bb5252;
content: "\e117" !important;
}
.FFDesktop a.filtersSize {
z-index: 2;
width: 100%;
left: 0;
}
.FFmobile a.filtersSize {
display: none !important;
}
.Count {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
padding-top: 8px;
float: left;
}
.FFDesktop .ToggleMenu {
margin-bottom: 8px;
}
.FFDesktop .ToggleMenu > .facetHdr {
color: #fff;
}
.FFDesktop .ToggleMenu > .col-1:not(.facetHdr) {
background: #fafafa;
}
.FFDesktop .FacetSize > .col-1:not(.facetHdr) {
background: white;
}
.FFDesktop #SizeTermPanel .facetHdrSize {
margin-top: 16px;
color: #83a4db;
}
.FFDesktop #SizeTermPanel .facetHdrSize, .FFDesktop #SizeTermPanel .FacetOptions {
background: #fafafa;
}
.FFDesktop #SizeTermPanel .facetHdrSize:first-of-type {
margin-top: 0;
}
.FFDesktop #SizeTermPanel .FacetOptions:last-of-type {
}
.FFDesktop a.filtersSize span {
width: 100%;
background: #e4e4e4 !important;
border: none;
color: #4c5f7c !important;
margin: 16px 0;
background-color: white;
cursor: default;
}
.FFDesktop a.filtersSize.active span {
width: 100%;
background: #0abbef !important;
border: none;
cursor: pointer;
color: #ffffff !important;
}
span.button {
}
/* reordering */
.FacetSize {
-webkit-box-ordinal-group: 2 !important;
-moz-box-ordinal-group: 2 !important;
-webkit-order: 2 !important;
order: 2 !important;
}
.priceFilter {
-webkit-box-ordinal-group: 0 !important;
-moz-box-ordinal-group: 0 !important;
-webkit-order: 0 !important;
order: 0 !important;
}
.FacetDefinitions {
-webkit-box-ordinal-group: 1 !important;
-moz-box-ordinal-group: 1 !important;
-webkit-order: 1 !important;
order: 1 !important;
}
.FacetSearch {
-webkit-box-ordinal-group: 4 !important;
-moz-box-ordinal-group: 4 !important;
-webkit-order: 4 !important;
order: 4 !important;
}
.salestock {
-webkit-box-ordinal-group: 3 !important;
-moz-box-ordinal-group: 3 !important;
-webkit-order: 3 !important;
order: 3 !important;
}
.FFDesktop .FAFFiltersReorder > div > span {
background-color: #e9e9e9;
color: #333 !important;
}
/* Price Slider */
#priceFilterLower, #priceFilterUpper {
display: none;
}
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
border: 1px solid #E0E0E0;
}
.noUi-connect {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-origin {
position: absolute;
height: 0;
width: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
-webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
transition: top .3s, right .3s, bottom .3s, left .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base, .noUi-handle {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
outline: none;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
.noUi-target {
background: #fdfdfd;
border-radius: 4px;
margin-top: 28px;
}
.noUi-connect {
background: #888888;
border-radius: 4px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
outline: none;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after, .noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips, .noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-large, .noUi-marker-sub {
background: #AAA;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate3d(-50%,50%,0);
transform: translate3d(-50%,50%,0);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border-radius: 3px;
background: #888888;
color: #fdfdfd;
padding: 2px 6px;
text-align: center;
white-space: nowrap;
font-size: smaller;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
top: 50%;
right: 120%;
}
.boHidden {
}
.fafqvdd, .fafqvdd-hidden, .fafqvdd-inner, .fafqvdd-details-desc-title span, .fafqvdd-details-desc-link {
-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;
}
.fafqvdd {
z-index: 3000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
opacity: 0;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-inner {
width: 1000px;
height: 500px;
max-width: 100%;
background: white;
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: relative;
}
.fafqvdd-inner-hidden.fafqvdd-inner {
opacity: 0;
-moz-transform: scale(0.85);
-webkit-transform: scale(0.85);
-o-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
.fafqvdd-close {
position: absolute;
top: -16px;
right: -16px;
width: 32px;
height: 32px;
background: black;
color: white;
border-radius: 100%;
line-height: 32px;
font-size: 16px;
text-align: center;
cursor: pointer;
}
.fafqvdd-image {
max-width: 50%;
background-size: contain !important;
}
.fafqvdd-details {
overflow: hidden;
overflow-y: auto;
padding: 32px;
}
.fafqvdd-details-title {
font-size: 24px;
line-height: 125%;
margin-bottom: 16px;
}
.fafqvdd-details-price {
font-size: 14px;
line-height: 100%;
margin-bottom: 16px;
}
.fafqvdd-details-price > span {
margin-right: 8px;
}
.fafqvdd-details-price > span:last-of-type {
margin-right: 0;
}
.fafqvdd-details-price-original {
color: #aaa;
text-decoration: line-through;
}
.fafqvdd-details-price-saving {
color: crimson;
}
.fafqvdd-details-desc {
padding: 8px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
margin-top: 16px;
}
.fafqvdd-details-desc-title {
font-size: 14px;
color: black;
line-height: 14px;
text-transform: uppercase;
cursor: pointer;
}
.fafqvdd-details-desc-title span {
display: block;
float: right;
width: 14px;
height: 14px;
position: relative;
font-size: 14px;
text-align: center;
line-height: 14px;
color: dodgerblue;
}
.fafdescopen .fafqvdd-details-desc-title span {
webkit-transform: rotate(90deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: crimson;
}
.fafqvdd-details-desc-content {
font-size: 14px;
padding: 16px 0 8px;
display: none;
}
.fafqvdd-details-desc-link {
margin-top: 8px;
}
.fafqvdd .dropdownA2B {
position: relative;
}
.fafqvdd .dropdownA2B .a2bselect {
width: calc(100% - 68px) !important;
}
.fafqvdd .dropdownA2B .a2bselect:before {
top: 14px;
}
.fafqvdd .dropdownA2B .a2bselect select {
margin-top: 0 !important;
}
.fafqvdd .dropdownA2B .a2bButtonGo {
font-size: 0;
width: 64px;
position: relative;
opacity: 0;
}
.fafqvdd .dropdownA2B .a2bButtonGo:after {
font-size: 18px;
content: 'Add';
display: block;
float: left;
width: 100%;
position: absolute;
top: 0;
left: 0;
letter-spacing: 0;
text-transform: none;
}
.fafqvdd .dropdownA2B .a2bButtonGo[onclick] {
opacity:1;
}
.fafqvdd .dropdownA2B .a2bButtonGo[onclick="undefined"] {
display:none !important;
}
.fafqvdd .a2bCover {
display: none !important;
top: 0;
width: 64px !important;
}
.fafqvdd .a2bCover.a2bAdded {
display: block !important;
}
.fafqvdd .add-to-cart-area-2 {
flex-wrap: wrap;
}
.fafqvdd .add-to-cart-area-2 .add-to-cart-area-msg,
.fafqvdd .add-to-cart-area-2 .add-to-cart-area-checkavailability {
width: 100%;
}
.fafqvdd .add-to-cart-area-2 .add-to-cart-area-checkavailability {
margin-top: 6px;
}
@media screen and (max-width: 1023.9px) {
.FAFFilters {
overflow-x: hidden !important;
}
}
/* iPhone 5 */
@media screen and (max-width: 320px) {
.faf-image-desktop, .faf-image-mobile-not5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-mobile-5 {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
height: 100vh !important;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-image {
max-width: 100%;
}
.fafqvdd-details-title {
font-size: 16px;
line-height: 140%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
padding: 16px;
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
overflow: auto;
overflow-y: auto;
}
}
/* Phones & iPads - except iPhone 5 */
@media screen and (min-width : 321px) and (max-width : 767px) {
.faf-image-desktop, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-mobile-not5 {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
height: 100vh !important;
min-height: 100vh !important;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-details-title {
font-size: 18px;
line-height: 135%;
}
.fafqvdd-image {
max-width: 100%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
padding: 16px;
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
overflow: auto;
overflow-y: auto;
}
}
@media screen and (min-width : 768px) and (max-width : 1023px) {
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-desktop, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-tablet {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-image.imgCtr {
width: 100% !important;
max-width: 100%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
}
}
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
.col-facetItem {
width: 50% !important;
flex-basis: 50%;
min-width: 50%;
width: 50%;
-webkit-flex-basis: 50%;
}
.productContainer .col-facetItem:nth-of-type(2n) {
}
.FAF {
flex-flow: wrap;
}
.FacetStandardDescription-ALP {
order: 3 !important;
}
.FAFResults {
order: 2 !important;
width: 100%;
padding: 0;
}
.FAFFilters {
order: 1 !important;
flex-basis: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.FAFFiltersMobile {
text-align: center;
margin: 16px;
}
.FAFFiltersMobile a {
display: block;
content: "Show Filter Options";
clear: both;
}
.filtersButton {
display: none;
}
.FAFFiltersMobile a:before {
font: normal normal normal 14px/1 feather;
content: "\e003";
margin-right: 8px;
}
.FFFiletrActive:after {
font: normal normal normal 14px/1 feather;
content: "\e117";
margin-left: 8px;
color: #BF2424;
background: #efefef;
padding: 7px;
}
.col-filter {
width: 50% !important;
}
.FAFFilters {
flex-basis: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
transform: translateX(0%);
}
.facetOption > span, .subFacetOption > span {
height: 20px !important;
width: 20px !important;
flex-basis: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}
.subFacetOption, .facetSubHdr {
font-size: .8em;
width: 50% !important;
}
.facetSubHdr {
width: 100% !important;
}
.facetItemDetails {
padding: 0;
}
.frItemName {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.facetPricing {
}
.dev-branddescription #catImg {
}
.FacetOptions .col-2 {
width: 50% !important;
}
.facetColourGroup span, .productIsNotStarBuy:before {
display: none !important;
}
.productIsStarbuy:before {
content: "";
}
.metaControls {
padding: 0 !important;
}
.facetPricing > div > span:nth-child(3) {
display: none !important;
}
.stockStatus-ComingSoon:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-false:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-PreOrder:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-True:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-SpecialOrder:before {
content: "CHECK STOCK";
font-size: 9px;
}
/* QuickLook */ #dev-QuickLook-img {
display: none;
}
#ImageLargePath-dev img {
height: 100%;
width: initial;
}
#title-dev {
font-size: 1em;
}
#ShortDescription-dev {
font-size: .75em;
}
#ShortDescription-dev {
display: none;
}
#attribute-quicklook-dev {
background: initial;
padding: 16px !important;
margin: 0;
background: #fff;
text-align: center;
}
#attribute-quicklook-dev .qv-stock, #attribute-quicklook-dev .qv-add, #attribute-quicklook-dev .qv-price {
display: none;
}
.qv-add-container {
padding: 0;
display: inline !important;
}
#attribute-quicklook-dev:before {
content: "Availability";
padding: 0 0 16px;
display: inline-block;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
display: inline-block;
}
#attribute-quicklook-dev .qv-name {
padding: 0;
display: inline-block;
min-width: initial;
margin: 0 7px 7px 0;
background: #acd373;
padding: 7px 14px;
border-radius: 3px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
#attribute-quicklook-dev .qv-name:before {
font-family: feather;
content: '\e117';
font-size: 15px !important;
margin-right: 10px;
content: "\e116";
}
.out-of-stock .qv-name {
background: #DEDEDE !important;
color: #666 !important;
}
.out-of-stock .qv-name:before {
font-family: feather;
content: '\e117' !important;
font-size: 15px !important;
margin-right: 10px;
color: #E26F6F;
}
#dev-QuickLook-img {
order: 3;
}
#title-dev {
font-size: 20px;
margin: 8px;
}
.quickview, #dev-QuickLook-content {
width: 100% !important;
text-align: center;
}
.imgCtrFafDesc:after {
padding-bottom: 75%;
}
/* New Mobiel filetrs */ .FAFFilters.FFmobile {
z-index: 1001 !important;
position: fixed !important;
background: #fff;
top: 0;
left: 0;
z-index: 2;
width: 100%;
overflow: none;
overflow-x: inherit !important;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0 .4s ease-in-out;
transition: 0 .4s ease-in-out;
-o-transition: 0 .4s ease-in-out;
-moz-transition: transform .4s ease-in-out, 0 .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out;
display: block;
}
.FAFFilters.FFmobile.active {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.FFmobile .holder {
padding-top: 50px;
}
.FFmobile .title-holder {
height: 50px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
background: #fff;
box-sizing: border-box;
padding: 0 16px 16px;
border-bottom: 1px solid #dadada;
}
.FFmobile .FAFFiltersReorder {
background: #f5f5f5;
position: absolute;
width: 100%;
margin: 0;
padding-bottom: 122px;
}
.FFmobile .FAFFiltersReorder > div {
display: block;
}
.confirmContainer {
position: fixed;
bottom: 50px;
left: 0;
width: 100%;
z-index: 10;
background-color: #fff;
text-transform: capitalize;
padding: 16px;
border-top: 1px solid #ddd;
}
#confirmButton {
border: 1px solid #404040;
height: 48px;
line-height: 48px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
letter-spacing: 1.3px;
text-align: center;
text-transform: uppercase;
color: #ffffff !important;
background-color: #c3c3c3;
width: 100%;
display: block;
}
#confirmButton {
background: #404040;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#confirmButton:before {
content: "Apply";
}
.FFmobile #scroller {
z-index: 3;
position: relative;
overflow: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
background: #f5f5f5;
-webkit-overflow-scrolling: touch;
}
#filer-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
content: ' ';
display: none;
z-index: 9;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
#filer-overlay.active {
opacity: .3;
display: block;
touch-action: none;
overflow: hidden;
}
.title-holder .active h2 {
padding-left: 40px;
}
.title-holder .active {
display: none;
}
#FF-back {
display: inline-block;
position: relative;
}
#FF-back span {
position: absolute;
top: 0;
left: -16px;
width: 50px;
height: 50px;
}
.fa-long-arrow-left:before {
content: "\e094";
top: 19px;
left: 19px;
position: relative;
}
.FFmobile .priceFilter .ctrPad32 {
padding: 38px 48px !important;
}
#close {
position: absolute;
right: 32px;
top: 0;
color: #d85757;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0 16px;
font-size: 10px;
letter-spacing: 1px;
}
#close.fa-close:before {
top: 18px;
left: 18px;
padding-right: 6px;
}
.ffclose {
background: #c53e3e;
margin-left: 8px;
height: 48px;
width: 48px;
text-align: center;
padding: 0 16px;
}
.ffclose:before {
font: normal normal normal 14px/1 feather;
content: "\e117";
color: #ffffff;
line-height: 48px;
}
.Count {
padding: 16px 0;
float: left;
}
.productContainer {
margin: 0 -16px;
padding: 8px;
}
.facetQuickViewSimple {
}
.FAFFiltersReorder > .ToggleMenu > .facetHdr {
background: #fff;
}
.FAFSizeOrderText {
}
.FAFSizeOrderText > span:first-of-type {
width: 100%;
}
.FAFSizeOrder a {
width: 100%;
margin-top: 8px;
}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1024px) {
.col-facetItem {
width: 33.33%;
flex-basis: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
flex: 1 0 auto;
-webkit-flex-basis: 33.33%;
}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024.1px) and (max-width : 1439px) {
/* -- Find + Filter */ .FAFResults {
width: 70% !important;
}
.col-facetItem {
width: 33.33% !important;
flex-basis: 33.33%;
min-width: 33.33%;
width: 33.33%;
-webkit-flex-basis: 33.33%;
}
.FAFFilters {
width: 30%;
}
.FacetDefinitions > div {
padding-top: 0 !important;
}
.facetOption > span, .subFacetOption > span {
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-desktop {
display: none;
background: none !important;
}
.faf-image-laptop {
display: block;
}
.imgCtrFafDesc:after {
padding-bottom: 30%;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1919px) {
/* -- Find + Filter */ .facetOption, .subFacetOption, .facetSubHdr, .salestock {
font-size: .9em;
}
.FAFResults {
width: 80%;
}
.FAFFilters {
width: 20%;
}
.col-facetItem {
width: 20% !important;
flex-basis: 20%;
min-width: 20%;
width: 20%;
-webkit-flex-basis: 20%;
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-desktop {
display: block;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1920px) {
/* -- Find + Filter */ .col-facetItem {
width: 20% !important;
flex-basis: 20%;
min-width: 20%;
-webkit-flex-basis: 20%;
}
.facetOption, .subFacetOption, .facetSubHdr, .salestock {
}
.FAFResults {
width: 80%;
}
.FAFFilters {
width: 20%;
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-desktop {
display: block;
}
.imgCtrFafDesc:after {
padding-bottom: 20%;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
.pricing {
display: inline-block;
}
.pricing > span:nth-child(2) {
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid #dadada;
text-decoration: line-through
}
.pricing > span:nth-child(3) {
font-size: smaller;
}
.col-facetItem[data-onsale="1"] .pricing > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(1) {
color: #ff4242;
}
.col-facetItem[data-onsale="1"] .pricing > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(2) {
color: #a2a2a2;
text-decoration: line-through;
font-size: smaller;
margin-left: 4px;
padding-left: 4px;
}
.fafSalePR > span:nth-child(1) > span {
color: #ff4242;
}
.percentOff-betterSearch {
color: #ff4242;
}
.fafSalePR > span:nth-child(2) > span {
color: #a2a2a2;
text-decoration: line-through;
}
.facetItemDetails .pricing > span:nth-child(3) font {
display: none
}
span[id*="lblSalePrice"] {
color: inherit !important;
}
.ui-slider { position: relative; text-align: left; border-radius: 39px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background-color: transparent !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs/* *********************************** */
/* ************ 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: "Lato Regular";
src: url('/font/Lato-Regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lato Heavy";
src: url('/font/Lato-Heavy-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* General HTML */
html, body {font-family: 'Lato Regular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;color:#555;background: #FFF;}
.container {background: #ffffff;}
body {font-family: 'Lato Regular', "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: #ffffff;}
*{font-family: 'Lato Regular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
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:#232423 !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:#232423 !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 {color: #101012;font-family: "Lato Heavy" , "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; ;letter-spacing: 0;}
h1, .h1 {font-size: 30px;line-height:1.2em;}
h2, .h2 {font-size: 26px;line-height:1.2em;clear: both;}
h3, .h3 {font-size: 18px;line-height:1.2em;margin:0 0 8px 0;}
h4, .h4 {font-size: 24px;line-height:1.2em;margin:0 0 8px 0;}
.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}
/* 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);color: #000;}
button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border, .buttonRound {-webkit-appearance: none;border: none;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;}
/* 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: #232423;}
.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: 'Lato Heavy', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; 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 {color:#FFFFFF;text-align: right;text-transform:uppercase;letter-spacing:2px;font-size: 12px;border-bottom: 1px solid #3c3e3c;}
.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: #6caf45;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: #6caf45;}
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: 'Lato Heavy', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; !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: 'Lato Regular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;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;}
.open {display:block !important;}
.navLogoSimple, .navLogoComplex {display:none;}
/* If simple */
.simpleNavMenu {text-align:center;}
.simpleNavMenu .navCtr .ctrNavigation {display:flex !important;width:100%;float:left;}
.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: space-between;}
.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:flex}
.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%; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.NodeLevel1 {background: none;float:left;width: 50%;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: 'Lato Heavy', "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: #6caf45;
}
.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: #6caf45;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%}
/* Footer */
.footer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items:stretch;flex-wrap:wrap;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: #fff !important;border: 0;width: 100%;color: #565656;height: 46px;line-height: 48px;-webkit-appearance: none;-moz-appearance:none;appearance:none;border-radius:0;border: 1px solid #ffffff;min-width: 150px;}
.newsletter-footer::-webkit-input-placeholder {color: white;}
.newsletter-footer:-moz-placeholder {color: white;}
.newsletter-footer::-moz-placeholder {color: white;}
.newsletter-footer:-ms-input-placeholder {color: white;}
.newsletter-footer-submit {background: #6caf45;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:#fff}
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: #ffffff;}
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: #fff;}
.footerTerms a {}
.footerTerms a:hover {}
.footerTerms strong { color:#FFF;font-size: 16px;}
.footerCitr {text-align:right;font-size: smaller;color: #fff;}
.footerCitr a {color:#c9da35;text-decoration:none;color: #fff;}
.backgrounrdsignup { background:url(layout/bgFooter.jpg) 50% 50% / cover no-repeat; padding: 8px 0}
dl {text-align: left ;width: 100%;}
dl dt {float: left;width: 100px;}
dl dd {margin: 0px;width: 100%;}
.hours p { display:block}
.footer dl, .footer span {}
.footerSignup img { float:left; margin-right:16px;}
.backgrounrdsignup h3 {color: white; font-style:normal; font-weight: bold; margin-bottom: 0px;}
.backgrounrdsignup p {color: rgba(255, 255, 255, 0.70) ;margin-bottom: 0;line-height: inherit;}
.citrus {color: #d7eeff!important;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: #232423;
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}
/* -- 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;}
/* -- 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;}
.blogBlogContainer > div.blog-pagination {text-align:inherit; height: auto;min-height: inherit;}
.blogBlogContainer > div.blog-pagination a {display:block;color:lightsteelblue; text-decoration:none}
.blogBlogContainer > div.blog-pagination a:after, .blogBlogContainer > div.blog-pagination a:before {font-family:'FontAwesome';display:block;}
.blogBlogContainer > div.blog-pagination a.archivenext {margin:1em 0 0 0}
.blogBlogContainer > div.blog-pagination a.archivenext:after {content: "\f054"; margin: 0.25em 0 0 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a.archiveprev {margin:0 0 1em 0}
.blogBlogContainer > div.blog-pagination a.archiveprev:before {content: "\f053"; margin: 0 0 0.25em 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a[disabled="disabled"] {display:none;}
.blog-RecentArticles {}
.blog-RecentArticles a {display: block;text-decoration: none;padding: 0.5em 0;height: auto;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.blog-RecentArticles a:hover {background:#f4f4f4;}
.archiveContent {}
.archiveContent h3 {margin: 2em 0 0.25em 0;}
.archiveContent h4 {margin: 0 0 1em 0;padding: 0 0 1em 0;}
.archiveContent a { display: block; line-height: 2em;}
#blogArticleImage {min-height:400px;background-size: cover;background-position: center;}
#blogArticleImage .blogImgOverlay {background:rgba(0,0,0,0.5); width:100%; height:400px; }
.large-article-box {position: relative;}
.large-article-header {padding:0 0 1em 0;margin:0 0 1em 0; border-bottom:1px dotted #e1e1e1}
.large-article-header h1 {margin: 0 0 0.25em 0;font-size: 1.6em;}
.large-article-header p {float:left; margin:0 1em 0 0}
.large-article-content img {max-width:100%; height:inherit;}
.large-article-content {word-wrap: break-word;}
.blogRightColumn {padding:0 0 0 16px;}
.shareAreaBlog {margin:0 0 2em 0}
.shareAreaBlog h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.shareAreaBlog > div {overflow:hidden; font-size:0; cursor:pointer;position: relative;}
.shareAreaBlog > div > a {display:block;width: 54px; height: 54px;position: absolute;top: 0;}
.shareAreaBlog > div:before {border-radius:50%; width:48px; height:48px; background:#ff0; display: inline-block; color:white;font-size:20px;padding: 15px 0;text-align: center;margin:0px 3px;}
.shareAreaBlog .linkTwitter:before {background: #00aced}
.shareAreaBlog .linkFacebook:before {background:#3b5998}
.shareAreaBlog .linkGoogle:before {background: #dd4b39}
.blogRightSearch {margin:0 0 2em 0}
.blogRightSearch h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogSearch {position:relative;padding: 0.25em;}
.blogSearch #blogSearchInput { background: #fff; width: 100%; height: 42px; padding: 14px 7px; border: 1px solid #2f353e;}
.blogSearch #blogSearchButton { position: absolute; top: 4px; right: 3px; padding: 14px; height: 42px; line-height: 90%;}
.blogSearch #blogSearchButton:hover {cursor:pointer}
.blogRightCloud {margin:0 0 2em 0}
.blogRightCloud h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightCloud a {margin: 0.25em;}
.blogRightRecent {margin:0 0 2em 0}
.blogRightRecent h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightRecent a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display:block; color:#666; padding: 1em 1em 1em 0em; text-decoration:none; border:0;}
.blogRightRecent a:hover {background:cornflowerblue; color:white; padding: 1em;}
.blogRightRecent a span {width:0;width: 0;display: inline-block;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color:#fff; line-height: 80%;}
.blogRightRecent a:hover span {width:10px;}
mobi
/* -- 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: 'Lato Heavy', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
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 }
.addToBasketArea {background: #E4E4E4;border-left: none !important;border-right: none !important;}
div.addMobile { display: none; }
div.addDesktop {display: block;overflow: hidden;padding: 0px;clear: both;}
.clAttributeGridContainer {margin: 0 auto;}
.attRow {margin: 0 0 16px 0;background: #ffffff;display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: left;flex-direction: row;}
.attRow:last-of-type { margin: 0 }}
.attRow>div:first-child { text-align:left}
.attRow>div {flex-direction:row;align-items: stretch;padding: 0 16px;padding: 21px;text-align: left;}
#attCode {order: 1;flex-grow: 0; vertical-align: middle; color: cornflowerblue }
#attName {order: 2;}
#attYTP { order: 3; flex-grow: 0; vertical-align: middle }
#attPrice {order: 4;/* flex-grow: 1; */flex-basis: auto;}
#attStockMessage {order: 6;background: rgba(227, 245, 198, 0.84);flex-grow: 1;text-align: left;}
#attStockLookup {order: 4;color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
#attQty {order: 7;min-width: 125px;text-align: left;position: relative;}
#attAdd {order:8;background: #acd373;text-align: center;position: relative;color: #fff;text-transform: uppercase;letter-spacing: 1px;flex-basis: auto;overflow: hidden;position: relative;}
#attAdd:before {content: "add";line-height: 66px;}
#attAdd:hover {background: #96BD5C;color:#fff;}
#attOutStock {order: 9;padding: 0;background: #FFF2F0;padding: 9px;flex-grow: 1;}
#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;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 {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;}
.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;}
.button-outofStock:hover {background-color: #3B729C; color:#fff}
.NotifyWarning {width: 100%;background: #FF5858;color: #ffffff;line-height: 250%;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:28px;height: 28px;}
@-webkit-keyframes load8 {0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height: 66px;}
.nameCtr { display: block; color: #666;}
.name {/* white-space: nowrap; *//* overflow: hidden; */vertical-align: left;}
.stock { display: block;min-width: 15%;text-align: center;}
.InStockCSS {color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
.OutofStockCSS { display: block;/* background: #fff2f0; */ color: #f54f36; width: 100% }
.BackOrderCSS {display: block;color: #55acee;padding: 0 8px;}
.locate { float: right; text-align: center; padding: 0 16px;}
.StoreLookup:before {font-family: 'FontAwesome';content: "\f041";padding-right:8px;color: #E4E4E4;}
.StoreLookup {color: #0066CC;cursor:pointer;border-bottom: 1px solid #D6D6D6;}
.price { display: block;/* height: 64px; *//* line-height: 64px; */ text-align: center; float: right; padding: 0 16px;}
.oosEmail { display: block; height: 64px; float: right;background: #fff2f0; line-height: 64px; padding: 0;}
.add {float: right;width: 64px;padding: 0 !IMPORTANT;}
.dev-b2bcontainer {}
.button-matrix { cursor: pointer;height: 64px;width: 100%;position: absolute;right: 0; padding: 32px;}
.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;}
#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:white;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:inline !important;}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height:66px;}
/* 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: 'Lato Regular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; 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)/*{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; }
/* Finance Calculator Modifiers */
.financeTxtPosSub {display: none;}
.financeTxtPosMain {display: none;}
#finance-bg:before { content:"Finance options available"}
/* --- 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;}
#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;position: absolute;z-index: 1;}
.brandImg div {background-size:contain !important;background:white;display: block;}
.bigImg a.MIV {position:absolute;top: 0;left: 0;}
.bigImg a.MIV:before {font-family:'FontAwesome';content:'\f00e';width: 80px;height: 80px;line-height: 80px;text-align:center;color:white;background:rgba(0,0,0,0.75);display:block;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;font-size: 32px;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bigImg a.MIV:hover:before {opacity:1;}
#MIVPanel {flex-wrap: wrap;background: #efefef;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; display: flex;}
.moreImgs {-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;}
.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;}
#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: 'Lato Heavy', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; 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;}
/* 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: 'Lato Heavy', "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: none;}
.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: 'Lato Heavy', "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) 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: 'Lato Heavy', "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:flex;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;
}
.pricing div {display: inline-block;}
.detail>span:first-child{display:inherit !important;font-size: larger;}
span.nowPrice {font-family: 'Lato Heavy', "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: 'Lato Regular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;font-size: 1em;font-weight: normal;}
.iGscPrice .currencyCode {display: none;}
.currencyMain {/* width: 80%; */margin: 0 auto;}
.currencyMain {
display: none;
}
.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%;}
#fancybox-left, #fancybox-right {width: 50% !important;}
#fancybox-right {right: 0 !important;}
/* 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;}
/* CSS image display */
div[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain {background-size:contain !important;}
/* Image Media Queries */
@media screen and (max-width : 320px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-320 {display:block !important;}
}
@media screen and (min-width : 321px) and (max-width : 414px)
{
.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1920px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1920.1px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important; background: none !important;}
.css-image-4k {display:block !important;}
}
/* New Homepage Layout */
[class*="hmBanner"] > div{display:grid;grid-gap:1em;padding:1em 0 0;}
[class*="hmBanner"] > div > a{position:relative;width:100%;height:100%;}
[class*="hmBanner"] > div > a:hover .bannerView{background: #6caf45;border: 1px solid #6caf45;}
.modernizr-no-cssgrid [class*="hmBanner"] > div{display:block;}
.hmBanner1 > div{grid-template-columns:repeat(4,1fr);-ms-grid-columns:1fr 1fr 1fr 1fr;}
.hmBanner2 > div{grid-template-columns:repeat(4,1fr);-ms-grid-template-columns:1fr 1fr 1fr;}
.hmBanner3 > div{grid-template-columns:repeat(4,1fr);-ms-grid-template-columns:1fr 1fr 1fr 1fr;}
.photo{background:#efefef;background-size:cover;background-position:center;height:100%;}
.photo div:after{padding-bottom:75%;content:"";display:block;width:100%;}
.hmBanner1 > div > a:nth-child(1){grid-column:1/3;grid-row:1/3;}
.hmBanner2 > div > a:nth-child(1){grid-column: 3/5;grid-row:1/3;}
.bannerTxtCtr{position:absolute;display:flex;align-items:center;justify-content: flex-end;flex-wrap:wrap;text-align:center;z-index:2;width:100%;height:100%;flex-direction:column;-ms-flex-direction:column;color:#FFF;padding:32px;}
.bannerDesc,.bannerTitle,.bannerView{background:#000000a6;}
.bannerDesc:empty,.bannerTitle:empty,.bannerView:empty{display:none;}
.bannerTxtCtr > span{padding:8px 16px;}
.bannerDesc{letter-spacing: 3px;font-size: 10px;text-transform: uppercase;padding: 4px 8px 0 !important;}
.bannerTitle{font-size:x-large;overflow:hidden;text-overflow:ellipsis;display:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family: 'Lato Heavy', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
.bannerView{margin-top:8px;font-size:small;padding: 4px 16px !important;border: 1px solid #ffffff00;}
.hmBanner3 { padding-bottom:1em}
.hmBanner3 .bannerTitle{font-size:small;max-height:53px;}
.modernizr-no-cssgrid [class*="hmBanner"] > div > a{display:inline-block;}
.modernizr-no-cssgrid [class*="hmBanner"] .bannerTxtCtr{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;}
@media screen and (min-width : 0px) and (max-width : 767px){
[class*="hmBanner"] > div{grid-gap:.5em!important;padding:.5em 0 0 !important;;}
[class*="hmBanner"] > div {grid-template-columns:1fr !important;-ms-grid-columns:1fr;}
.bannerTxtCtr{padding:8px;!important;}
.bannerTitle{font-size:large;text-transform:uppercase;}
.bannerTxtCtr > span{padding:4px 8px;}
.hmBanner1 > div > a:nth-child(1),.hmBanner1 > div > a:nth-child(4){grid-column:auto;grid-row:auto;}
.hmBanner3 > div, .hmBanner3 > div > span{grid-template-columns:repeat(2,1FR);font-size:small;}
.hmBanner2 > div > a:nth-child(1) {grid-column: 1/2; grid-row: 1/3;}
}
@media screen and (min-width : 768px) and (max-width : 1024px){
.bannerTitle{font-size:large;}
.bannerTxtCtr{padding:16px;}
.bannerTxtCtr > span{padding:4px 8px;}
.hmBanner1 > div{grid-template-columns:repeat(2,1fr) !important;}
.hmBanner2 > div{grid-template-columns:repeat(2,1fr) !important;}
.hmBanner3 > div{grid-template-columns:repeat(2,1fr) !important;}
.hmBanner2 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;
}
}
@media screen and (min-width : 1025px) and (max-width : 1440px){
.bannerTxtCtr{padding:16px;}
}
/* New Courier Integrated Shipping Chart */
.courierchart, .courierchart ul, .courierchart li {margin:0;padding:0;list-style: none;}
.courierchart>li {display:none;}
.courierchart>li.country-GB, .courierchart>li.postcoderegion {display:block;}
.regionheader { font-size:24px;display:none;}
.courierchart .loctitle {background:#ebebeb;border: 1px solid #ddd;margin: 16px 0; font-size:18px;}
.couriercountries>li {margin-bottom:24px;border-top: 0px !important;border-bottom: 0px !important; display:block; list-style: none;}
.courierservicewrap {font-size:0;padding-bottom: 24px !important;}
.courierservice {border-radius:4px; border:1px solid #ebebeb; background:#f2f3f4; width:calc(25% - 8px); font-size:12px; vertical-align: top; margin-bottom: 8px !important; list-style:none;}
.courierservice:nth-of-type(4n+1) {margin-right:8px;}
.courierservice:nth-of-type(4n+2) {margin-left:2px; margin-right:6px;}
.courierservice:nth-of-type(4n+3) {margin-left:6px; margin-right:2px;}
.courierservice:nth-of-type(4n+4) {margin-left:8px;}
.courierservice li {display:block;list-style: none;}
.courierserviceheader, .courierservicecharge {padding: 8px; margin: 0 0 8px 0; border-bottom: 1px solid #ebebeb;}
.courierprice {color:#2e61a0;margin:0 0 8px 8px;}
/* FLAGS : New Courier Integrated Shipping Chart */
li[class*="country-"] .loctitle:before, li[data-iso*="iso-"] .loctitle:before {display:block;float:left;width:16px;height:11px;content: '';margin: 7px 12px 0 0;}
.loctitle:before {
background-size: contain !important;
background-color:#fff !important;
background-repeat:no-repeat !important;
}
.country-GB .loctitle:before, li.postcoderegion .loctitle:before {background:url('/layout/flags/4x3/gb.png') no-repeat #fff !important; }
.country-UA .loctitle:before {background:url('/layout/flags/4x3/ua.png');}
.country-SK .loctitle:before {background:url('/layout/flags/4x3/sk.png');}
.country-MT .loctitle:before {background:url('/layout/flags/4x3/mt.png');}
.country-LT .loctitle:before {background:url('/layout/flags/4x3/lt.png');}
.country-LI .loctitle:before {background:url('/layout/flags/4x3/li.png');}
.country-IS .loctitle:before {background:url('/layout/flags/4x3/is.png');}
.country-HU .loctitle:before {background:url('/layout/flags/4x3/hu.png');}
.country-GR .loctitle:before {background:url('/layout/flags/4x3/gr.png');}
.country-GI .loctitle:before {background:url('/layout/flags/4x3/gi.png');}
.country-EE .loctitle:before {background:url('/layout/flags/4x3/ee.png');}
.country-CZ .loctitle:before {background:url('/layout/flags/4x3/cz.png');}
.country-CY .loctitle:before {background:url('/layout/flags/4x3/cy.png');}
.country-HR .loctitle:before {background:url('/layout/flags/4x3/hr.png');}
.country-BA .loctitle:before {background:url('/layout/flags/4x3/ba.png');}
.country-BY .loctitle:before {background:url('/layout/flags/4x3/by.png');}
.country-AT .loctitle:before {background:url('/layout/flags/4x3/at.png');}
.country-ES .loctitle:before {background:url('/layout/flags/4x3/es.png');}
.country-NL .loctitle:before {background:url('/layout/flags/4x3/nl.png');}
.country-FR .loctitle:before {background:url('/layout/flags/4x3/fr.png');}
.country-TR .loctitle:before {background:url('/layout/flags/4x3/tr.png');}
.country-PT .loctitle:before {background:url('/layout/flags/4x3/pt.png');}
.country-LU .loctitle:before {background:url('/layout/flags/4x3/lu.png');}
.country-DK .loctitle:before {background:url('/layout/flags/4x3/dk.png');}
.country-BE .loctitle:before {background:url('/layout/flags/4x3/be.png');}
.country-CH .loctitle:before {background:url('/layout/flags/4x3/ch.png');width: 11px !important;margin-right:17px;}
.country-SE .loctitle:before {background:url('/layout/flags/4x3/se.png');}
.country-FI .loctitle:before {background:url('/layout/flags/4x3/fi.png');}
.country-AU .loctitle:before {background:url('/layout/flags/4x3/au.png');}
.country-NZ .loctitle:before {background:url('/layout/flags/4x3/nz.png');}
.country-US .loctitle:before {background:url('/layout/flags/4x3/us.png');}
.country-CA .loctitle:before {background:url('/layout/flags/4x3/ca.png');}
.country-AF .loctitle:before {background:url('/layout/flags/4x3/af.png');}
.country-AX .loctitle:before {background:url('/layout/flags/4x3/ax.png');}
.country-AL .loctitle:before {background:url('/layout/flags/4x3/al.png');}
.country-DZ .loctitle:before {background:url('/layout/flags/4x3/dz.png');}
.country-AS .loctitle:before {background:url('/layout/flags/4x3/as.png');}
.country-AD .loctitle:before {background:url('/layout/flags/4x3/ad.png');}
.country-AO .loctitle:before {background:url('/layout/flags/4x3/ao.png');}
.country-AI .loctitle:before {background:url('/layout/flags/4x3/ai.png');}
.country-AQ .loctitle:before {background:url('/layout/flags/4x3/aq.png');}
.country-AG .loctitle:before {background:url('/layout/flags/4x3/ag.png');}
.country-AR .loctitle:before {background:url('/layout/flags/4x3/ar.png');}
.country-AM .loctitle:before {background:url('/layout/flags/4x3/am.png');}
.country-AW .loctitle:before {background:url('/layout/flags/4x3/aw.png');}
.country-AZ .loctitle:before {background:url('/layout/flags/4x3/az.png');}
.country-BS .loctitle:before {background:url('/layout/flags/4x3/bs.png');}
.country-BH .loctitle:before {background:url('/layout/flags/4x3/bh.png');}
.country-BD .loctitle:before {background:url('/layout/flags/4x3/bd.png');}
.country-BB .loctitle:before {background:url('/layout/flags/4x3/bb.png');}
.country-BZ .loctitle:before {background:url('/layout/flags/4x3/bz.png');}
.country-BJ .loctitle:before {background:url('/layout/flags/4x3/bj.png');}
.country-BM .loctitle:before {background:url('/layout/flags/4x3/bm.png');}
.country-BT .loctitle:before {background:url('/layout/flags/4x3/bt.png');}
.country-BO .loctitle:before {background:url('/layout/flags/4x3/bo.png');}
.country-BW .loctitle:before {background:url('/layout/flags/4x3/bw.png');}
.country-BV .loctitle:before {background:url('/layout/flags/4x3/bv.png');}
.country-BR .loctitle:before {background:url('/layout/flags/4x3/br.png');}
.country-IO .loctitle:before {background:url('/layout/flags/4x3/io.png');}
.country-BN .loctitle:before {background:url('/layout/flags/4x3/bn.png');}
.country-BG .loctitle:before {background:url('/layout/flags/4x3/bg.png');}
.country-BF .loctitle:before {background:url('/layout/flags/4x3/bf.png');}
.country-BI .loctitle:before {background:url('/layout/flags/4x3/bi.png');}
.country-KH .loctitle:before {background:url('/layout/flags/4x3/kh.png');}
.country-CM .loctitle:before {background:url('/layout/flags/4x3/cm.png');}
.country-CV .loctitle:before {background:url('/layout/flags/4x3/cv.png');}
.country-KY .loctitle:before {background:url('/layout/flags/4x3/ky.png');}
.country-CF .loctitle:before {background:url('/layout/flags/4x3/cf.png');}
.country-TD .loctitle:before {background:url('/layout/flags/4x3/td.png');}
.country-CL .loctitle:before {background:url('/layout/flags/4x3/cl.png');}
.country-CN .loctitle:before {background:url('/layout/flags/4x3/cn.png');}
.country-CX .loctitle:before {background:url('/layout/flags/4x3/cx.png');}
.country-CC .loctitle:before {background:url('/layout/flags/4x3/cc.png');}
.country-CO .loctitle:before {background:url('/layout/flags/4x3/co.png');}
.country-KM .loctitle:before {background:url('/layout/flags/4x3/km.png');}
.country-CG .loctitle:before {background:url('/layout/flags/4x3/cg.png');}
.country-CD .loctitle:before {background:url('/layout/flags/4x3/cd.png');}
.country-CK .loctitle:before {background:url('/layout/flags/4x3/ck.png');}
.country-CR .loctitle:before {background:url('/layout/flags/4x3/cr.png');}
.country-CI .loctitle:before {background:url('/layout/flags/4x3/ci.png');}
.country-CU .loctitle:before {background:url('/layout/flags/4x3/cu.png');}
.country-DJ .loctitle:before {background:url('/layout/flags/4x3/dj.png');}
.country-DM .loctitle:before {background:url('/layout/flags/4x3/dm.png');}
.country-DO .loctitle:before {background:url('/layout/flags/4x3/do.png');}
.country-EC .loctitle:before {background:url('/layout/flags/4x3/ec.png');}
.country-EG .loctitle:before {background:url('/layout/flags/4x3/eg.png');}
.country-SV .loctitle:before {background:url('/layout/flags/4x3/sv.png');}
.country-GQ .loctitle:before {background:url('/layout/flags/4x3/gq.png');}
.country-ER .loctitle:before {background:url('/layout/flags/4x3/er.png');}
.country-ET .loctitle:before {background:url('/layout/flags/4x3/et.png');}
.country-FO .loctitle:before {background:url('/layout/flags/4x3/fo.png');}
.country-FJ .loctitle:before {background:url('/layout/flags/4x3/fj.png');}
.country-GF .loctitle:before {background:url('/layout/flags/4x3/gf.png');}
.country-PF .loctitle:before {background:url('/layout/flags/4x3/pf.png');}
.country-TF .loctitle:before {background:url('/layout/flags/4x3/tf.png');}
.country-GA .loctitle:before {background:url('/layout/flags/4x3/ga.png');}
.country-GM .loctitle:before {background:url('/layout/flags/4x3/gm.png');}
.country-GE .loctitle:before {background:url('/layout/flags/4x3/ge.png');}
.country-GH .loctitle:before {background:url('/layout/flags/4x3/gh.png');}
.country-GD .loctitle:before {background:url('/layout/flags/4x3/gd.png');}
.country-GP .loctitle:before {background:url('/layout/flags/4x3/gp.png');}
.country-GU .loctitle:before {background:url('/layout/flags/4x3/gu.png');}
.country-GT .loctitle:before {background:url('/layout/flags/4x3/gt.png');}
.country-GN .loctitle:before {background:url('/layout/flags/4x3/gn.png');}
.country-GW .loctitle:before {background:url('/layout/flags/4x3/gw.png');}
.country-GY .loctitle:before {background:url('/layout/flags/4x3/gy.png');}
.country-HT .loctitle:before {background:url('/layout/flags/4x3/ht.png');}
.country-HM .loctitle:before {background:url('/layout/flags/4x3/hm.png');}
.country-HN .loctitle:before {background:url('/layout/flags/4x3/hn.png');}
.country-HK .loctitle:before {background:url('/layout/flags/4x3/hk.png');}
.country-IN .loctitle:before {background:url('/layout/flags/4x3/in.png');}
.country-ID .loctitle:before {background:url('/layout/flags/4x3/id.png');}
.country-IR .loctitle:before {background:url('/layout/flags/4x3/ir.png');}
.country-IQ .loctitle:before {background:url('/layout/flags/4x3/iq.png');}
.country-IE .loctitle:before {background:url('/layout/flags/4x3/ie.png');}
.country-IL .loctitle:before {background:url('/layout/flags/4x3/il.png');}
.country-IT .loctitle:before {background:url('/layout/flags/4x3/it.png');}
.country-JM .loctitle:before {background:url('/layout/flags/4x3/jm.png');}
.country-JP .loctitle:before {background:url('/layout/flags/4x3/jp.png');}
.country-JO .loctitle:before {background:url('/layout/flags/4x3/jo.png');}
.country-KZ .loctitle:before {background:url('/layout/flags/4x3/kz.png');}
.country-KE .loctitle:before {background:url('/layout/flags/4x3/ke.png');}
.country-KI .loctitle:before {background:url('/layout/flags/4x3/ki.png');}
.country-KP .loctitle:before {background:url('/layout/flags/4x3/kp.png');}
.country-KR .loctitle:before {background:url('/layout/flags/4x3/kr.png');}
.country-KW .loctitle:before {background:url('/layout/flags/4x3/kw.png');}
.country-KG .loctitle:before {background:url('/layout/flags/4x3/kg.png');}
.country-LA .loctitle:before {background:url('/layout/flags/4x3/la.png');}
.country-LV .loctitle:before {background:url('/layout/flags/4x3/lv.png');}
.country-LB .loctitle:before {background:url('/layout/flags/4x3/lb.png');}
.country-LS .loctitle:before {background:url('/layout/flags/4x3/ls.png');}
.country-LR .loctitle:before {background:url('/layout/flags/4x3/lr.png');}
.country-LY .loctitle:before {background:url('/layout/flags/4x3/ly.png');}
.country-MO .loctitle:before {background:url('/layout/flags/4x3/mo.png');}
.country-MK .loctitle:before {background:url('/layout/flags/4x3/mk.png');}
.country-MG .loctitle:before {background:url('/layout/flags/4x3/mg.png');}
.country-MW .loctitle:before {background:url('/layout/flags/4x3/mw.png');}
.country-MY .loctitle:before {background:url('/layout/flags/4x3/my.png');}
.country-MV .loctitle:before {background:url('/layout/flags/4x3/mv.png');}
.country-ML .loctitle:before {background:url('/layout/flags/4x3/ml.png');}
.country-MH .loctitle:before {background:url('/layout/flags/4x3/mh.png');}
.country-MQ .loctitle:before {background:url('/layout/flags/4x3/mq.png');}
.country-MR .loctitle:before {background:url('/layout/flags/4x3/mr.png');}
.country-MU .loctitle:before {background:url('/layout/flags/4x3/mu.png');}
.country-YT .loctitle:before {background:url('/layout/flags/4x3/yt.png');}
.country-MX .loctitle:before {background:url('/layout/flags/4x3/mx.png');}
.country-FM .loctitle:before {background:url('/layout/flags/4x3/fm.png');}
.country-MD .loctitle:before {background:url('/layout/flags/4x3/md.png');}
.country-MC .loctitle:before {background:url('/layout/flags/4x3/mc.png');}
.country-MN .loctitle:before {background:url('/layout/flags/4x3/mn.png');}
.country-MS .loctitle:before {background:url('/layout/flags/4x3/ms.png');}
.country-MA .loctitle:before {background:url('/layout/flags/4x3/ma.png');}
.country-MZ .loctitle:before {background:url('/layout/flags/4x3/mz.png');}
.country-MM .loctitle:before {background:url('/layout/flags/4x3/mm.png');}
.country-NA .loctitle:before {background:url('/layout/flags/4x3/na.png');}
.country-NR .loctitle:before {background:url('/layout/flags/4x3/nr.png');}
.country-NP .loctitle:before {background:url('/layout/flags/4x3/np.png');}
.country-AN .loctitle:before {background:url('/layout/flags/4x3/an.png');}
.country-NC .loctitle:before {background:url('/layout/flags/4x3/nc.png');}
.country-NI .loctitle:before {background:url('/layout/flags/4x3/ni.png');}
.country-NE .loctitle:before {background:url('/layout/flags/4x3/ne.png');}
.country-NG .loctitle:before {background:url('/layout/flags/4x3/ng.png');}
.country-NU .loctitle:before {background:url('/layout/flags/4x3/nu.png');}
.country-NF .loctitle:before {background:url('/layout/flags/4x3/nf.png');}
.country-MP .loctitle:before {background:url('/layout/flags/4x3/mp.png');}
.country-NO .loctitle:before {background:url('/layout/flags/4x3/no.png');}
.country-OM .loctitle:before {background:url('/layout/flags/4x3/om.png');}
.country-PK .loctitle:before {background:url('/layout/flags/4x3/pk.png');}
.country-PW .loctitle:before {background:url('/layout/flags/4x3/pw.png');}
.country-PS .loctitle:before {background:url('/layout/flags/4x3/ps.png');}
.country-PA .loctitle:before {background:url('/layout/flags/4x3/pa.png');}
.country-PG .loctitle:before {background:url('/layout/flags/4x3/pg.png');}
.country-PY .loctitle:before {background:url('/layout/flags/4x3/py.png');}
.country-PE .loctitle:before {background:url('/layout/flags/4x3/pe.png');}
.country-PH .loctitle:before {background:url('/layout/flags/4x3/ph.png');}
.country-PN .loctitle:before {background:url('/layout/flags/4x3/pn.png');}
.country-PL .loctitle:before {background:url('/layout/flags/4x3/pl.png');}
.country-PR .loctitle:before {background:url('/layout/flags/4x3/pr.png');}
.country-QA .loctitle:before {background:url('/layout/flags/4x3/qa.png');}
.country-RE .loctitle:before {background:url('/layout/flags/4x3/re.png');}
.country-RO .loctitle:before {background:url('/layout/flags/4x3/ro.png');}
.country-RU .loctitle:before {background:url('/layout/flags/4x3/ru.png');}
.country-RW .loctitle:before {background:url('/layout/flags/4x3/rw.png');}
.country-SH .loctitle:before {background:url('/layout/flags/4x3/sh.png');}
.country-KN .loctitle:before {background:url('/layout/flags/4x3/kn.png');}
.country-LC .loctitle:before {background:url('/layout/flags/4x3/lc.png');}
.country-PM .loctitle:before {background:url('/layout/flags/4x3/pm.png');}
.country-VC .loctitle:before {background:url('/layout/flags/4x3/vc.png');}
.country-WS .loctitle:before {background:url('/layout/flags/4x3/ws.png');}
.country-SM .loctitle:before {background:url('/layout/flags/4x3/sm.png');}
.country-ST .loctitle:before {background:url('/layout/flags/4x3/st.png');}
.country-SA .loctitle:before {background:url('/layout/flags/4x3/sa.png');}
.country-SN .loctitle:before {background:url('/layout/flags/4x3/sn.png');}
.country-CS .loctitle:before {background:url('/layout/flags/4x3/cs.png');}
.country-SC .loctitle:before {background:url('/layout/flags/4x3/sc.png');}
.country-SL .loctitle:before {background:url('/layout/flags/4x3/sl.png');}
.country-SG .loctitle:before {background:url('/layout/flags/4x3/sg.png');}
.country-SI .loctitle:before {background:url('/layout/flags/4x3/si.png');}
.country-SB .loctitle:before {background:url('/layout/flags/4x3/sb.png');}
.country-SO .loctitle:before {background:url('/layout/flags/4x3/so.png');}
.country-ZA .loctitle:before {background:url('/layout/flags/4x3/za.png');}
.country-GS .loctitle:before {background:url('/layout/flags/4x3/gs.png');}
.country-LK .loctitle:before {background:url('/layout/flags/4x3/lk.png');}
.country-SD .loctitle:before {background:url('/layout/flags/4x3/sd.png');}
.country-SR .loctitle:before {background:url('/layout/flags/4x3/sr.png');}
.country-SJ .loctitle:before {background:url('/layout/flags/4x3/sj.png');}
.country-SZ .loctitle:before {background:url('/layout/flags/4x3/sz.png');}
.country-SY .loctitle:before {background:url('/layout/flags/4x3/sy.png');}
.country-TW .loctitle:before {background:url('/layout/flags/4x3/tw.png');}
.country-TJ .loctitle:before {background:url('/layout/flags/4x3/tj.png');}
.country-TZ .loctitle:before {background:url('/layout/flags/4x3/tz.png');}
.country-TH .loctitle:before {background:url('/layout/flags/4x3/th.png');}
.country-TL .loctitle:before {background:url('/layout/flags/4x3/tl.png');}
.country-TG .loctitle:before {background:url('/layout/flags/4x3/tg.png');}
.country-TK .loctitle:before {background:url('/layout/flags/4x3/tk.png');}
.country-TO .loctitle:before {background:url('/layout/flags/4x3/to.png');}
.country-TT .loctitle:before {background:url('/layout/flags/4x3/tt.png');}
.country-TN .loctitle:before {background:url('/layout/flags/4x3/tn.png');}
.country-TM .loctitle:before {background:url('/layout/flags/4x3/tm.png');}
.country-TC .loctitle:before {background:url('/layout/flags/4x3/tc.png');}
.country-TV .loctitle:before {background:url('/layout/flags/4x3/tv.png');}
.country-UG .loctitle:before {background:url('/layout/flags/4x3/ug.png');}
.country-AE .loctitle:before {background:url('/layout/flags/4x3/ae.png');}
.country-UM .loctitle:before {background:url('/layout/flags/4x3/um.png');}
.country-UY .loctitle:before {background:url('/layout/flags/4x3/uy.png');}
.country-UZ .loctitle:before {background:url('/layout/flags/4x3/uz.png');}
.country-VU .loctitle:before {background:url('/layout/flags/4x3/vu.png');}
.country-VA .loctitle:before {background:url('/layout/flags/4x3/va.png');}
.country-VE .loctitle:before {background:url('/layout/flags/4x3/ve.png');}
.country-VN .loctitle:before {background:url('/layout/flags/4x3/vn.png');}
.country-VG .loctitle:before {background:url('/layout/flags/4x3/vg.png');}
.country-VI .loctitle:before {background:url('/layout/flags/4x3/vi.png');}
.country-WF .loctitle:before {background:url('/layout/flags/4x3/wf.png');}
.country-EH .loctitle:before {background:url('/layout/flags/4x3/eh.png');}
.country-YE .loctitle:before {background:url('/layout/flags/4x3/ye.png');}
.country-ZM .loctitle:before {background:url('/layout/flags/4x3/zm.png');}
.country-ZW .loctitle:before {background:url('/layout/flags/4x3/zw.png');}
.country-DE .loctitle:before {background:url('/layout/flags/4x3/de.png');}
/* Courier Search */
.courierCountrySearch {float:left;border:1px solid #ebebeb;line-height:48px;position:relative; font-size:12px;}
.courierCountrySearch>li, .courierCountrySearch>span {display:block;float:left; list-style: none;padding:0 16px;}
.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;background:#f2f3f4;}
.courierCountrySearch li[class*="country-"] .loctitle:before, .courierCountrySearch li[data-iso*="iso-"] .loctitle:before {margin:19px 12px 0 0;}
.courierCountrySearch span { font-size:12px;}
.courierCountrySearch span.loctitle {text-transform: capitalize;}
.courierCountrySearch-select {background:#2e61a0; color:white; cursor:pointer;}
.courierCountrySelection { background:rgba(0,0,0,0.65); width:100%;height:100%; position: fixed; top:0; left:0; z-index:100000; }
.courierCountrySelection-inner { background:white; width:425px; max-width:100%; position:relative; float:left; }
.courierCountrySelection-head {background:#ddd; line-height: 24px;}
.courierCountrySelection-close {float:right; font-size:24px;cursor: pointer;}
.courierCountrySelection-search {border-bottom:1px solid #ebebeb; position: relative;}
.courierCountrySelection-search input {appearance:none;-webkit-appearance:none;-moz-appearance:none; display:block;width:100%;line-height:48px;border:1px solid #999; outline:none !important; padding:0 64px 0 16px;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;display: none;}
.courierCountrySelection-search .emptysearch {position: absolute;top: 17px;right: 17px;display: block;width: 48px;height: 48px;line-height: 48px;text-align: center; cursor: pointer;cursor: pointer;}
.courierCountrySelection-body { max-height:60vh; overflow-y:auto; }
.courierCountrySelection-body li {list-style:none;display:block;border-bottom:1px solid #ebebeb;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.courierCountrySelection-body li.hideLocationCourier {display:none;}
.courierCountrySelection-body li:hover {background:#f4f5f7;}
@media screen and (max-width: 321px)
{
/* Courier Search */
.courierCountrySearch>li, .courierCountrySearch>span {width:100% !important;}
.courierchart .loctitle {font-size:16px;}
.courierservice {width:100% !important;}
.courierservice:nth-of-type(4n+1) {margin-right:0 !important;}
.courierservice:nth-of-type(4n+2) {margin-left:0 !important; margin-right:0 !important;}
.courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:0 !important;}
.courierservice:nth-of-type(4n+4) {margin-left:0 !important;}
.courierCountrySearch {line-height:32px !important; font-size:14px;}
.courierCountrySearch>li, .courierCountrySearch>span {padding:0 8px !important;width:50% !important;}
.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:0 !important;background:#f2f3f4;}
.courierCountrySearch li span:before {margin:11px 12px 0 0 !important;}
.courierCountrySearch span.courierCountrySearch-select {width:100% !important;text-align:center; height: 48px;line-height: 48px;font-size: 1.2em;}
.courierCountrySelection-search .emptysearch {top:9px !important;right:9px !important;}
.courierCountrySearch>li, .courierCountrySearch>span {width:100% !important;}
.courierchart .loctitle {font-size:16px;}
}
/* -- Mobile Phones -- */
@media screen and (max-width: 767.99px)
{
/* Courier Search */
.courierservice {width:100% !important;}
.courierservice:nth-of-type(4n+1) {margin-right:0 !important;}
.courierservice:nth-of-type(4n+2) {margin-left:0 !important; margin-right:0 !important;}
.courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:0 !important;}
.courierservice:nth-of-type(4n+4) {margin-left:0 !important;}
.courierCountrySearch {line-height:32px !important; font-size:14px;}
.courierCountrySearch>li, .courierCountrySearch>span {padding:0 8px !important;width:50% !important;}
.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:0 !important;background:#f2f3f4;}
.courierCountrySearch li span:before {margin:11px 12px 0 0 !important;}
.courierCountrySearch span.courierCountrySearch-select {width:100% !important;text-align:center; height: 48px;line-height: 48px;font-size: 1.2em;}
.courierCountrySelection-search .emptysearch {top:9px !important;right:9px !important;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
/* Courier Search */
.courierservice {width:calc(50% - 8px) !important;}
.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
/* Shipping Page */
.courierservice {width:calc(50% - 8px) !important;}
.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
}