#navRow1 #searchBar {background-color: #F3F2F0; border-radius: 6px;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box {  background-color:inherit; border: medium none;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box.magic-box-hasFocus {width: 300px;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-input {background: transparent; height: 33px;}
	#navRow1 #searchBar  .magic-box .magic-box-input .magic-box-underlay {height: 26px;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-input > input {color: #000;height: 18px; padding: 4px 15px 4px 8px; width: calc(100% - 23px);	 width: calc(100% - 36px);  margin-left: 3px;    margin-top: 1px;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box.magic-box-hasFocus  .magic-box-input > input {}
	#navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-clear {background: transparent;}
	#navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-clear > .magic-box-icon {padding: 12px 0 0 0;}
    #navRow1 #searchBar .CoveoSearchButton { width:auto; border:none; padding-right: 10px;}
	#navRow1 .magic-box .magic-box-input > input, 
	#searchBarMobile .magic-box .magic-box-input > input {font-size: 12px;}

#navRow1 .searchContainer #navbarSearchTextfield {
        position: relative;
        top: 0;
        background-color: #F3F2F0;
        border: medium none;
        box-sizing: border-box;
        display: inline;
		border-radius: 4px;
        line-height: 23px;
        padding: 4px 8px;
        width: calc(100% - 24px);
        outline: none;
    }
	
#navRow1 .searchContainer #navbarSearchTextfield::placeholder {
	color: #000;
	opacity: 3; /* Firefox */
}
#navRow1 .searchContainer #navbarSearchTextfield::-ms-input-placeholder { /* Edge 12-18 */
	color: #000;
}


.hide-on-wide {display: none !important;}
#navRow1 .contents {display: none;}
#navRow2 .prov-selection {display: none;}

.home-page-by-default-on {right: 0;}


#master-container .vmcheader-mobiletopbar {display: none !important;} 
#vmcheader * {box-sizing: initial;}
/*
#vmcheader *:before {box-sizing: content-box !important;}
#vmcheader *:after {box-sizing: content-box !important;}
*/
    

#vmcheader .con,
#vmcheader  .special-con {
   cursor: pointer;
   display: inline-block;
 }
 
 #vmcheader .bar {
   display: block;
   height: 2px;
   width: 20px;
   background: #333;
   margin: 4px auto;
 }
 
 #vmcheader .con {
   width: auto;
   margin: 0 auto;
   -webkit-transition: all .9s ease;
   -moz-transition: all .9s ease;
   -ms-transition: all .9s ease;
   -o-transition: all .9s ease;
   transition: all .9s ease;
 }
/* menu in X form */
#vmcheader .con.clicked .bar,#vmcheader .special-con.clicked .bar {
  background-color: #333;
}
 
 #vmcheader .col {
   display: inline-block;
   text-align: center;
   height: auto;
   position: relative;
 }
 
 #vmcheader .middle {
   margin: 0 auto;
 }
 
#vmcheader  .bar {
   -webkit-transition: all .9s ease;
   -moz-transition: all .9s ease;
   -ms-transition: all .9s ease;
   -o-transition: all .9s ease;
   transition: all .9s ease;
 }
 
 #vmcheader .con.clicked .top {
   -webkit-transform: translateY(6px) rotateZ(45deg);
   -moz-transform: translateY(6px) rotateZ(45deg);
   -ms-transform: translateY(6px) rotateZ(45deg);
   -o-transform: translateY(6px) rotateZ(45deg);
   transform: translateY(6px) rotateZ(45deg);
 }
 
#vmcheader  .con.clicked .bottom {
   -webkit-transform: translateY(-6px) rotateZ(-45deg);
   -moz-transform: translateY(-6px) rotateZ(-45deg);
   -ms-transform: translateY(-6px) rotateZ(-45deg);
   -o-transform: translateY(-6px) rotateZ(-45deg);
   transform: translateY(-6px) rotateZ(-45deg);
 }
 
 #vmcheader .con.clicked .middle {
   width: 0;
 }



#vmcheader {background: #fff;}
	#vmcheader .contents {width: 100%; max-width: 1200px; overflow: visible;}
	#navRow1 {background-color: #fff;}
	#navRow1 .logo {position: absolute; z-index: 1000; max-width: initial; top: 17px; left: 0; height: 50px;}
	#navRow1 .utility-nav {float: right; display: table; height: 100%;}
	#navRow1 .utility-nav li {display: table-cell; vertical-align: middle; position: relative; font-size: 12px; padding: 0 15px 0 15px;}
	/* #navRow1 .utility-nav li:first-child {padding: 0;}  */
	/* #navRow1 .utility-nav li a {display: block; width: calc(100% - 30px); height: 100%; padding: 17px 15px 0;} */
	#navRow1 .utility-nav li.languageSelector a {text-transform: uppercase;}
	#navRow1 .utility-nav li.provinceSelector a:first-child {}
	#navRow1 .utility-nav li.cart {}
