/* Icons */
.gui-user-icon:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
}
.gui-sign-out-icon:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z'/%3e%3c/svg%3e");
}

/* Header Top Links */
.gui-header-top {
    font-family: "open_sansregular";
}
.gui-header-top {
    background: #f1f1f1;
	border-bottom: 1px solid #d6d6d6;
}
.gui-header-top-links ul li a {
	font-family: "open_sansregular";
	text-transform: uppercase;
	color: #fff;
    font-size: 12px;
}

/* Main Links */
.gui-header-main-links ul li a {
    font-family: "open_sansregular";
    line-height: 1.7;
	color: #333;
	border: none;
	text-transform: uppercase;
    font-size: 12px;
}
.gui-header-main-links ul li a:hover {
    text-decoration: underline;
	color: #666666;
}
.gui-header-main-links ul li:last-child {
    margin-right: 12px;
}
.gui-main-links li a:before {
    background-repeat: no-repeat;
	background-size: 20px;
    content: "";
    height: 20px;
	width: 20px;
    margin-right: 5px;
}
.gui-nav-list .gui-nav-list-extra ul li a {
	text-transform: uppercase;
	font-weight: bold;
}
.gui-nav-list .gui-nav-list-extra ul li a:hover {
	text-decoration: underline;
	color: #666666;
}

/* Toggle Buttons */
.gui-nav-toggle,
.gui-minibag-toggle,
.gui-search-toggle {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
}

/* Search */
.gui-search input {
	font-family: "open_sansregular";
	text-transform: uppercase;
}
.gui-search button {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.01 43.96'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ccc;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M44,40.61A3.43,3.43,0,0,1,40.61,44a3.14,3.14,0,0,1-2.38-1l-9.07-9a18.11,18.11,0,0,1-10.55,3.28,18.3,18.3,0,0,1-7.23-1.47,18.22,18.22,0,0,1-9.92-9.92,18.56,18.56,0,0,1,0-14.46,18.24,18.24,0,0,1,9.92-9.92,18.56,18.56,0,0,1,14.46,0,18.26,18.26,0,0,1,9.92,9.92,18.31,18.31,0,0,1,1.47,7.23A18.1,18.1,0,0,1,34,29.17l9,9.07A3.24,3.24,0,0,1,44,40.61ZM27,27a11.4,11.4,0,0,0,3.48-8.37A11.4,11.4,0,0,0,27,10.25a11.4,11.4,0,0,0-8.37-3.48,11.4,11.4,0,0,0-8.37,3.48,11.41,11.41,0,0,0-3.48,8.37A11.41,11.41,0,0,0,10.25,27a11.41,11.41,0,0,0,8.37,3.48A11.41,11.41,0,0,0,27,27Z' transform='translate(0.01 -0.04)'/%3e%3c/svg%3e");
	border-left: none;
}

/* Minibag Toggle */
.gui-minibag-toggle {
	font-family: "open_sansregular";
    color: #000000;
}
.gui-minibag-toggle-text {
    font-family: "open_sansregular";
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}
.gui-minibag-toggle-count {
	font-family: "open_sansregular";
	font-weight: bold;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;%7d .st1%7bfill:%23000000;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3ccircle class='st0' cx='22.5' cy='16.5' r='15'/%3e%3cpath class='st1' d='M22.5,33C13.4,33,6,25.6,6,16.5S13.4,0,22.5,0S39,7.4,39,16.5C39,25.6,31.6,33,22.5,33z M22.5,3 C15,3,9,9,9,16.5S15,30,22.5,30S36,24,36,16.5C36,9,30,3,22.5,3z'/%3e%3crect y='8' class='st1' width='44' height='36'/%3e%3c/svg%3e ");
    color: #FFFFFF;
}

@media (min-width: 992px) {
	.logo {
		max-width: 190px;
	}
}

/* Minibag */
.gui-minibag-content header h4 {
	font-family: "open_sansregular";
    text-transform: uppercase;
}

/* Main Nav Font */
.gui-nav-list {
    font-family: "open_sansregular";
}

/* Main Nav Text Style */
.gui-nav-list > li > a {
	text-transform: uppercase;
}
.gui-nav-off-canvas .gui-nav-list > li > a {
	font-weight: bold;
}
.gui-nav-list > li > a:hover {
    color: #666666;
}

/* Clearance Tab Style */
.gui-nav-list > li:last-child > a {
    color: #ba0047;
}
.gui-nav-list > li:last-child > a:hover {
    background: #ba0047;
    color: #FFFFFF;
}

/* Sub Nav Toggle Style */
.gui-show .gui-sub-nav-toggle {
    background: #000000;
}

