#header {
    
 background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACmCAIAAACUbnKIAAAAGklEQVR4AWP4////iMRqLfvojm+9/kIcHsUAiDWuUc4G2/8AAAAASUVORK5CYII%3D") repeat-x;
    height: 166px;
    background-color: #fff;
}
#header, #header * {
	-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
}

#header strong {
    /*counters the reset of strong -- slowly getting rid..*/
    font-weight: bold;
}
header#header ul {margin: 0; padding: 0; list-style: none;}
.catagoryNav {
	padding-bottom: 12px!important;
}
/*NEWWEB-8171*/
.globalHeaderNotification {
	width: 100%;
	left: 0;
	top: 168px;
	text-align: center;
	background-color:#f1f1f1;
	border-bottom: 1px solid #ccc;
	font:italic 13px/1 georgia,serif;
}
.globalHeaderNotification span {
    padding: 8px 0!important;
    display: block;
}
.globalHeaderNotification strong {
    font-weight: bold
}
#headerLevel1 {
    height: 62px;
    position: relative;
}
a {
    text-decoration: none
}
#headerInner {
		width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0!important;
}
#headerInner > div {
    clear: both
}
.flRight {
    float: right
}
.flLeft {
    float: left
}
.account_cart:before {
    content: "\02f";
    font-family: 'iCons';
    font-size: 17px;
    position: absolute;
    left: 7px;
    color: #49a4dd;
    font-weight: normal;
}
.account_userName {
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}
.headerLevel2 a {
    position: relative;
    padding-right: 18px;
    margin-right: 18px;
    font-size: 12px;
    line-height: 13px;
    color: #f1f5f8;
}
.headerLevel2 a:hover{
    color: #f1f5f8;
}
/*
.headerLevel2 a:after {
    content: "";
    position: absolute;
    height: 10px;
    right: 0;
    top: 2px;
    /* border-right: 1px solid #99bad3; 
}
*/
.fse-exit:empty {
	display:none;
}
.headerLevel2 a:last-child:after {
    display: none
}
#headerLevel3 {
    position: relative
}
/*------jump fix------*/
#headerLevel3 > .logoContainer {
    display: inline-block;
    height: 50px;
    float: left;
}
.logoContainer img {
	 max-height: 40px;
}
#headerLevel3 .logo {
    display: inline-block;
    border: none;
}
#phoneContact {
    position: absolute;
    left: 500px;
    top: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
.rwd-search {
	display: none;
}

.head-search-form {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
    background: #fff;
    border: 1px solid #b1b1b7;
    border-radius: 4px;
}
.head-search-form .search-input {
    width: 100% !important;
    display: block;
    font-size: 15px;
    padding: 0 10px 0 13px;
    margin: 0;
    border-right: 0;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 20px;
    float: left;
    vertical-align: middle;
    box-sizing: border-box !important;
    height: 38px;
    flex-grow: 2;
    -webkit-flex-grow: 2;
    border: none;
    border-radius: 4px 0 0 4px;
}
.head-search-form .reset-search-form {
    margin-right: 3px;
    opacity:0.5;
    position:relative;
    top:1px;
}
.head-search-form:hover .reset-search-form {
    opacity: 1;
}
.head-search-form .search-input::-webkit-input-placeholder {color: #ccc;}
.head-search-form .search-input:-moz-placeholder {color: #ccc;}
.head-search-form .search-input::-moz-placeholder {color: #ccc;}
.head-search-form .search-input:-ms-input-placeholder {color: #ccc;}

.head-search-form .search-input::-ms-clear {
    display: none;
}
.head-search-form .search-input:focus{
    box-shadow:none;
}
#emailSubscribeInput {
    width: 290px;
    display: block;
    font-size: 15px;
    background: #fff;
    padding: 9px 10px 9px;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 15px -2px #ddd inset;
    font-size: 17px;
    line-height: 20px;
    float: left;
    vertical-align: middle;
}
#globalSearch:hover {
    outline: none;
    box-shadow: 0 0 8px rgba(82,168,236,0.5);
    border-color: rgba(82, 168, 236, 0.75);
}
.head-search-form .search-submit {
    font-style: normal;
    font: normal 18px 'iCons' !important;
    speak: none;
    margin: 0;
    display: block;
    border: 1px solid #87c504;
    color: #fff;
    padding: 0 32px;
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
    float: left;
    cursor: pointer;
    background: #8fc911;
    height: 40px;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
}
#emailSubscribeSubmit {
    margin: 0;
    display: block;
    border: 1px solid #87c504;
    color: #fff;
    padding: 11px 10px 13px;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    vertical-align: middle;
    float: left;
    text-transform: uppercase;
    cursor: pointer;
}
#globalSearch button:hover {
    background: #7db600
}