/*	#navRow1 .utility-nav li.cart a {display: block; height: 25px; width: 25px; background: url("/assets/icons/svg/icon-cart-grey.svg") no-repeat center center;}
	#navRow1 .utility-nav li.cart.hasitems a,
	#navRow1 .utility-nav li.cart a.has-item {background: url("/assets/icons/svg/icon-cart-grey.svg") no-repeat center center;}
	*/
	.cart .cart-count {border-radius: 50%; height: 13px; width: 13px; padding: 2px; background-color: #e10a0a; color: #fff; position: absolute; right: -9px; top: -10px; text-align: center; font-size: 11px;}
	#navRow1 .utility-nav li.myaccount .sso {float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #333;}
	#navRow1 .utility-nav li.myaccount .sso span.name {font-family: inherit; }
	#navRow1 .selector {font-weight: bold; color: #333;}
	#navRow1 .utility-nav li.searchBar {padding: 0;}
	#navRow1 li.accessibilityLink { padding: 0 10px 0 10px;}
	#navRow1 li.languageSelector { padding: 0 10px 0 30px;}
	#navRow1 li.languageSelector,
	#navRow1 li.provinceSelector {color: #131C35}
	#navRow1 li.provinceSelector {padding-left: 10px;}
	#navRow1 a {color: inherit; text-decoration: none;}
	#navRow1 .utility-nav #instore_selector li {display: list-item;}
	#navRow1 .myaccount a[href].headlogin {color: #fff !important; padding: 4px 12px; background-color: #E10A0A; border-radius: 4px;}
	
	#navRow1 .searchContainer { position: relative; background-color: #F3F2F0; width: 200px; display:block;  float: left; border-radius: 4px;}
	#navRow1 .searchContainer.searchActive {width: 300px; color: #000;}

	#navRow1 #searchField { position: relative; top: 0; background-color: #eaeaea; border: medium none; box-sizing: border-box; display: inline; height: 44px; line-height: 23px; padding: 0 15px; width: calc(100% - 30px); outline: none;}
    #navRow1 .searchContainer .searchsubmit {box-sizing: content-box; display: inline; position: absolute; bottom: 7px; right: 12px;}
	#navRow1 .searchContainer .searchclose {box-sizing: content-box;  position: absolute; bottom: 12px; right: 45px; width: auto; height: auto; padding: 0; display: none;}
	#navRow1 .searchContainer.searchActive .searchclose {visibility: visible;}
	
	#searchField::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	    color: #505050;
	    opacity: 1; /* Firefox */
	}
	
	#searchField:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: #505050;
	}
	
	#searchField::-ms-input-placeholder { /* Microsoft Edge */
	    color: #505050;
	}
	
	/* #vmcheader ul li.has-subnav.drop ul.subnav:before  */
	
	#vmcheader ul li.has-subnav.drop.afterArrow:after {
	    content: ' ';
	    height: 0;
	    position: absolute;
	    left: 50%;
	    bottom: 6px;
	    width: 0;
	    border: 8px solid transparent;
	    border-bottom-color: #fff;
	    margin-left: -8px;
	    z-index: 1000;
	}
	#vmcheader ul li.instore_selector_container.has-subnav.drop.afterArrow:after {bottom: 3px;}
	#vmcheader ul li.has-subnav.drop ul.subnav {
		display: none;
		-webkit-box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.3);
		position: absolute; 
		top: 90%; 
		left: 0; 
		z-index: 1000; 
		background-color: #fff;
		width: 252px;
		border-radius: 16px;
		padding: 16px 0;
		}
		#vmcheader ul li.has-subnav.drop.edge ul.subnav {right: 0; left: auto !important;}
		#navRow1 .utility-nav li.provinceSelector .provinceBox li {padding: 13px 0 7px 31px; border-radius: 16px;margin: 0 0 5px 7px;}
		#navRow1 .utility-nav li.provinceSelector .provinceBox a {padding: 10px 0 10px 0; text-transform: none; font-size: 14px; font-weight: normal; color: #333; text-decoration: none;}
		#navRow1 .utility-nav li.provinceSelector.has-subnav.drop.afterArrow:after {bottom: 0;}
		
	#navRow1 ul li.has-subnav.drop ul li ul li:first-child {}
	#navRow1 ul li.has-subnav.drop ul li ul {display: block; box-shadow: none; position: static;}
	#navRow1 ul li.has-subnav.drop ul li ul li {
		float: left;
	    width: 190px;
    	/* background: url(/assets/images/bl_selector.png) no-repeat scroll 5px -25px transparent;
    	padding: 0 10px 0 26px; */
    	position: relative;
	}
	
	.md-off {
		border-color: rgba(0,0,0,0.54);
	    box-sizing: border-box;
	    position: absolute;
	    top: 7px;
	    left: 0;
	    width: 20px;
	    height: 20px;
	    border-style: solid;
	    border-width: 2px;
	    border-radius: 50%;
	    transition: border-color ease .28s;
	}
	.selected .md-off {border-color: #4E4AE4;}
	.selected .md-off div {
	    box-sizing: border-box;
	    position: absolute;
	    top: -2px;
	    left: -2px;
	    width: 20px;
	    height: 20px;
	    border-style: solid;
	    border-width: 2px;
	    border-radius: 50%;
	    border-color: #4E4AE4;
		background-color: #4E4AE4;
	    transition: border-color ease .28s;
	    transition: -webkit-transform ease .28s;
	    transition: transform ease .28s;
	    -webkit-transform: scale(.5);
    	transform: scale(.5);
	}
	/* #navRow1 ul li.has-subnav.drop ul li ul li.selected { background:url("/assets/images/bl_selector.png") 5px 3px no-repeat transparent; } */
	.provinces {padding: 20px !important;}
	#navRow1 .utility-nav li.provinces {background-color: #fff;}
	#navRow2 .provinces {background-color: #000;}
	#vmcheader ul li.has-subnav.drop .provinceBox.subnav {width: 500px; top: 100%;}
	#navRow2 {background-color: #fff; display: block;}
	#navRow2 .logo {padding: 14px 0 15px; float: left;}
	#navRow2 .prov-selection {float: right;}
	#navRow2 ul li.mainLink {float: left; font-size: 16px; color: #131C35; position: relative; cursor: pointer;}
	#navRow2 ul li.mainLink a,
	#navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger {color: inherit; text-decoration: none; padding: 0; height: 100%; width: 100%; display: block; /* white-space: nowrap; */}
	#navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger {width: calc(100% - 40px); cursor: pointer;}
	#navRow2 ul li.mainLink {font-weight: bold;}
	#navRow1 .utility-nav #instore_selector li,
	#navRow2 ul li.has-subnav.drop ul li {margin: 0; text-align: left; padding: 0;}
	#navRow1 .utility-nav #instore_selector li a,
	#navRow2 ul li.has-subnav.drop ul li a {display: block; width: calc(100% - 48px); line-height: 1em; padding: 12px 24px; display: block; font-weight: normal; /* white-space: nowrap; */}
	/*#navRow2 ul li.has-subnav.drop ul li:first-child a {padding-top: 25px;}
	#navRow2 ul li.has-subnav.drop ul li:last-child a {padding-bottom: 25px;} */
	#navRow2 ul li.has-subnav.drop ul li a {font-size: 14px;}
	#navRow1 .utility-nav #instore_selector li:hover a,
	#navRow2 ul li.has-subnav.drop ul li:hover a {color: #000; text-decoration: none; background-color: #efefef; border-color: #E10A0A;}
	.fr #navRow2 ul li.has-subnav.drop ul li a {line-height: 1.3em;}
	#navRow2 .da {
	  position: absolute; 
	  right: 20px;
	  top: 30px;
	}
	
	#navRow2 .drop-arrow:after {
    content: "+";
    font-style: initial;
    margin-left: -11px;
	}

	#navRow2 .up-arrow:after {
		content: "-";
		font-style: initial;
		margin-left: -11px;
	}
	/*
	#navRow2 .drop-arrow {
	  width: 0; 
	  height: 0; 
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #fff;
	}
	#navRow2 .up-arrow {
	  width: 0; 
	  height: 0; 
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-bottom: 5px solid #fff;
	}
	*/
	i.drop-arrow.left {display: none;}
	#navRow2 .provinceBox {display: none;}

	.hide-on-wide {display: none !important;}
