#globalNav {position:relative;width:100%;height:136px;}
#globalNav:hover {z-index:100;}

/* reset CSS so the page we land on doesn't accidentally provide style rules */
#globalNav li a {position:static;}
#globalNav a:focus {text-decoration:underline;}
#globalNav #globalNavInterface,
#globalNav #tieredNav,
#globalNav #tieredNav * {
	line-height:15px; 
	text-align:left;
	font-weight:normal;
	color:inherit;
	font-family:arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style:none; 
	z-index:1;
}

#globalNav #tieredNav sub,
#globalNav #tieredNav sup {
	font-size: 75%;
	line-height: 0;
}

#globalNav input::-ms-clear {
  display: none;
}

#globalNav #tieredNav {
	position:relative;
	width:974px;
	margin:auto;
	background:url("//0.ecom.attccc.com/images/global/bg-rounded-bottom.gif") bottom right;
	top: 44px;
	top: 0\9;
	height: 90px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #fff;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index: 1;
}

#globalNav #tieredNav .noHref {cursor:default;}
#globalNav #tieredNav .noHref:hover {text-decoration:none;}

#globalNav #primaryMenu {height:44px;margin:0 auto;border-top-left-radius:6px;border-top-right-radius:6px;}
#globalNav #primaryMenu ul {background:url("/html/assets/bg-primary-sprite.png") no-repeat;height:44px;position:relative;margin-bottom:-1px;width:974px;border-top-left-radius:6px;border-top-right-radius:6px;}
#globalNav #primaryMenu ul li {float:left;margin:0 0 0 -6px;height:44px;position:relative;z-index:1}
#globalNav #primaryMenu ul li.selected {z-index:2;top: -44px;top: 0\9;*/position:relative;}
#globalNav #primaryMenu ul li .primaryMenuItem  {display:block;float:left;line-height:44px;position:relative;left:5px;font-size:15px;color:#FFF;cursor:pointer;}
#globalNav #primaryMenu ul li .primaryMenuItem  span {background:url("/html/assets/bg-primary-sprite.png");height:44px;display:block;float:left;position:absolute;top:0;left:-5px;}

#globalNav #primaryMenu #primary_ATTLogo a {width:69px;background:transparent;}
#globalNav #primaryMenu #primary_ATTLogo a:hover {text-decoration:none;}
#globalNav #primaryMenu #primary_ATTLogo a:focus {text-decoration:none;}
#globalNav #primaryMenu #primary_ATTLogo {
	float: left;
	height: 44px;
	width: 76px;
	background: url("/html/assets/bg-primary-sprite.png");
	background-position: 0 -90px;
	margin: 0px;
	top: -44px;
	top: 0\9;
	border-top-left-radius: 6px;
	position: relative;
}

#globalNav #primaryMenu #primary_Forums {
	margin:1px 0 0 8px;
	padding: 0 10px;
}

#globalNav #primaryMenu #primary_Search  {background:url("/html/assets/bg-primary-sprite.png") -243px -44px;height:44px;width:216px;position: absolute;right: 2px;padding: 9px 0;}
#globalNav #primaryMenu #primary_Search  input {height:auto;margin:7px 5px 0px 22px;float:left;padding:0px;width:150px;font-size:11px;color:#656565;outline:0;}
#globalNav #primaryMenu #primary_Search  button {display:inline;float:right;height:20px;width:20px;margin: 6px 8px 0px 0px;cursor:pointer;padding-top:20px;overflow:hidden;}

#globalNav #primaryMenu #primary_Search #searchForm-f {
	float: left;
	padding-right: 6px;
}

#globalNav #primaryMenu #primary_Search #searchForm-f .ui-helper-hidden-accessible {
  display: none;
}

#globalNav #primaryMenu #primary_Search #autoSuggestBox-f .ui-autocomplete {
	top: -5px !important;
	left: 0px !important;
	width: 162px !important;
}

#globalNav #primaryMenu #primary_Search .nav-user-item-wrap-rel {
	position: relative;
}

#globalNav #primaryMenu #primary_Search .nav-user-item-wrap {
	position: absolute;
	left: 215px;
	top: 0;
}