.logoContainer {
    margin: 13px 16px 0 0;
    width:182px;
    max-width:100%;
}
ul.headerEco {
    margin: 0 13px 0 0;
}
.headerEco li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    height: 62px;
    border-right: 1px solid #ddd;
    border:none;
}
.headerEco li.active {
    background: #248dc7;
    background: -moz-linear-gradient(top, #248dc7 0%, #1f7cb5 31%, #1771a6 86%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#248dc7), color-stop(31%,#1f7cb5), color-stop(86%,#1771a6));
    background: -webkit-linear-gradient(top, #248dc7 0%,#1f7cb5 31%,#1771a6 86%);
    background: -o-linear-gradient(top, #248dc7 0%,#1f7cb5 31%,#1771a6 86%);
    background: -ms-linear-gradient(top, #248dc7 0%,#1f7cb5 31%,#1771a6 86%);
    background: linear-gradient(to bottom, #248dc7 0%,#1f7cb5 31%,#1771a6 86%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#248dc7', endColorstr='#1771a6',GradientType=0 );
}
.headerEco li.active a:before {
    color: #fff
}
.headerEco li:hover,
.headerEco li:hover a,
.headerEco li:hover a:before {
    text-decoration: none;
    color: #1385B4;
    cursor: pointer;
}
.headerEco li.active:hover,
.headerEco.active:hover a,
.headerEco li.active:hover a:before {
    color: #fff;
    cursor: default;
}
.headerEco li a {
    display: block;
    padding: 11px 13px 11px 42px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}
.headerEco li.active a {
    color: #FFF
}
.headerEco li.eco-business a {
	padding-right: 8px;
	padding-left: 8px;
}
.headerEco a:hover {
    text-decoration: underline
}
#headerLevel2 {
    height: 16px
}
.eco-context {
    display: none
}
.eco-context.show {
    display: block
}
.eco-context a {
    color:#fff;
    font-size:13px;
    margin-right:24px;
    padding-right:24px;
    display:inline-block;
}
.eco-context a:last-child {
   border-right:0;
}
.eco-context a:hover {
   color:#b3e5ff;
}
#context-shop.show {

}
#context-shop {
    margin-left: 100px
}
#context-rent {
    margin-left: 200px
}
#context-learn {
    margin-left: 245px
}
#context-used {
    margin-left: 260px
}
#context-business {
    margin-left: 220px
}
#context-print {
    margin-left: 180px
}
#context-learn {
    margin-left: 340px
}

.headerEco li a:before {
    position: absolute;
    color: #999;
    font-size: 28px;
    font-weight: 400;
    top:5px;
    left: 16px;
    display: block;
    text-align: center;
}
.headerEco li.eco-print a:before {
	left: 18px;
}
.headerEco li.eco-business a:before {
	left: 25px;
}
.headerEco li.eco-learn a:before {
	left: 22px;
}
.headerEco li a {
    display: block;
    padding: 38px 12px 11px 15px;
    font-size: 12px;
    color: #777;
}
.headerEco li.active {
    background: #2784bf
}
.promo-container {
    margin: 15px 15px 0;
    padding-right: 12px;
}
.vip360-header {
	margin-top: 13px;
}
.promo-click-by-8 {
    display: block;
    position: relative;
    padding: 1px 0 0 36px;
    /* color: #d02025; */
    cursor: pointer;
}
.promo-click-by-8:hover {
   color: #333;
   text-decoration:none;
}
.promo-click-by-8.popup:before {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 28px;
    color: inherit;
    font-family: iCons!important;
}
.vip360-header .promo-click-by-8.popup:before {
	color: #FEC015;
	font-size: 34px;
	left: -2px;
}
.promo-click-by-8 span {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
}
.promo-click-by-8 strong {
    display: block;
    font-size: 13px;
    line-height:1.1;
    font-weight: 900;
}
.vip360-header strong{
	color: #2a3c48;
	margin-bottom: 2px;
	margin-left: 3px;
	margin-top: 2px;
}
.vip360-header span{
	color: #2a3c48;
	font-weight: normal;
	display: block;
	line-height: 1.4
}
.promo-click-by-8.promo-expedited:before {
	left: 0px;
	top: 0px;
	font-size: 20px;
	border: 2px solid #1385B4;
	border-radius: 50%;
	padding: 4px 4px 2px 4px;
}
.promo-click-by-8.promo-expedited:hover:before {
	border-color:#333;
}