#navRow1 .contents {display: none; padding-top: 8px;}
#navRow2 .prov-selection {display: none;}

	i.drop-arrow.left {display: none;}
	#navRow2 .provinceBox {display: none;}

	.ab .mainLink.prov-ab,
	.bc .mainLink.prov-bc,
	.mb .mainLink.prov-mb,
	.nb .mainLink.prov-nb,
	.nl .mainLink.prov-nl,
	.nt .mainLink.prov-nt,
	.ns .mainLink.prov-ns,
	.nu .mainLink.prov-nu,
	.on .mainLink.prov-on,
	.pe .mainLink.prov-pe,
	.qc .mainLink.prov-qc,
	.sk .mainLink.prov-sk,
	.yt .mainLink.prov-yt {display: list-item;}

#footer {/* margin-top: -24px; */ position: relative;background-color: #F3F2F0; }
#footer:before {
	content: '';
    height: 24px;
    background-color: #F3F2F0;
    display: block;
    border-radius: 24px 24px 0 0;
    position: absolute;
    top: -24px;
    width: 100%;
	}
	#footer .footer-inner {background-color: #F3F2F0; padding-top: 15px;  }
	#footer .contents {width: 100%; max-width: 1200px; overflow: visible;}
	#footer ul {float: none; margin: 0;}
	#footer .firstRow {}
		#footer .firstRow .mainlinks {float: left; padding-bottom: 25px;}
		#footer .firstRow .mainlinks li {float: left; margin: 6px 30px 0 0; line-height: 1em;}
		#footer .firstRow .mainlinks a {font-weight: bold; font-size: 16px; text-decoration: none; color: #131C35;}
		#footer .firstRow .mainlinks a span {}
		#footer .firstRow .mainlinks li img {margin-right: 5px; height: 18px; vertical-align: bottom;}
		#footer .firstRow .socialLinks {float: right;}
		#footer .firstRow .socialLinks li {display: inline-block; margin: 0 10px;}
		#footer .firstRow .socialLinks li a {}
		#footer .firstRow .socialLinks li a img {height: 30px; width: 31px;}
	#footer .midRow {border-width: 1px 0; border-color: #BABEC2; border-style: solid; padding: 40px 0; font-size: 14px;}
		#footer .midRow ul {width: 22%; margin-right: 3%; float: left;}
		#footer .midRow ul:last-child {width: 25%; margin-right: 0;}
		#footer .midRow ul li {list-style: none; margin-bottom: 25px;}
		#footer .midRow ul li:last-child {margin-bottom: 0;}
		#footer .midRow ul li a {padding: 5px;color: #444D63; text-decoration: none; display: inline-block;}
	#footer .lastRow {text-align: center; padding: 28px 0; opacity: 0.8;}
	#footer .lastRow ul {margin-bottom: 15px;}
	#footer .lastRow ul li {display: inline; margin: 0 5px; font-size: 12px; color: #fff; text-decoration: none;}
	/*#footer .lastRow ul li a {color: #444D63; white-space: nowrap; text-decoration: none;} */
	#footer .lastRow ul li a {color: #444D63;line-height: 1.5em;padding-top: 2px;white-space: nowrap;text-decoration: none;}
	#footer .lastRow .legal {font-size: 12px; color: #444D63;}