#globalNav #primaryMenu #primary_Search .nav-user-item {
	position: relative;
	float: left;
	font-size: 12px;
	color: #fff;
	padding-top: 16px;
}

#globalNav #primaryMenu #primary_Search .nav-user-item a {
	color: #fff;
}

#globalNav #primaryMenu #primary_Search .cng-divider {
	position: relative;
	float: left;
	padding: 17px 10px 0 10px;
}

#globalNav #tieredNav #primaryMenu ul ul {display:none;}
#globalNav #tieredNav ul.secondaryMenu {
	width: 971px;
	background: none;
	overflow: hidden;
	height: 44px;
	z-index: -1;
	position: relative;
}

#globalNav #tieredNav ul.selected {margin:1px 0px 0px 1px;top:-43px;top: 0\9;}

#globalNav #tieredNav ul.secondaryMenu li {margin:0 6px 0 0; float:left;}
#globalNav #tieredNav ul.secondaryMenu li:first-child {padding-left:11px;}
#globalNav #tieredNav ul.secondaryMenu li.selected a {color:#DF7300;}
#globalNav #tieredNav ul.secondaryMenu li a {color:#333; font-size:14px; padding:0 9px 0 9px; display:block; line-height:44px; height:44px; float:left;} /* font-size:13px to 14px per B2C-102927 */
#globalNav #tieredNav ul.secondaryMenu li a.selected {background:url("/html/assets/bg-secondary-highlight.gif") no-repeat center bottom;color:#DF7300}
#globalNav #tieredNav ul.secondaryMenu li a:hover {color:#DF7300;}

#globalNav #tieredNav .corner-t {
	width: 1px;
	height: 44px;
	background: url("/html/assets/bg-secondary-edge.png") no-repeat 0 0;
	position: absolute;
	top: 45px;
}

#globalNav #tieredNav .corner-t.l {
	left: 1px;
}

#globalNav #tieredNav .corner-t.r {
	right: 1px;
}

#globalNav #tieredNav .corner-bl {
	width: 5px;
	height: 5px;
	background: url("/html/assets/nav-corner-bl-2.png") no-repeat 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

#globalNav #tieredNav .corner-br {
	width: 5px;
	height: 5px;
	background: url("/html/assets/nav-corner-br-2.png") no-repeat 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#globalNav #tieredNav .secondary-right {
	position: absolute;
	z-index: 0;
	top: 60px;
	right: 16px;
}

#globalNav #tieredNav .secondary-right a {
	font-size: 12px;
	color: #069;
}

#globalNav #tieredNav .secondary-right a:hover {
	text-decoration: underline;
}

/* Styles for autosuggest */
.autoSuggest ul li {color:#656565}
	
.autoSuggest {
	display: block;
	position: absolute;
	top: 78px;
	right: 19px;
	background-color: red;
	width: 184px;
	z-index: 9999;
	background: white;
	padding: 3px 0;
	margin: 0; 
	background: #fff; 
	border: 1px solid #ccc;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#globalNav #tieredNav { top: 44px; }
	#globalNav #primaryMenu ul li.selected { top: -44px; }
	#globalNav #primaryMenu #primary_ATTLogo { top: -44px; }
	#globalNav #tieredNav ul.selected { top: -43px; }
}

.autoSuggest ul {
	width: 165px;
	background: white;
	display: block;
	float: none;
	height: auto;
	/*position: none;*/
	z-index: 100;
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0 !important;
	top: 0 !important;
}

.autoSuggest ul li {
	width: 176px;
	background: white;
	display: block;
	float: none;
	height: auto;
	/*position: none;*/
	z-index: 100;
	margin-left: 3px;
	padding: 1px 2px 2px 2px;
	cursor: pointer; 
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif; 
	white-space: nowrap;
	line-height: 1.5em;
}

.autoSuggest ul li:hover { 
	background-color: #ebebeb;
}
#autoSuggestBox-f li a {
	text-decoration: none;
	color: #656565;
}
#autoSuggestBox-f li a:link {
	text-decoration: none;
	color: #656565;
}
#autoSuggestBox-f li a:hover {
	text-decoration: none;
	color: #656565;
}
#autoSuggestBox-f a {
	display: block;
}
#autoSuggestBox-f .ui-state-hover{
	background: #ebebeb;
}