#headerLevel2 {
    height: 30px
}
.eco-context {
    margin-top: 6px
}
#chat-placeholder {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 32px;
}
#chat-placeholder .action {
  font-size: 0.8125em;
}
#chat-placeholder div div  {
	color:#2C97DE!important;
	font-family: inherit!important;
}
.head-help {
    padding: 15px 0 0 15px;
    position: relative;
}
.head-help-links > a {
	font-size:13px;
}
.head-phone {
    font-size: 13px
}
.head-help .head-phone:before {
    position: absolute;
    left: -20px;
    top: 18px;
    font-size: 28px;
    color:#b7b7b7;
}
.head-phone strong {
    padding-right: 4px;
    padding-bottom: 0;
    margin-right: 0;
    font-weight: bold;
    display: inline-block;
}
.headerLevel3 .toggle-icon {
    position: relative;
    padding-right: 30px;
}
.headerLevel3 .toggle-icon:hover {
    text-decoration: none
}
.toggle-icon:after {
    content: ",";
    position: absolute;
    top: 13px;
    right: 10px;
    font-style: normal;
    font-family: 'iCons';
    speak: none;
    font-weight:400;
}
/*headerLevel2*/
.header-toggle-button {
    display: inline-block;
    padding: 12px 15px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size:14px;
    border-bottom:1px solid rgba(0,0,0,0.18);
}
.header-toggle-button:after {
    font-size:18px;
    top:11px;
}
.headerLevel3 .toggle-department {
    display: block;
    padding-right: 48px;
    padding-left: 20px;
    background: #0a6aa4;
    font-size: 15px;
    color: #fff;
    width:154px;
    border-bottom-color:#0a6aa4;
}
.headerLevel3 .toggle-department:after {
    right: 15px;
    top:9px;
    font-size:23px;
}
.headerLevel3 .toggle-department em {
	font-style: normal;
}
.toggle-department em:after {
  content:' ';
}
.departments-nav > .toggled-hover {
    background: #0a6aa4!important;
    width: 100%;
    height: auto;
}
.headerLevel3 > .head-componant {
    margin: 17px 24px 0 0
}
.headerLevel3 > .head-componant.head-search-form {
    margin-right:24px;
}
.headerLevel3 > .head-componant.head-deals {
    margin-right:18px;
}
.head-search-form {

}
.headerLevel3 > .head-componant.head-account-cart {
    margin-right: 0
}
.logged-out .nav-logged-in{display: none;}
.head-cart {
    position: relative
}
.cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: 600;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 2;
    color: #fff;
    border:0;
    border-radius: 50%;
    background: #819098;
}
.button-white {
    background: #fff;
    color: #777;
}
.head-deals-toggle {
    color: #0a6aa4;
    font-weight:600;
}
.head-account {
    margin-right: 1px
}
.head-account-toggle,
.head-cart-link {
    font-weight: 600;
    color:#2e2f2a;
}
.head-cart-link {
    position: relative;
    padding-left: 40px;
}
.head-cart-link:hover {
    text-decoration: none;
    color:#0a6aa4;
}
.head-cart-link:before {
    content: "C";
    position: absolute;
    left: 10px;
    top: 8px;
    font-style: normal;
    font-family: 'iCons';
    font-size: 22px;
    font-weight:400;
    color:#798794;
}
.head-cart-link:hover:before {
    color:#0a6aa4;
}
.head-deals > .header-toggle-button {
    padding-right:34px
}
.head-deals li:before {
	width: 30px;
	display: inline-block;
	text-align: center;
}
.head-account > .header-toggle-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right:34px
}
.head-cart > .header-toggle-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.nav-drop-container.hover .toggle-icon {
    background-color: #2684be;
    color: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.nav-drop-container.hover .toggle-icon:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.nav-drop {
    padding: 10px 15px;
    border-top: 4px solid #2684be;
    background: #fff;
    min-width: 150px;
    top:38px;
}
.shop-All-departments a {
    font-weight: bold
}
.search-info {
  width: 300px
}
.nav-menu ul li {
  margin: 4px 0;
}
.nav-menu ul li:last-child {
  margin-bottom: 6px
}
.nav-menu ul li a {
  font-size: 0.875em;
  padding: 4px 0;
  display: inline-block;
}
.nav-menu ul li a:hover {
  text-decoration: underline
}
.nav-menu ul li:before {
  color: #79848e;
  width: 18px;
  margin-right: 6px;
  text-align: center;
}


/*help-links*/

.head-help-links {
    display: block;
    float: right;
    width: 100%;
    margin-bottom: 3px;
}
.head-help-links .show-tips-show {
    display: block;
    left: -211px;
    top: 36px;
    width: 250px;
    padding: 24px 24px 0;
    background: #fff;
    border-width: 1px;
}
.head-help-links h5 {
    display: block;
    margin: 0 0 24px;
    line-height: 1.2;
	padding:0 0 8px;
    border-bottom: 1px solid #ccc;
}
.head-help-links h5 strong {
    display: block;
}

.help-nav-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
}
.help-nav-close:before{
	color: #E6E7E7;
}
.help-nav-close:hover:before{
	color: #2C97DE;
}
.head-help-links ul {
    font-size: 13px;
}
.head-help-links li {
    margin: 0 0 22px;
    padding: 0 0 0 34px;
    position: relative;
    color:#444;
}
.head-help-links li:before {
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 1.8em;
    color: #8d97a1;
}

