/* =====================================================================
   even with shiv, IE7 and IE 8 require HTML5 elements explicitly made block elements
   ===================================================================== */
header, footer {
	display: block; 
}

/* =====================================================================
   header styles from global.css
   ===================================================================== */

#globalMastheadContainer {
	background: #FFFFFF;
	height: 210px !important; /* !important added to support dormancy on custom.css on billpay pages. remove all !important declarations during phase 2 refactor*/
	overflow: visible;
	/* sprite defined in base_css.jsp -- background-image: url('/web20/assets/img/nav/header-bottom-gradient.png'); */
	background-repeat: no-repeat;
	background-position: bottom center;
	border-bottom-width: 0px !important; /* !important added to support dormancy on custom.css on billpay pages. */
}

.noTextDecoration {
	text-decoration: none;
}

/* =====================================================================
   header styles from legacy standard.css
   ===================================================================== */

/* none taken */

/* =====================================================================
   header.css - macys.bootstrap adjustments
   ===================================================================== */
body {
	padding-top: 0px; /* 60px to make the container go all the way to the bottom of the topbar */
}

.selected {
	font-weight: bold;
}

.sPadTop {
	padding-top: 25px;
}

#hd {
	/* sprite defined in base_css.jsp -- background-image: url('/web20/assets/img/nav/header-bottom-gradient.png'); */
	background-repeat: no-repeat;
	background-position: bottom center;
}

#globalMastheadUserMenu {
	margin: 0px auto;
	height: 37px;
	background-color: #F2F2F2;
}

#globalMastheadUserMenu > div > ul > li > a {
	margin: 10px;
}

#globalMastheadUserMenu .nav-pills > li > a {
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-right: 7px; 
	padding-left: 7px; 
	line-height: 18px;
	text-transform: capitalize;
	font-weight: normal;
}

#globalMastheadUserMenu .nav-pills > li.user > a {
	padding-left: 0px;
}

#globalMastheadUserMenu .nav-pills > li > a[href]:hover {
    text-decoration: underline;
    background-color: transparent;
}

#globalMastheadUserMenu .nav-pills > li > a#globalMastheadUserSalutation {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: -8px;
	padding-left: 0;
}

#globalMastheadUserMenu .nav-pills > li > a#globalMastheadUserSalutation:hover {
    text-decoration: none;
    background-color: transparent;
}

.row {
	margin: 0px auto;
}

#adspot1 {
	width: 305px;
	height: 43px;
	float: left;
}

.user b {
	display: none;
}

.user span a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
}

li.right {
	float: right;
	
}

#globalMastheadPool {
    position: static;
	background-color: transparent;
	width: 307px;
	height: 40px;
	overflow: hidden;
}

ul.nav {
	width: 960px;
}

#globalMastheadCategoryMenu {
	background-color: #000000;
	height: 37px;
	overflow: hidden;
}

#globalMastheadSearchMenu {
	width: 960px;
	overflow: visible;
	padding-top: 15px;
	height: 80px;
	margin: 0px auto;
}

#globalMastheadUserMenu >.row, #globalMastheadUserMenu > .row > .span12, #globalMastheadUserMenu > .row > .span12 > ul {
	height: 43px;
	margin: 0px auto;
}

#globalMastheadUserMenu > .row > .span12 {
	float: none;
}

#globalMastheadUserMenu > .row {
	display: block;
}

#globalMastheadBrandLogo {
     float: left;
}

div.globalMastheadLogo {
	/* sprite defined in base_css.jsp -- background:url('/web20/assets/img/global-icons.png') no-repeat -27px -124px; */
	height: 73px;
	width: 268px;
}

#nav-search-box #globalSearchInputContainer {
	width: auto;
	height: 37px;
	padding: 0px;
	margin-top: 21px;
	margin-left: 37px;
	margin-right: 0px;
	float: left;
	overflow: auto;
}
#globalSearchInputContainer #clearable_globalSearchInputField{
	overflow:hidden;
}