/* Sub Nav Title */
.gui-sub-nav-content > div .gui-sub-nav-title {
    background: #F2F2F2;
    border-bottom: none;
    padding: 5px;
    text-transform: uppercase;
}
.gui-nav-off-canvas .gui-sub-nav-content > div .gui-sub-nav-title {
    background: none;
    padding: 0 0 5px;
}

/* Sub Nav Link Item */
.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
    color: #666666;
    text-decoration: underline;
}

/* Default Nav Style */
/* Main Nav Style */
.gui-nav-default .gui-nav-list {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
.gui-nav-default .gui-nav-list > li > a {
	font-size: 14px;
}

/* Main Nav Hover/Touch Style */
.gui-no-touch .gui-nav-default .gui-nav-list > li:hover,
.gui-touch .gui-nav-default .gui-nav-list > li.gui-show {
    background: #FFFFFF;
}

/* Sub Nav Content */
.gui-nav-default .gui-sub-nav-content {
    border: none;
    box-shadow: 0 8px 20px -8px rgba(0,0,0,0.25);
}

/* Secondary Nav */
.gui-secondary-nav {
	font-family: "open_sansregular";
    margin: 0;
}
.gui-secondary-nav a {
    font-size: 14px;
    padding: 5px;
}
.gui-secondary-nav .gui-container {
	padding: 0;
}

/* Off Canvas Nav */
.gui-nav-off-canvas .gui-sub-nav-content-grid > div .gui-sub-nav-title {
    border-bottom: 1px solid #CCCCCC;
}
.gui-nav-off-canvas .gui-nav-list > li.gui-sub-nav.gui-show,
.gui-nav-off-canvas .gui-nav-list > li.gui-sub-nav.gui-show .gui-sub-nav-content {
    background: #F2F2F2;
}
.gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list a {
	background: #FFFFFF;
}

@media (min-width: 768px) {
	.gui-minibag-toggle {
		background: #222222;
		border: 1px solid #222222;
		font-family: "open_sansregular";
		color: #FFFFFF;
	}
	.gui-minibag-toggle-count {
		font-family: "open_sansregular";
		font-weight: bold;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;%7d .st1%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3ccircle class='st0' cx='22.5' cy='16.5' r='15'/%3e%3cpath class='st1' d='M22.5,33C13.4,33,6,25.6,6,16.5S13.4,0,22.5,0S39,7.4,39,16.5C39,25.6,31.6,33,22.5,33z M22.5,3 C15,3,9,9,9,16.5S15,30,22.5,30S36,24,36,16.5C36,9,30,3,22.5,3z'/%3e%3crect y='8' class='st1' width='44' height='36'/%3e%3c/svg%3e ");
		color: #000000;
	}
}
@media (min-width: 992px) {
	.gui-nav-default .gui-nav-list > li > a {
		font-size: 16px;
	}
}

/* START - My Account Selector */
.gui-header-top-container {
    box-sizing: border-box;
}
.gui-my-account-selector * {
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.gui-my-account-selector .gui-dropdown-menu {
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
	margin-top: 0px;
}
.gui-my-account-selector .gui-dropdown-toggle:before {
	content: "";
	display: none;
}
@media (min-width: 768px) {
	.gui-my-account-selector .gui-dropdown-toggle:before {
		content: "My Account";
		display: block;
	}
}
.gui-my-account-selector .gui-dropdown-toggle {
    background-color: #f1f1f1;
    border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
    color: #222222;
}
.gui-my-account-selector .gui-dropdown-toggle:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
}
@media (max-width: 350px) {
	.gui-my-account-selector .gui-dropdown-menu {
		min-width: 220px;
	}
}
/* Welcome Name Surname */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome {
	color: #000;
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 10px;
	text-transform: uppercase;
}
/* Dropdown Button - Sign In/Out Button */
.gui-my-account-selector .gui-dropdown-menu ul li:first-child {
    border-bottom: 1px solid #d6d6d6;
}
.gui-my-account-selector .gui-dropdown-menu ul li:nth-child(2) {
    margin-top: 6px;
}
.gui-my-account-selector .gui-dropdown-menu.signed-in ul li:last-child {
	border-top: 1px solid #d6d6d6;
	padding-top: 4px;
	margin-top: 6px;
}
/* Sign In Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin {
    color: #fff;
	background-color: #222222;
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover {
    color: #fff;
	background-color: #EE529d;
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffffff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e");
}
/* Sign Out Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:after {
	display: none;
}
/* Drop Down Links*/
.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a {
    color: #222222;
}
.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover {
    color: #EE529d;
	text-decoration: underline;
}
.gui-my-account-selector .gui-dropdown-menu.signed-in ul li.credit-available + li {
	margin-top: 0;	
}
/* Icon Sizes */
.gui-my-account-selector ul li:not(:first-child) .gui-btn-sm.gui-icon-right:after {
	width: 10px;
    height: 10px;
    background-size: 10px 10px;
}
/* Help Link - :after Background Image */
.gui-my-account-selector .gui-dropdown-menu ul li a.my-account-help:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23000000'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e");
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
/* Wishlist Link - :after Background Image */
.gui-my-account-selector .gui-dropdown-menu ul li a.my-account-wishlist:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000'  d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e");
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
/* Available to Spend*/
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
	color: #000;
	font-size: 11px;
	padding: 10px 0;
	margin-top: 6px;
	border-top: 1px solid #d6d6d6;
	text-transform: uppercase;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
	display: flex;
	
    -webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap:
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong {
	color: #ee529d;
}
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available span:not(:first-child) {
	text-align: right;
}
.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
    font-size: 14px;
}