.head-help-links li span {
    display: block;
}
.head-help-links li:last-of-type, .head-help-links li:last-of-type:before {
    padding-top: 8px;
}
.head-help-links li:last-of-type {
    border-top: 1px solid #ccc;
}



.show-tips{
	position: relative;
}
.show-tips .show-tips-show{
    visibility: hidden;
    position: absolute;
    z-index: -1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
    filter: alpha(opacity=0);
}
.show-tips.shown > .show-tips-show{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 9999;
}

/* formerly hoverTips for help links*/
.help-menu{
	position: absolute;
    top: 15px;
    left: -20%;
    z-index: 1036;
    padding: 18px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #555;
    background: #fff;
    box-shadow: 0 2px 15px -5px #444;
    text-decoration: none;
    max-width: 360px;
    min-width: 200px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition: all 80ms;
    -moz-transition: all 80ms;
    transition: all 80ms;
}
.help-menu:before, .hoverTips:after {
    left: 47%;
}
.help-menu:before {
    border-color: transparent transparent #CCCCCC;
    border-style: solid;
    border-width: 0 12px 11px;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    left: 76%;
    top: -11px;
    width: 0;
}
.help-menu:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 12px 11px;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    left: 76%;
    top: -9px;
    width: 0;
}


/*toggle engine*/


.toggle-hover {
    position: relative;
}
.toggle-hover .toggled-hover {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
    filter: alpha(opacity=0);
/*     overflow:hidden; */
}
.toggle-hover.hover > .toggled-hover{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 9998;
}
.headerLevel3 > .departments-nav > .toggled-hover {
    left: 0;
    top: 30px;
}
#mainBannersRotate>.controlsContainer{
    right:15px!important;
}

.headerLevel4 {display: none;}


#emailSubscribeInput {
    width: 170px; /*to be added to headerFooter.css*/
}
@-moz-document url-prefix() { /* moz hack - sorry no other choice*/
    #emailSubscribeInput{
        width:160px;
    }
}
.catagoryNav li a:hover{
    text-decoration: none;
}

.usedNav .dropContainer p{
    margin: 10px 0;
}
.usedNav .dropContainer strong{
    font-weight: bold;
}

.usedNav .dropContainer a:hover{
    text-decoration: none
}

form.emailOptin{
    position:relative;
    height:40px;
}

input.error{
    border-color:#BE1616!important;
    outline:0;
}
	

/*scriptString (static scripts that run via eval*/
.scriptString{ display: none;}


/* hiding zendesk bubble sitewide (except checkout) */
#launcher {
  display:none!important;
  opacity: 0!important;
}