.hide-on-narrow .coveo-search-button-svg {
color: #1d4f76;
height: 15px; 
width: 15px;
}

.hide-on-wide .coveo-search-button-svg {
color: #121C36;
}

/* simplefied Header */
.simplefiedHeader {}
	.simplefiedHeader.content-area .contents {max-width: 600px; overflow: visible;}
	.simplefiedHeader .blackBgBar {background: #000; color: #fff; text-align: center; padding: 30px 0; font-weight: bold;}
	.simplefiedHeader .blackBgBar p,
	.simplefiedHeader .redGradientBg p {margin-bottom: 0;}
	.simplefiedHeader .redGradientBg {background: #e10a0a; color: #fff; padding: 40px 0 25px; font-weight: bold;}
	.simplefiedHeader .container {
	  border-top: 2px solid #000;
	  display: flex;
	  list-style: none;
	  padding: 0;
	  justify-content: space-between;
	  align-items: stretch;
	  align-content: stretch;
	}

.simplefiedHeader .link {
  position: relative;
  margin-top: 8px;
  text-align: center;
  font-weight: normal;
}

.simplefiedHeader .link:first-child {
  margin-left: -55px;
}

.simplefiedHeader .link:last-child {
  margin-right: -55px;
}

.simplefiedHeader .link::after {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  top: -22px;
  left: 50%;
  transform: translatex(-50%);
  border: 4px solid #fff;
}
.simplefiedHeader .link.checked::after {
  content: url(/assets/icons/svg/black-checkmark.svg);
  color: #333;
}
.simplefiedHeader .link.active::after {border-width: 4px; top: -21px; background: #333;}
.simplefiedHeader .link:first-child::after {left: 40%;}
.simplefiedHeader .link:last-child::after {left: unset; right: 25%;}
.simplefiedHeader .link.active {font-weight: bold;}
.simplefiedHeader .link a {color: inherit !important; text-decoration: none;}
.simplefiedHeader .link a:hover,
.simplefiedHeader .link a:focus {text-decoration: underline;}

//JIRA VPDC-11
.languages {padding: 20px !important;}
 #vmcheader ul li.has-subnav.drop .languageBox.subnav {top: 100%;}
 #navRow1 li.languageSelector {padding-left: 10px!important;}
 #navRow1 .utility-nav li.languages {background-color: #fff;}
 #navRow1 .utility-nav li.languageSelector .languageBox li {padding: 10px 0 10px 31px;margin: 0px 0 4px -12px;}
 #navRow1 .utility-nav li.languageSelector .languageBox a {padding: 10px 0 10px 0;text-transform: none;font-size: 14px;font-weight: normal;color: #333;text-decoration: none;}
 #navRow1 .utility-nav li.languageSelector.has-subnav.drop.afterArrow:after {bottom: 0;}
 .accss-custom-styles-init .override-links-outline-before .LanguageList li > a[href] {position: static;}
 #navRow2 .languageBox {display: none;}
li.langMenuOption {display: none !important;}

.accss-custom-styles-init .override-links-outline-before .nav-dropdown-menu li > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .nav-dropdown-menu li > a[href]:active::before {height: calc(100% + -2px);width: calc(100% + 0px) !important;top: 1px;left: 0px !important;}
.accss-custom-styles-init .override-logo-mobile-outline:focus::before, .accss-custom-styles-init .override-logo-mobile-outline:active::before {content: ''; height: 70px; width: 125px; position: absolute; top: 6px; left: -5px; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; z-index: 1;}		
.accss-custom-styles-init #navRow1 .override-links-outline input#navbarSearchTextfield:focus, .accss-custom-styles-init #navRow1 .override-links-outline input#navbarSearchTextfield:active {width: 80% !important;}
.accss-custom-styles-init .accss-custom-searchclosebtn {bottom: 9px !important;}
.accss-custom-styles-init #navRow2 .accss-province-selector .languageBox li a[href]:focus {outline: none !important; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3;}
.accss-custom-styles-init #navRow2 .accss-province-selector .provinceBox li a[href]:focus {outline: none !important;box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3;}
#navRow1 .utility-nav li.provinceSelector .provinceBox a {line-break: anywhere;}

#navRow2 .mobile-microsites-menu{display:none;}
#navRow1 .utility-nav .microsite-store-header {display: none;}

@media screen and (max-width:1200px) {
	#vmcheader .contents {width: 97% !important;}
	.fr #navRow2 ul li.mainLink a {padding: 20px 10px; width: calc(100% - 20px);}
	#footer .contents {width: 100% !important;}
	#footer .firstRow,
	#footer .lastRow {width: 95%; margin: 0 auto;}
	#footer .midRow ul,
	#footer .midRow ul:last-child {margin: 0 2% 0 3%; width: 20%;}	
	.fr #footer .firstRow {width: 100%; margin: 0 auto;}
	.fr #footer .firstRow .mainlinks {float: none; margin-left: 20px;}
	.fr #footer .firstRow .mainlinks li {float: none; margin: 0 0 25px 0;}
	.fr #footer .firstRow .mainlinks li:last-child {margin-bottom: 10px;}
	.fr #footer .firstRow .socialLinks {float: none; padding: 20px 0 20px 20px; border-top: 1px solid #333;}
}	

@media screen and (max-width:900px) {
	#vmcheader .contents {width: 95% !important;}
	#vmcheader { }
	.hide-on-wide {display: block !important;}
	.hide-on-narrow {display: none !important;}	
	#navRow1 .utility-nav li.hide-on-wide {display: table-cell !important;}
	#navRow1 .utility-nav li {padding: 0; width: 0 !important;}
	#navRow1 .utility-nav li.cart a {height: 27px; width: 27px; background: url("/assets/icons/shopping-cart-white-empty.png") no-repeat center top; margin: 0 auto;}
	#navRow1 .utility-nav li.cart.hasitems a, 
	#navRow1 .utility-nav li.cart a.has-item {background: url("/assets/icons/shopping-cart-white-full.png") no-repeat center top;}
	#navRow1 .utility-nav li.cart a img {height: 20px; width: auto; padding-top: 5px;}
	#navRow1 .utility-nav li.cart a img.contrastRatioColorDarker {filter: unset;}
	#vmcheader .contents {width: 100% !important; max-width: 100%; padding-top: 0;}
	#navRow1 {
		background-color: #fff;
	}
	#navRow1 .utility-nav li.cart.hasitems .cart-count {top: -3px; right: -3px;}
	#navRow1 .logo {height: 35px; padding: 12px 10px; position: static;}
	#navRow1 .cart {width: 50px;}
	#navRow1 .cart a {display: block;}
	
	#navRow1 .cart a img.hide-on-wide {display: inline-block !important;}
	#navRow1 .find-a-store-link {width: 50px;}
	#navRow1 .find-a-store-link a {}
	#navRow1 .find-a-store-link img {height: 20px; margin: 0 auto;}
	#navRow1 .utility-nav .menu {width: auto !important;}
	#navRow1 .menu-link {display: block; padding: 20px;}
	#navRow1 .appointments {width: 50px;}
	#navRow1 .utility-nav li.appointments {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%);}
	
	.mobileSearchBox {}
	.mobileSearchBox .CoveoSearchInterface {min-width: 0;}
	.mobileSearchBox .CoveoSearchInterface .CoveoSearchbox {margin: 24px 16px; height: 33px; background: #F3F2F0; border-radius: 6px; }
	.mobileSearchBox .CoveoSearchbox .magic-box .magic-box-input > input {background: #F3F2F0; width: calc(100% - 20px); top: 0;}
	.mobileSearchBox .magic-box .magic-box-input {height: 33px; border-radius: 6px;}
	.mobileSearchBox .CoveoSearchbox .magic-box {border-radius: 6px; border: none;}
	.mobileSearchBox .searchContainer {padding: 20px; position: relative; z-index: 500; background-color: #eaeaea; margin-right: 0;}
	.mobileSearchBox #searchField {width: calc(100% - 44px); padding: 20px;}
    .mobileSearchBox .searchsubmit {box-sizing: content-box; display: inline; position: absolute; bottom: 37px; right: 37px;}
	.mobileSearchBox .searchclose {box-sizing: content-box;  position: absolute; bottom: 40px; right: 70px; width: auto; height: auto; padding: 0; display: none;}
	.mobileSearchBox .searchContainer.searchActive .searchclose {visibility: visible;}
	.mobileSearchBox .CoveoSearchbox .CoveoSearchButton {height: 33px; width: 40px; border: none;}
	.mobileSearchBox .magic-box .magic-box-clear {background: none; height: 30px; margin-top: 5px;}
	#searchBarMobile .magic-box .magic-box-input .magic-box-underlay, #searchBarMobile .magic-box .magic-box-input > input{height: 33px !important;}
	#searchBarMobile .magic-box .magic-box-input .magic-box-underlay, #searchBarMobile .magic-box .magic-box-input > input { /*height: 27px !important; */}
	
	#navRow2 {
		display: none;
	    position: absolute;
    	z-index: 100;
    	width: 320px;
    	height: calc(100% - 61px); 
    	background-color: #000;
    	right:0;
    }
	#navRow2 .contents {
		background: #E10A0A none;
		height: calc(100% - 128px); /* 200% zooming issue fixed */ 
		overflow-y: auto;
		overflow-x: hidden;
	}
	#navRow2 .logo {display: none;}
	#navRow2 .prov-selection {float: none;}
	#navRow2 ul {float: none; position: relative;}
	#navRow2 .topNav { }
	#vmcheader ul li.has-subnav.drop.afterArrow:after {content: none;}
	#vmcheader #navRow2 ul li.has-subnav.drop ul.subnav,
	#navRow2 .subnav {
		display: none;
		position: unset;  
		box-shadow: unset;
	    background-color: #E10A0A;
	    width: 100%;
	    z-index: 1000;
	    text-transform: none;
	    font-size: 16px;
	}
	#navRow2 ul li.mainLink {float: none; background-color: #E10A0A; color: #fff; height: 100%; width: 100%;}
	#navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger,
	#navRow2 ul li.mainLink a,
	.fr #navRow2 ul li.mainLink a {padding: 10px 20px;}
	#navRow2 ul li.mainLink.has-subnav .subnav a {font-size: 12px; font-weight: normal; padding: 10px 20px;}
	#navRow2 ul li.singleMobile {
		position: absolute; 
		z-index: 100;
	}
	#navRow2 ul li.menuopen {
		visibility: hidden;
		-webkit-transition: all .7s ease;
   		-moz-transition: all .7s ease;
   		-ms-transition: all .7s ease;
   		-o-transition: all .7s ease;
   		transition: all .7s ease;
	}
	#navRow2 .has-subnav .nav-dropdown-trigger div {display: inline-block; padding: 0;}
	#navRow2 .drop-arrow, 
	#navRow2 .up-arrow {
	    display:none;
	    width: .5em;
	    height: .8em;
	    position: absolute;
	    top: 10px;
	    border: none;
	    margin: 0;
	}
	#navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger:hover {text-decoration: underline;}
	/*
	#navRow2 .drop-arrow:before,
	#navRow2 .drop-arrow:after {
	    display:block;
	    content:"";
	    width:0;
	    height:0em;
	    border-style:solid;
	    position:absolute;
	}
	#navRow2 .drop-arrow:before {
	    right:0;
	    border-width:.4em 0 .4em .4em;
	    border-color:transparent transparent transparent #fff;    
	}
	#navRow2 .drop-arrow:after {
	    left:0;
	    border-width:.4em 0 .4em .4em;
	    border-color:transparent transparent transparent #000;    
	}	
	
	#navRow2 .drop-arrow.left {
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	*/
	#navRow2 .provinceBox {display: none; position: absolute; z-index: 1000; bottom: 0; width: 100%; background-color: #fff; border-radius: 16px 16px 0 0;}
	#navRow2 .provinces {background-color: #fff; border-radius: 16px 16px 0 0; /* box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.12); border-radius: 16px 16px 0px 0px; */}
	#navRow2 .provinceBox .md-off {border-color: #ccc;}
	#navRow2 .provinceBox .selected .md-off {border-color: #8D8D8D;}
	#navRow2 .ProvinceList li {
		padding: 10px 0 10px 31px;
		float: left;
	    width: calc(100% - 31px);
	    min-width: 115px;
    	/* background: url(/assets/images/bl_selector.png) no-repeat scroll 5px -25px transparent;
    	padding: 0 10px 0 26px; */
    	position: relative;
	}
	#navRow2 .ProvinceList a {padding: 10px 0 10px 0; text-transform: none; font-size: 14px; font-weight: normal;color: #131C35;text-decoration: none;}
	#navRow2 .ProvinceList .selected a {font-weight: bold;}

	
		
	
	#subNavRow2 {position: absolute; display: table !important; bottom: 0; width: 100%; z-index: 1000; background-color: #fff; font-size: 12px;}
	#subNavRow2 #sso {display: table-cell; border-right: 1px solid #333; vertical-align: middle; text-align: center;}
	#subNavRow2 #sso a {color: #fff;}

	#subNavRow2 .provinceSelector a,
	#subNavRow2 .languageSelector a {font-weight: bold; text-transform: uppercase;}
	#subNavRow2 .languageSelector,
	#subNavRow2 .provinceSelector {width: 40px;}
	#subNavRow2 a {text-decoration: none; color: #131C35; padding: 24px 16px; display: inline-block; margin-right:5px;}
	#subNavRow2 .tr:first-child a,
	#subNavRow2 .tr:nth-child(2) a {padding: 18px 16px 12px;}
	#subNavRow2 a img {vertical-align: middle;}
	#subNavRow2 .myaccountmobile a {
		display: inline-block; 
		}
	#subNavRow2 .myaccountmobile .sso {display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #fff;}
	#subNavRow2 .myaccountmobile .sso span.name {font-family: inherit;} 
	#subNavRow2 .myaccountmobile .sso a,
	#subNavRow2 .myaccountmobile .sso + a {background: none;}
	.fixedPosition
	 {
	    position: fixed;
	    width: 100%;
	 }
	 	 
	.fr #footer .firstRow {width: 100%; margin: 0 auto;}
	.fr #footer .firstRow .mainlinks {float: none; margin-left: 20px;}
	.fr #footer .firstRow .mainlinks li {float: none; margin: 0 0 25px 0;}
	.fr #footer .firstRow .mainlinks li:last-child {margin-bottom: 10px;}
	.fr #footer .firstRow .socialLinks {float: none; padding: 20px 0 20px 20px; border-top: 1px solid #333;}
	
	.cart .cart-count {right: 7px; top: 14px;}
	
	//VPDC-31 Language dropdown
		#navRow2 .languageBox {display: none; position: absolute; z-index: 1000; bottom: 0; width: 100%; background-color: #000; border-top: 1px solid #333;}
		.languages {padding: 20px !important;}
		#navRow1 .utility-nav li.languages {background-color: #fff;}
		#navRow2 .languages {background-color: #fff;border-radius: 16px 16px 0 0;}
		#navRow2 .LanguageList li {padding: 10px 0 15px 31px;float: left;width: calc(100% - 31px);min-width: 115px;position: relative;}
		#navRow2 .LanguageList a {padding: 10px 0 10px 0; text-transform: none; font-size: 14px;font-weight: normal; color: #131C35; text-decoration: none;}
		#navRow2 .languageBox {display: none;position: absolute;z-index: 1000;bottom: 0;width: 100%;background-color: #fff;border-radius: 16px 16px 0 0;}
		#navRow2 .languageBox .md-off {border-color: #ccc;}
		#navRow2 .languageBox .selected .md-off {border-color: #8D8D8D;}
		#navRow2 .LanguageList .selected a {font-weight: bold;}
		
		.home-page-by-default-on {right: 0px;}
		.fr .home-page-by-default-on {right: 0px;}
	.accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:active::before {
		width: 87% !important;
		left:5px!important;
	}
	.accss-custom-styles-init .override-links-outline input#navbarSearchTextfieldMobile:focus, .accss-custom-styles-init .override-links-outline input#navbarSearchTextfieldMobile:active {
		outline: none !important;
		box-shadow: inset 0 0 3px 1px #257fa3, inset 0 0 3px 2px #257fa3;
	}
	.accss-custom-styles-init .override-links-outline span.mobileviewSearch:focus, .accss-custom-styles-init .override-links-outline span.mobileviewSearch:active {
		outline: none !important;
		box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
	}
	.searchContainer span.mobileviewSearch {display: inline;position: absolute;bottom: 12px;right: 15px;}
	#navRow1 .utility-nav li .microsite-store-header {display: none;}
	   #navRow2 .prov-selection {display: block !important;}    
    #navRow2 .prov-selection.mobile-microsites-menu {display: none !important;}
	
	
	/* nav cart A/B test */
	.topnavtest .tr.cart {display: none !Important;}  
	.topnavtest #navRow1 .utility-nav li.cart.hide-on-narrow {display: table-cell !important;}
	.topnavtest #navRow2 .contents {height: calc(100% - 105px);}
	
}	