#nav-search-box .icon-ui-close-gr-small{
   height: 15px;
   width: 15px;
   background-image: url(/images/icons/mcom-sprite.svg);
   background-repeat: no-repeat;
   background-size: 321px 321px;
   margin: 10px 0 0 -35px;
   background-position: -287px -34px;
}
header .clearlink{
	cursor: pointer;
    line-height: 1.5em;
    position: absolute;
    right: 0.3rem;
}

#nav-search-box input.globalSearchInputField {
	width: 379px;
	height: 33px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px !important; /* overrides standard.css legacy */
	border-radius: 0px;
	float: left;
	border: 1px #C2C2C2 solid;
	border-right-width: 0px;
	font-family: Arial, Helvetica, Verdana, sans serif;
	font-size: 16px;
	line-height: 35px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#nav-search-box form {
    margin: 0;
}

#nav-search-box input.globalSearchInputField:focus {
	outline: none;
}

input.globalSearchInputField:-ms-input-placeholder{ 
	color: #8C8C8C !important; 
}

#nav-search-box #subnavSearchSubmit {
	/* sprite defined in base_css.jsp -- background:url('/web20/assets/img/global-icons.png') no-repeat -201px -78px; */
	height: 35px;
	width: 38px;
	margin-top: 21px;
	background-color: #CC0000;
	border-color: #CC0000;
	border-width: 0px;
	float: left;
	cursor: pointer;
	border-right:2px solid #CC0000;
}

/* bag */

/* migrated from base_css.jsp - these were defined in base_css.jsp itself, likely because of the asset path in the background images urls */

#globalMastheadBag {
	display: block;		
	position: relative;
	height: 68px; 
	width: 150px;
	float: right;
	padding: 0px; 
	margin: 0px 8px 0px 0px;
	overflow: visible;
}

#globalMastheadBagTab {
	position: relative;
	border: 1px #CCCCCC solid;
	border-bottom-width: 0px;
	margin-top: 20px;
	background-color: #FFFFFF;
	visibility: hidden;
	height: 42px;
	width: 157px;
	-webkit-box-shadow: 1px 2px 5px #AAAAAA;
	-moz-box-shadow: 1px 2px 5px 0 #AAAAAA;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#AAAAAA, Direction=135,Strength=3);";
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#AAAAAA, Direction=135,Strength=3);
	overflow: visible;
}

#globalMastheadBagTab.open {
	visibility: visible;
}

div.globalMastheadBagIcon {
	display: inline-block;
	/* sprite defined in base_css.jsp -- background:url('/web20/assets/img/global-icons.png') no-repeat -160px -2px; */
	height: 67px;
	width: 45px;
	vertical-align: top;
	line-height: 0px;
}

/* =====================================================================
   macys.bootstrap adjustments
   ===================================================================== */

#globalMastheadCategoryMenu > ul {
	margin: 0px auto;
	width: 960px;
	text-align: justify;
}

#globalMastheadCategoryMenu > ul:after {
	content: ' ';
	display: inline-block;
	width: 100%;
	height: 0;
}

#globalMastheadCategoryMenu > ul, #globalMastheadCategoryMenu > ul >li {
	height: 37px;
}

#globalMastheadCategoryMenu > ul >li {
	display: inline-block;
	float: none;
}

#globalMastheadCategoryMenu .nav-pills > li > a {
	color: #666666;
	padding-right: 6px; 
	padding-left: 6px; 
	padding-top: 10px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;	
}

#globalMastheadCategoryMenu .nav-pills > li.globalMastheadCategoryMenuWedding {
	margin-right: 16px;
}

#globalMastheadCategoryMenu .nav-pills > li > a:hover {
	color: #999999;
	background-color: transparent;				
}

#globalMastheadCategoryMenu .nav-pills > li > a.globalMastheadCategorySelected {
	background-color: #4D4D4D;
	height: 21px;
	-moz-box-shadow:    inset 0 3px 6px #2E2E2E;
	-webkit-box-shadow: inset 0 3px 6px #2E2E2E;
	box-shadow:         inset 0 3px 6px #2E2E2E;
}

#globalMastheadCategoryMenu .nav-pills > li > a.globalMastheadCategorySelected:hover {
    color: #FFFFFF;
}