/* !--- rwd medium and up --- */
@media screen and (min-width:801px) { 
	.homePage .heroInner {padding-left: 220px;}
	.departments-nav, .departments-nav>.toggled-hover {border-radius: 0 0 5px 5px!important;}
	.force-hover > .toggled-hover{visibility: visible; opacity: 1; filter: alpha(opacity=100); z-index: 1000;}
	.gnav {padding: 8px 0 12px;}
	.gnav-categories {position: relative;}
	.gnav-categories > .gnav-group a, .gnav-lg-toggle {color: #fff; padding: 4px 18px; display: block; font-size: 14px; line-height: 1.4;}
	.gnav-categories > .gnav-group a:hover, .gnav-lg-toggle:hover, .gnav-lg-toggle.active {background: #fff; color: #0a6aa4;}
	.gnav-mobile, .gnav-section:not(.gnav-categories), .gnav-h1, .gnav-group ul, .gnav-used, .gnav-lg-mb {display: none!important;}
	.gnav-lg-wrap:not(.active) {display: none;}
	.gnav-lg-wrap {position: absolute; min-width: 430px; padding: 24px; top: 300px; left: 100%; border: 1px solid #ccc; background: #fff; box-shadow: 3px 6px 8px -7px #444!important;}
	.gnav-lg-wrap:before {content: 'More Links'; display: block; width: 100%; margin-bottom: 15px; padding-bottom: 9px; border-bottom: 1px solid #ccc; font-size: 1em; font-weight: 600;}
	.gnav-lg-wrap a {font-size: 13px; padding: 8px 0; display: inline-block; width: 45%; margin-right: 5%; float: left;}
	.gnav-lg-wrap a:hover {text-decoration: underline;}
}

/* !--- rwd sm & med --- */
@media screen and (max-width:801px) {
	#header {background: #fff; height: auto; position: relative;}
	#headerLevel1, #headerLevel2, #headerLevel3 {height: auto;}
	.head-help-links, .headerLevel2, .headerLevel1 .promo-container, #chat-placeholder {display: none;}
	#headerLevel3 {position: static;}
	.head-search-form .search-input {width: 65%; font-size: 16px;}
	.head-search-form .search-submit {width: 18%; padding-right: 0; padding-left: 0;height:36px}
	.head-account-toggle:after {content: '\27'; font-family: iCons;}
	.catagoryNav > li.toggle-hover-on {display: none;}
	.nav-drop-container.hover .toggle-icon:after {transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	.catagoryNav > li.rwd-cat {display: block;}
	html.drawer-opened {height: 100%; overflow: hidden;}
	.drawer-opened, .rwd-search-active {position: fixed; overflow: hidden!important; max-height: 100vh; max-width: 100vw;}
	.departments-nav > .toggled-hover {position: fixed; top: 0!important; left: 0; transform: translateX(-320px); width: 320px; height: 100vh; margin: 0; padding: 0; border-radius: 0; box-sizing: border-box!important;  -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 220ms ease;}
	.departments-nav.hover > .toggled-hover {transform: translateX(0);}
	.toggle-hover.departments-nav.hover > .toggled-hover {height: 100%; width: 320px; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; touch-action: pan-y;}
	.toggle-hover.departments-nav.hover > .toggled-hover nav {position: relative; height: calc(100% + 1px); -webkit-transform: translate3d(0,0,0);}
	.gnav-lg-dt, .gnav-lg-toggle.active, .gnav-lg-wrap:not(.active) {display: none;}
	.gnav-mobile {display: flex;}
	.gnav-mobile a, .gnav-mobile a:hover {display: block; color: #fff; padding: 17px 12px; font-size: 14px; flex-basis: 45%; }
	.gnav-mobile a:before {color: inherit; margin-right: 6px; font-size: 14px; position: relative; top: 1px;}
	a.gnav-account:before {top: 3px;}
	a.gnav-close, a.gnav-close:hover {flex-basis: 10%!important;}
	a.gnav-close:before {top: 0; right: -6px; opacity: 0.75; font-weight: 700;}
	.gnav-section a, .gnav-section a:hover {color: #fff; font-size: 0.875em;}
	.gnav-categories {background: #005894; border-bottom: 1px solid #2d86be;}
	.gnav-h1 {padding: 24px 18px 8px; display: block; color: #C2E9FF; font-size: 1em;}
	.gnav-h1:before {color: inherit; margin: 0 5px 0 -8px; width: 18px; display: inline-block;}
	.gnav-cat1 {padding: 13px 12px; display: block; border-top: 1px solid #1b7bb6; margin: 0; line-height: 1;}
	.gnav-cat1:hover {color:#fff}
	.gnav-cat1.action:after {content: 'í'; font-family: iCons; font-size: 12px; opacity: 0.7; float: right; position: relative; top: 2px; transform: rotate(0deg); transition: transform 180ms;}
	.gnav-cat1.shown:after {transform: rotate(90deg);}
	.gnav-group.show {padding-bottom: 12px;}
	.gnav-group ul {padding: 0; max-height: 0; opacity: 0; visibility: hidden; margin: 0; transition: all 120ms;}
	.gnav-group.show ul {max-height: 200vh; opacity: 1; visibility: visible; transition: all 560ms;}
	.gnav-group li {margin: 0;}
	.gnav-group ul a, .gnav-sub a {padding: 8px 18px; display: block;}
	.gnav-lg-toggle:not(.active) {padding: 20px 12px; display: block; font-weight: 600; border-top: 1px solid #1b7bb6;}
	.gnav-lg-toggle:before {content: 'ō'; font-family: icons; margin-right: 3px;}
	.gnav-decor {max-width: 60%; margin: 30px auto 0; height: 100px; overflow: hidden; position: relative;}
	.gnav-decor img {opacity: .2;}
	.gnav-decor:before {content: ''; position: absolute; width: 100%; height: 100px; display: block; background: linear-gradient(rgba(10, 105, 163, 0.1) 30%, #0a6aa4 90%); z-index: 1;}
}


@media screen and (max-width:870px) {
	.promo-container {display: none;}
}

/* !--- rwd small --- */
@media screen and (max-width:599px) { 
	#header {background: #e6f1f7;}
	#headerLevel1 {height: 48px; box-shadow: 0 1px 0 #D7E1E6;}
	.logoContainer {position: absolute; top:12px; left: 29%; z-index: 2; width: 42%; margin: 0; text-align: center; display: block;}
	.logoContainer img {max-width: 100%; max-height: 25px; float: none;}
	.headerEco, .head-phone, .head-deals, .head-deals-toggle, .head-help {display: none;}
	.rwd-search {display: inline-block; position: absolute; left: 48px; top: 0; }
	.rwd-search:after {content: ''; width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); z-index: -1; opacity: 0; visibility: hidden; display: block; position: fixed; top: 0; left: 0; transition: opacity 180ms;}
	.rwd-search-active .rwd-search:after {z-index: 99; opacity: 1; visibility: visible;}
	.rwd-search-active .rwd-search:before, .homePage .rwd-search:before {background: #fff;}
	.homePage .rwd-search {pointer-events: none;}
	.head-search-form {width: 100vw; padding: 0; margin: 0!important; position: absolute; top: 0; left:0; background: #fff; visibility: hidden; opacity: 0; transition: top 180ms ease; border: 0!important;}
	.rwd-search-active {overflow:hidden; height:100vh;}
	.rwd-search-active .head-search-form, .homePage .head-search-form {visibility: visible; opacity: 1; z-index: 99!important; top:48px; border:none; border-radius:0; border: 0;}
	.rwd-search-active #headerLevel1 {background: #e6f1f7}
	.rwd-search-active .level0, .rwd-search-active #headerLevel1, .rwd-search-active .head-account-cart, .rwd-search-active .rwd-search:before, .rwd-search-active .toggle-department {z-index:100!important;}
	.head-search-form .search-input {width: 71%; border:0; border-radius: 0; height: 44px; padding: 0 2%;}
	.head-search-form .search-submit {height: 44px; width: 25%; padding: 0; border:0; margin: 0; border-radius: 0; float: right;}
	.headerLevel3 > .head-componant {margin: 0;}
	.head-account-cart {position: absolute; top:8px; right: 3%;}
	.headerLevel3 .toggle-department, .head-account-toggle, .head-cart-link {text-indent: -9999px; width: 15px; padding: 8px 12px!important; margin: 0 1%; background: transparent; border:0; text-align: center; z-index:2}
	.toggle-department:after, .head-account-toggle:after, .head-cart-link:before, .rwd-search:before {text-indent: 0; left:0; right:0; top:4px; color: #006ab2!important; font-size: 23px;}
	.rwd-search:before {font-size: 20px; position: relative; top: 15px; padding: 15px 12px 14px;}
	.head-account-toggle:after {top: 6px;}
	.hover .toggle-department:after, .hover .head-account-toggle:after, .hover .head-cart-link:before {color: inherit;}
	.hover .toggle-department {background: none; color: #156ca2!important; border-radius: 4px 4px 0 0;}
	.departments-nav {left: 7px; position: absolute; top: 4px; width: 42px;}
	.headerLevel3 .toggle-department:after {font-family: iCons; content: 'T'; left: 4px;}
	.departments-nav.head-componant.flLeft.toggle-hover.hover .header-toggle-button:before{ content:""; position: fixed; width:100vw; height:100vh; top: 0; right:0; z-index:1000; background: rgba(0,0,0,0.12);}
	.drawer-opened form, .drawer-opened .catagoryWidget{z-index:0!important;}
	.drawer-opened .pageContent, .rwd-search-active .pageContent { pointer-events:none;}
	.head-account .nav-drop {top: 30px; right:0; }
	.homePage .headerLevel4 {margin-top: 44px; display: block; background: #0069A6;}
	.homePage .headerLevel4 a {width: 50%; text-align: center; float: left; display: inline-block; padding: 12px 0; color: #fff; font-size: 0.875em;}
	.homePage .headerLevel4 a:first-child {box-shadow: -1px 0 0 #0083B8 inset;}
    .head-cart {top: -8px;}
    .head-cart-link:before {top:12px;}
    .head-cart-link {padding: 12px 8px!important;}
    .cart-count {top:2px; line-height: 1.6; height: 18px; width: 18px; font-size: 11px;}
 .isTouch .nav-drop-container.hover > .toggled-hover {visibility:hidden;opacity:0;}
    .toggle-hover.hover > .toggled-hover {overflow-y:auto;}
    #globalSearch:hover {box-shadow:none;}
}

/* !--- rwd medium --- */
@media screen and (max-width:801px) and (min-width:599px) {
	.logoContainer {position: absolute; top:33px; left: 2%; z-index: 2; max-width: 24%!important; margin: 16px 18px 0 0;}
	.logoContainer img {max-width: 100%;}
	.headerEco li {height: auto;}
	.headerEco li a {padding: 8px; margin-right: 0;}
	.headerEco li.active {background: #fff;}
	.headerEco li.active a {color: #777;}
	.headerEco li a:before, .head-local-tel, .head-account-cart.toggle-hover .toggled-hover {display: none;}
	.head-help {width: auto!important; position: relative; right: 120px; padding: 10px 0 8px;}
	.head-help .head-phone:before {font-size: 16px; top:7px; left:-20px;}
	.headerLevel3 {background: #e6f1f7; padding-left: 29%;}
	.headerLevel3 > .head-componant, .headerLevel3 > .head-componant.head-search-form {margin: 12px 1% 12px 0;}
	.header-toggle-button {padding: 10px 12px;}
	.headerLevel3 .toggle-department:after {font-size:18px;}
	.departments-nav {float: right; width: 20%;}
	.departments-nav > .toggled-hover {left: auto; right:0; transform: translateX(320px);}
	.headerLevel3 .toggle-department { padding: 11px 0 11px 15px!important; width: 80%;}
	.headerLevel3 .toggle-department strong, .headerLevel3 .toggle-department em {display: none}
	.departments-nav > .toggled-hover {width: 400px; left: auto!important; right:0; height: auto; padding-bottom: 12px;}
	.head-search-form {width: 55%; padding: 0;}
	.head-search-form .search-input::-webkit-input-placeholder {font-size: 12px; position: relative; top: -1px; left: -3px;}
	.headerLevel3 > .head-account-cart {position: absolute; width: 72px; max-width:none; right:0; top: 0; margin: 0; overflow: hidden;}
	.head-cart-link .head-account {max-width: 30px; margin-right: 2%;}
	.head-cart {max-width: 18px; margin-right: 3%; float: right;}
	.head-cart-link, .head-account-toggle {background: none; border:0; font-size: 13px; padding: 10px 8px 2px!important; margin: 0; float: right; text-indent: -9999px; width: 15px;}
	.head-account-toggle:after, .head-cart-link:before {color: #006ab2; float: left; position: relative; right:auto; left:-6px; top:0;text-indent: 0; right:0;}
	.head-account-toggle:after {top: -2px; font-size: 20px;}
	.hover .head-account-toggle:after {color: inherit;}
	.head-cart-link:before {top: -4px;}
	.cart-count {top: 3px; right: 1px; width: auto; height: 1em; border-radius: 2px; padding: 2px 3px; line-height: 1; font-size: 9px; letter-spacing: 0;}
	.nav-drop {top: 32px;}
	.head-deals-toggle {padding: 12px 15px;}
	.head-deals {width: 18%;}
	.head-deals .header-toggle-button:after, .headerLevel3 .toggle-department:after {top:10px; right:8px;}
}


/* !--- rwd between med and full --- */
@media screen and (max-width:1020px) and (min-width:801px) {
	#header {padding-right: 12px; padding-left: 12px;}
	ul.headerEco {margin-right: 2%;}
	.headerEco li a {padding-right: 11px; padding-left: 13px;}
	.promo-container, .vip360-header {width: 18%; padding-right: 8px; margin: 15px 0 0 3vw; text-align: left;}
	.promo-click-by-8 {padding: 0; font-size: 0.875em;}
	.promo-click-by-8 * {font-size: inherit;}
	.promo-click-by-8.popup:before, .head-help .head-phone:before, .head-local-tel, .head-deals-toggle:after, .head-account-toggle:after {display: none;}
	.head-help {width: 20%; padding-left: 8px;}
	.head-help-links .toggled-hover {left: auto; right: 0;}
	.head-help-links .hoverTips:before, .head-help-links .hoverTips:after {left: 82%;}
	.head-phone strong {display: block;}
	#context-print {margin-left: 0}
	.headerLevel3 > .head-componant {margin-right: 1%!important;}
	.headerLevel3 > .head-componant.head-account-cart {margin-right: 0!important; width: 25%;}
	.headerLevel3 .toggle-department, .head-search-form .search-input, .head-search-form .search-submit {-webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important;}
	.departments-nav {width: 25%;}
	.headerLevel3 .toggle-department {width: 100%; padding-right: 0; padding-left: 12px;}
	.headerLevel3 .toggle-department:after {right: 12px;}
	.head-search-form {width: 38%;}
	.head-search-form .search-input {width: 80%;}
	.head-search-form .search-submit {width: 20%; padding: 0;}
	.head-deals {width: 6%;}
	.head-deals-toggle, .head-account-toggle {padding-right: 12px!important; padding-left: 12px;}
	.head-account-toggle, .head-cart-link {border-radius: 4px!important;}
	.head-cart {float: right;}
}

/* !--- rwd between med and full --- */
@media screen and (max-width:1060px) and (min-width:1020px) {
	.head-help {width: 19%; padding-left: 0;}
	.head-help .head-phone:before {display: none!important}
	.headerEco li a {padding-right: 10px; padding-left: 12px;}
}

/* !--- rwd ultra wide --- */
@media screen and (min-width: 1020px) {
  #headerInner{
    max-width: 1440px;
  }
}
@media screen and (max-width:1020px) and (min-width:801px) {
	.promo-container, #chat-placeholder {display: none;}
	.head-help {width: auto;}
}

@media screen and (min-width: 1220px) {
	.logoContainer {margin-right: 2vw;}
	.logoContainer img {max-height: 48px;}
	.promo-container {margin-left: 2vw; border-right:0;}
	.head-help {width: 300px; padding-right: 12px;}
	.head-phone {font-size:1em; line-height: 2;}
	.head-phone strong {margin-right: 0.5vw;}
	.head-help-links {display: inline-block; width:auto;}
	.head-help-links>a {font-size:1em; line-height:2;}
	.head-help-links .hoverTips {top:30px; left:auto; right:0;}
	.head-help-links .hoverTips:before, .head-help-links .hoverTips:after {left:84%}
	#chat-placeholder:empty {display:none!important;}
	#chat-placeholder {position: static!important; float:right; right:auto; top:auto; padding-top: 15px;}
  #chat-placeholder .action {font-size: 1em; line-height: 2;}
	#chat-placeholder > div {width:72px!important; height:42px!important; border-radius:0!important; padding-top:15px!important;}
	#chat-placeholder div div {font-size: 16px!important; line-height:2!important; position:static!important; font-family:inherit!important;}
	.eco-context {margin-left:calc(200px + 3vw);}
	#context-rent {margin-left:calc(250px + 3vw);}
	#context-learn {margin-left:calc(300px + 3vw);}
	#context-used {margin-left:calc(320px + 3vw);}
	#context-print {margin-left:calc(200px + 3vw);}
	#context-learn {margin-left:calc(436px + 3vw);}
	#context-business {margin-left:calc(280px + 3vw);}
	.departments-nav {width: 300px;}
	.headerLevel3 .toggle-department {width:calc(100% - 68px);}
	.headerLevel3>.head-componant.head-search-form {width: calc(100% - 690px);}
	.head-search-form .search-submit {float:right; width: 48px;height:38px;}
}

@media screen and (min-width: 1220px) and (max-width: 1260px) {
	.promo-click-by-8.popup:before {display:none!important;}
	.promo-click-by-8 {padding-left:0;}
}

/* !--- rwd between full and ultra wide --- */
@media screen and (min-width: 1020px) and (max-width: 1440px){
  #headerInner .cf{
    margin: 0 20px!important;
  }
  .headerEco li a {padding-right: 9px; padding-left: 9px;}
	.headerEco li a:before {left:11px;}
}

@media screen and (min-width: 1020px) and (max-width: 1060px){
	.headerLevel3>.head-componant, .headerLevel3>.head-componant.head-search-form, .headerLevel3>.head-componant.head-deals {margin-right: 10px;}
}

@media screen and (min-width: 1400px) {
	.promo-container {margin-left: 2vw; margin-top: 22px;}
	#header .promo-container * {font-size: 0.875rem;}
	#header {background-position: 0 24px; height: 190px;}
	#headerLevel1 {height:86px;}
	.logoContainer {width:220px; margin-top: 18px;}
	.headerEco li {height: 86px;}
	.headerEco li a {padding: 56px 20px 12px;}
	.headerEco li a:before {font-size:36px; top: 13px;}
	.head-help {padding-top: 28px;}
	.head-help .head-phone:before {top: 30px;}
	#chat-placeholder > div, #chat-placeholder {padding-top: 28px!important}
}

@media print {
	.headerEco, .promo-container, .head-help, #headerLevel2, #headerLevel3, .continue-shopping, #footer, .feedbackCTA, .securityBadges {display:none;}
	#header {height:auto;}
	#headerLevel1 {text-align:center;}
	.logoContainer {width:100%; margin: 8px 0 12px; text-align:center;}
}