@media screen and (max-width:800px) {
	.simplefiedHeader.content-area .contents {max-width: calc(100% - 130px); padding: 0 10px}
}

@media screen and (max-width:770px) {
	#footer {padding-top: 35px;}
	#footer .firstRow,
	#footer .lastRow {width: 100%; margin: 0 auto;}
	#footer .firstRow .mainlinks {float: none; margin-left: 20px;}
	#footer .firstRow .mainlinks li {float: none; margin: 0 0 25px 0;}
	#footer .firstRow .mainlinks li span.imgContainer {width: 25px; display: inline-block; margin-right: 7px;}
	#footer .firstRow .mainlinks li span img {margin: 0 auto; display: block;}
	#footer .firstRow .mainlinks li:last-child {margin-bottom: 10px;}
	#footer .firstRow .socialLinks {float: none; padding: 20px 0 20px 20px; border-top: 1px solid #333;}
	#footer .midRow ul,
	#footer .midRow ul:last-child {margin: 0 20px; width: 90%;}	
	#footer .midRow ul {margin-bottom: 25px;}
	#footer .lastRow {text-align: left;}
	#footer .lastRow ul {padding-left: 20px;}
	#footer .lastRow ul li {display: block; margin: 0 0 15px;}
	#footer .lastRow .legal {padding: 10px 0 10px 20px;}
}
	