#globalMastheadCategoryMenu > ul >li.globalMastheadCategoryMenuIntl {
 	margin-right: 6px;
}

#globalMastheadFeatureMenu {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 36px;
}

#globalMastheadFeatureMenu #row .nav.nav-pills {
	height: 36px;
	width: 960px;
}

#globalMastheadFeatureMenu .nav-pills > li {
	float: right;
}

#globalMastheadFeatureMenu .nav-pills > li > a {
	padding-left: 11px;
	padding-right: 6px;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-transform: capitalize;
}

#globalMastheadFeatureMenu .nav-pills > li:first-child > a {
	padding-right: 0px;
}

#globalMastheadFeatureMenu .nav-pills > li > a:hover {
	background-color: transparent;
}

div.globalMastheadFeatureMenuGiftGuide {
	display: inline-block;
	/* sprite defined in base_css.jsp -- background:url('/web20/assets/img/global-icons.png') no-repeat -214px 0px; */
	height: 34px;
	width: 96px;
}
			
.nav-pills .globalMastheadFeatureMenuImageLink {
	padding: 0px;
	margin: 0px 8px 0px 0px;
}


.nav-pills li.dropdownExperiment {
  background: url('/images/dropdown_active.svg') 100% center no-repeat;
  width: 105px;
}

.nav-pills li.dropdownExperiment ul {
  display: none;
  background-image: none;
}

.nav-pills li.dropdownExperiment ul li {
  float: none;
  display: block;
  margin: 5px 0 5px 0;
}

.nav-pills li.dropdownExperiment ul li a {
  display: block;
  line-height: 25px;
  margin: 0;
  padding: 0 5px 0 5px;
}

.nav-pills li.dropdownExperiment ul li:hover {
  text-decoration: none;
  background-color: #F2F2F2;
}

.nav-pills li.dropdownExperiment ul:after, .nav-pills li.dropdownExperiment ul:before {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.nav-pills li.dropdownExperiment ul:after {
  border-color: rgba(242, 242, 242, 0);
  border-bottom-color: #F2F2F2;
  border-width: 7px;
  margin-left: -7px;
}

.nav-pills li.dropdownExperiment ul:before {
  border-color: rgba(169, 169, 169, 0);
  border-bottom-color: #A9A9A9;
  border-width: 8px;
  margin-left: -8px;
}

.nav-pills li.dropdownExperiment:hover ul {
  margin: 0;
  padding: 0;
  display: block;
  
  position: absolute;
  z-index: 999999;
  border: 1px solid #A9A9A9;
  background-color: #fff;
}

div.globalMastheadSearchButton {
	/* sprite defined in base_css.jsp -- background:url('/web20/assets/img/global-icons.png') no-repeat -2px -2px; */
	width: 23px;
	height: 23px;
	float: left;
	padding-right: 5px;
	margin-top: 5px;
}

#globalMastheadCategoryMenu.globalHiddenDefaultTopNav{
	visibility: hidden;
}

/* =====================================================================
   mini cart and quickbag styles
   ===================================================================== */
#globalMastheadMiniCart {
     position: absolute;
     right: 0px;
     top: 0px;
     height: 1.0em;
     text-align: right;
     margin: 10px 0 0 0;
}

#globalMastheadMiniCart p {
    margin: 6px 10px;
}

#globalMastheadMiniCart.quickbagMasthead p {
    margin: 6px 0px;
}

#globalMastheadMiniCart p, #globalMastheadMiniCart a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

#globalMastheadMiniCart p span {
	color: #333;
}

#globalMastheadMiniCart #signInProfileInfo a {
	padding: 0px 4px;
}

#globalMastheadMiniCart #signInProfileInfo a.last {
	padding-right: 0px;
}

#globalMastheadMiniCart p a.last {
	padding-right: 0px;
}

#globalMastheadMiniCart .shoppingBagSmall {
    padding: 0 0 0 2px;
    margin-bottom: -6px;
    border: none;
}