/* Account Notifications */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification {
    border-bottom: 1px solid #d6d6d6;
	padding: 4px 0;
	margin: 0;
}
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification .gui-my-account-notifications {
	position: absolute;
	right: 0;
	line-height: 13px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	background-color: #222222;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
	
	-webkit-justify-content: center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	-webkit-align-items: center;
	-webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification a:hover .gui-my-account-notifications {
    background-color: #EE529d;
	color: #fff;
}
/* END - Notifications */

/* Mobile - My Account Link/Dropdown */
.gui-header-main .gui-my-account-selector .gui-dropdown-toggle {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #222222;
}
.gui-header-main .gui-my-account-selector .gui-dropdown-menu {
    background-color: #f3f3f3;
    border: none;
	margin-top: 0px;
}
.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome,
.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
    font-size: 14px;
}
/* END - My Account Selector */



/*-----------------------------------------------------------------------------------------------------
TEMP  BANNER
-------------------------------------------------------------------------------------------------*/
/*
    *   All font sizes should ideally be in ems where 1em = 10px, 1.5em = 15px, 2em = 20px
    *   To calculate what em to use, divide the desired pixel value by 10
    *
    *   All new CSS style rules should begin with #topbanner so they are specific to the banner and do not influence other styles
    *
    *   Focus on MOBILE FIRST STYLING
     */

/* * DO NOT EDIT */
#topbanner,
#topbanner * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#topbanner {
	font-weight: normal;
	display: block;
	width: 100%;
	text-align: left;
	color: #000;
	background-color: #fff;
}

#topbanner a,
#topbanner p {
	text-decoration: none;
	color: currentColor;
        font-size: inherit;
}

#topbanner .topbanner__content-wrapper {
	font-size: 62.5%;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
	cursor: pointer;
}

#topbanner .topbanner__content-wrapper > * {
	/* * Set as baseline of 10px */
	font-size: 1em;
}

#topbanner .topbanner__dropdown-content {
	display: none;
}

#topbanner .topbanner__visible-area {
	display: block;
	width: 100%;
}


    /* * EDITABLE SECTION */



/* * Additional styling to current styles - YOU SHOULD NOT NEED TO OVERRIDE ANY OF THE ABOVE */

#topbanner .topbanner__content {  text-align: center;}
#topbanner.topbanner__clickable {background:#000;
width: 100%;
    position: relative;
    padding: 1em
}

#topbanner .topbanner__content-wrapper {   
    max-width:1150px;
    border: 1px solid red;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#topbanner .topbanner__dropdown-content {
	/* * Do not set any display styles here */
}

/* * ADD NEW STYLE RULES BELOW */

#topbanner .topbanner__break{
    display: block;
    width: 100%;
    font-size: 0;
    height: 0;
}

#topbanner .topbanner__dbreak{display: none;} 
#topbanner .topbanner__tbreak{display: none;} 

@media only screen and (min-width: 768px) {
#topbanner .topbanner__mbreak{display: none;}  
  #topbanner .topbanner__tbreak{
    display: block;
    width: 100%;
    font-size: 0;
    height: 0;
}     
}
@media only screen and (min-width: 1000px) {
#topbanner .topbanner__dbreak{
    display: block;
    width: 100%;
    font-size: 0;
    height: 0;
}  
}
#topbanner .topbanner__dropdown-content p{
    max-width: 1000px;
}

#topbanner .topbanner__content_title{
font-family: "open_sansregular";
margin: 0;
padding: 0 1% 0;
font-size: 5vw;
line-height: 1em;
color: #FFF;
display: block;
}
#topbanner .topbanner__title--big {
    font: 0.7em/1 "open_sansregular";
}
#topbanner .topbanner__title--bold {
    font: 0.7em/1 "open_sansregular";
}
#topbanner p {
    font-family: "open_sansregular";
    margin: 0;
    padding: 0px;
    font-size: 1em;
    color: #FFF;
    display: inline-block;
}
@media all and (min-width: 768px) {
    #topbanner .topbanner__content_title{ font-size:2em}
    #topbanner .topbanner__title--big{ font-size: 1em;}
}