@media screen and (max-width:640px) {
	
	#navRow2 {
		display: none;
	    position: absolute;
    	z-index: 10000;
    	width: 100%;
    	height: calc(100% - 61px); 
    	background-color: #000;
    }
    
    #navRow2 .ProvinceList li {
		float: left;
	    width: calc(50% - 31px);
    }
	.simplefiedHeader .link {right: -55px; }
	.simplefiedHeader .link:first-child {right: unset;}
	.simplefiedHeader .link:last-child {display: none;}

	.simplefiedHeader .link::after {right: 40px; left: unset;}

}
@media screen and (max-width: 480px) {
    #navRow2 .ProvinceList li {width: 100%;}
}

@media screen and (max-width: 400px) {
	#subNavRow2 .ProvinceList {width: 100%;}

}

//400% browser Zoom
@media screen and (max-width: 320px) {
	.languages {padding: 35px !important;}
	#subNavRow2 .ProvinceList {width: 100%;}
	#navRow1 .contents {display: none;padding-top: 0px;}
	#subNavRow2 .tr:nth-child(2) a {padding: 10px 10px 0px;}
	#subNavRow2 a {text-decoration: none;color: #131C35;padding: 10px 16px;display: inline-table;}
	.accss-custom-styles-init .override-logo-mobile-outline:focus::before, .accss-custom-styles-init .override-logo-mobile-outline:active::before {
		content: '';
		height: 52%;
		width: 59%;
		position: fixed;
		top: 11px;
		left: 19px;
		display: block;
		box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3;
		z-index: 1;
	}
	#navRow1 .logo {height: 20px;padding: 15px 24px;position: static;}
	#navRow1 .menu-link {
		display: block;
		padding: 5px 7px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#vmcheader .contents {width: 100% !important;max-width: 100%;padding-top: 0px;margin-bottom: -8px;overflow: hidden;}

}

@media screen and (max-width: 860px) and (max-height: 450px) and (orientation : landscape){
	#navRow2 {width: 100%;}
}