#globalMastheadMiniCart .shoppingBagUserName {
    text-transform: uppercase;
    font-weight: bold;
}

#globalMastheadMiniCart p a {
    color: #666;
    text-decoration: none;
	padding: 0 4px;
}

#globalMastheadQuickBagHeader {
	position: absolute;
	left: 1px; 
	height: 60px;
	width: 151px;
	padding-right: 6px;
	top: 0px;
	text-align: right;
	line-height: 0px;
	z-index: 1020;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#globalMastheadQuickBagHeader.open {
	border-bottom: 3px #FFFFFF solid;
	height: 61px;
}

#globalMastheadQuickBagHeader img {
	vertical-align: top;
	line-height: 0px;
}

#globalMastheadQuickBagHeader a#checkoutLink {
	text-decoration: none;
	line-height: 20px;
	padding-top: 5px;
	vertical-align: top;
	display: block;
	float: right;
	margin-top: 24px;
	margin-right: 6px;
}

#globalMastheadQuickBagHeader a#bagLink {
    float: right;
}

#globalMastheadQuickBagHeader span#itemInfo, #globalMastheadQuickBagHeader span#itemCount {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

#globalMastheadQuickBagHeader span#itemInfo {
    font-weight: normal;
    text-transform: capitalize;
}

#globalMastheadContainer #globalMastheadCategoryMenu li.globalNavIntlClass {
    margin-right: 7px;
}


/* =====================================================================
   autocomplete
   ===================================================================== */
ul.ui-autocomplete.ui-widget-content {
	background: white;
    -webkit-box-shadow: 0 10px 22px #757575, 0px 10px 10px -10px #CCC inset;
	-moz-box-shadow: 0 10px 22px #757575, 0px 10px 10px -10px #CCC inset;
	box-shadow: 0 10px 22px #757575, 0px 10px 10px -10px #CCC inset;
	height: auto;
	margin-top: 0;
	padding: 0px;
	position: absolute;
	width: 398px;
	font-size: 16px;
    font-style: Arial;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #b8b8b8;
    
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item, .ui-state-focus {
    float: left;
    height: auto;
    list-style: none outside none;
    line-height: 30px;
    width: 100%;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item:first-child {
	margin-top: 10px;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item:last-child {
	margin-bottom: 10px;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item:hover {
    background: #EEEEEE;
    color: #000;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item .suggestion {
    padding: 7.5px 8px;
    position: relative;
    width: 380px;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item .suggestion:focus {
    background: #EEEEEE;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item a {
	font-size: 16px !important;
    font-family: Arial !important;
    color: #666;
    text-decoration: none;
	display: block;
	padding: 0px;
	line-height: 15px;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	word-wrap:break-word;
	text-align: left;
	width:100%;
	margin-left:1px;
	
}

.globalSearchInputField.ui-autocomplete-input.ui-autocomplete-loading:focus {
	color: #000000 !important;
}

ul.ui-autocomplete.ui-widget-content li.ui-menu-item a:hover {
    color: #000;
    line-height:15px;	
}

.ui-state-focus {
    background: #EEEEEE;
	width:100%;
}

.ui-keyword-highlight {
    font-weight:bold;
    color:#000;
}

/* ==================================================================================================================
   // for B-39921: White Navigation Bar on Legacy pages; For Navapp, these same changes are in _header-base.scss
   ================================================================================================================== */
header#globalMastheadContainer #globalMastheadCategoryMenu.globalWhiteHeaderNavigation {
  background-color: #fff;
}

header#globalMastheadContainer #globalMastheadCategoryMenu.globalWhiteHeaderNavigation ul li a {
  color: #000;
}

header#globalMastheadContainer #globalMastheadCategoryMenu.globalWhiteHeaderNavigation ul li a:hover {
  color: #000;
}

#globalMastheadCategoryMenu.globalWhiteHeaderNavigation ul > :first-child {
	padding-left: 0px;
}	
#globalMastheadCategoryMenu.globalWhiteHeaderNavigation ul > :last-child {
    padding-right: 0px;
}

#globalMastheadCategoryMenu ul li a {
	padding-bottom: 6px;
}