/*
 * 
 * 		PLEASE CONTACT GREG TAFF [gt7886]
 * 		BEFORE MAKING ANY CHANGES TO THIS FILE
 * 
 */




html {width:100%;}
html body{margin:0px;width:100%;padding-top:0px;}

#pageID {
	position: absolute;
	text-indent: -9999px;
	top: -20px;
	width: 100px;
}

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

/* reset CSS so the page we land on doesn't accidentally provide style rules */
#globalNav li a {position:static; padding-left:38px; padding-right:38px; text-decoration:none}
#globalNav a:focus {text-decoration:underline;}
#globalNav * {
	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;
}

#globeOnly {width:970px;margin:0 auto 10px;padding-top:11px;padding-left:22px;}

.es_US #segMenuBar #segMenuItemBusiness {width:105px;}
.es_US #segMenuBar #segMenuItemAboutATT {width:117px;}
.es_US #segMenuBar #segMenuItemFindAStore {width:105px;}
.es_US #segMenuBar #segMenuItemInternational {width:85px;}
.es_US #segMenuBar #segMenuItemShopATT {width:103px;}
.es_US #segMenuBar #segMenuItemmyATT {width:76px;}
.es_US #segMenuBar #segMenuItemATTSupport {width:100px;}
.es_US #segMenuBar #segcenterSpan { margin:0 344px -34px 301px; }
.es_US .ecom #segMenuBar #segcenterSpan { margin:0 190px -34px 301px; }
.ecom #segMenuBar #segcenterSpan { margin:0 201px -34px 274px; }

.es_US .ecom #segMenuBar .globe #segcenterSpan { margin:0 301px -34px 279px; }
.ecom #segMenuBar .globe #segcenterSpan { margin:0 274px -34px 280px; }


/* ipad specific CSS */
.ipad #tieredNav ul.secondaryMenu {height:31px; }
.ipad #segMenuBar .segMenu a.segMenuItem {height:33px;}
.ipad #primaryMenu ul li #primary_Shop  {width:71px;}
.ipad #primaryMenu ul li #primary_Shop span {width:71px;}
.ipad #primaryMenu ul li #primary_Support  {width:96px;}
.ipad #primaryMenu ul li #primary_Support span {background-position:-253px -112px;width:96px;}
.ipad #primaryMenu ul li.selected #primary_Support span {background-position:-253px -224px;}


#segMenuBar { width:100%; height:34px;  position:absolute;top:0;left:0;background:url("../images/global/bg-segmentation-menu.gif") no-repeat center; z-index:100;}
#segMenuBar #stub { width:974px;height:34px;background:url('../images/global/bg-segmentation-sprite.png') repeat right -204px;margin:auto;}
#segMenuBar .segMenu li.rightMost a span {position:relative;right:-2px;margin-left:12px;height:10px;}
#segMenuBar .segMenu li {margin:0;float:left;list-style-type:none;}
#segMenuBar .segMenu li a.segMenuItem.hasSubMenu span {background-position: right -68px;padding-right:24px;}
#segMenuBar .segMenu li a.segMenuItem.hasSubMenu {background-position: left -68px;}
#segMenuBar .segMenu li a.segMenuItem.selectedChevron span {background-position: right -34px;}
#segMenuBar .segMenu li a.segMenuItem.selectedChevron {background-position:left -34px;color:#515151;}
#segMenuBar .segMenu li a.segMenuItem.over span {background-position: right 0px;color:#515151;}
#segMenuBar .segMenu li a.segMenuItem.over {background-position:left 0px;}
#segMenuBar .segMenu a.segMenuItem span {display:block;padding: 13px 14px 11px 0px; margin-left:14px;background:url("../images/global/bg-segmentation-sprite.png") right -170px;}
#segMenuBar .segMenu a.segMenuItem {
	cursor:default;
	font-size:12px;
	background:url("../images/global/bg-segmentation-sprite.png") left -170px #808080;
	color:white;
	margin:0;
	float:left;
	height:34px;
	padding:0;
	overflow:hidden;
	display:block;
}

#segMenuBar .segMenu li a.segMenuItem.hasURL:hover span{ text-decoration:underline;cursor:pointer}

#segMenuBar .segMenu li a.segMenuItem.selected span {background:url("../images/global/bg-segmentation-sprite.png") right -136px;}
#segMenuBar .segMenu li a.segMenuItem.selected {background:url("../images/global/bg-segmentation-sprite.png") left -136px;color:#515151;}
#segMenuBar #segMenuItemShopATT {width:95px;}
#segMenuBar #segMenuItemmyATT {width:77px;}
#segMenuBar #segMenuItemATTSupport {width:108px;}
#segMenuBar #segMenuItemPersonal {width:79px;}
#segMenuBar #segMenuItemBusiness {width:100px;}
#segMenuBar #segMenuItemAboutATT {width:95px;}
#segMenuBar #segMenuItemLinkedAccounts {width:155px;}
#segMenuBar #segMenuItemFindAStore {width:96px;}
#segMenuBar #segMenuItemInternational {width:105px;overflow:hidden}

#segMenuBar div.segSubMenu {
	overflow:visible;
	position:absolute;
	display:none;
	list-style:none;
	margin:0;
	clear:left;
	margin: 0 -100px 0 0;
	padding:0 0 0 0;
	float:left;
	background:url("../images/global/bg-rounded-bottom.gif") bottom right;
}
#segMenuBar div.segSubMenu ul{
	padding-bottom:13px;
	overflow:hidden;
	position:relative;
	left:-6px;
	background:url("../images/global/bg-rounded-bottom.gif") bottom left;
	list-style:none;
	margin:0;
	clear:left;
	float:left;
}

#segMenuBar div.segSubMenuDivider {border-bottom:1px dotted #cccccc;margin:-14px 0 5px;}
#segMenuBar div.segSubMenu ul li {margin:0;padding:5px 10px 0 14px ;float:none;list-style-type:none;line-height:22px;}
#segMenuBar div.segSubMenu ul li a {font-size:12px;color:#3381B7;}
#segMenuBar div.segSubMenu ul li a:hover {text-decoration:underline;}
#segMenuBar #leftSegMenu { float:left;  }
#segMenuBar #rightSegMenu { float:right; }
#segMenuBar #segMenuContainer {position:relative;width:974px;margin:auto;height:34px;}
#segMenuBar #segcenterSpan {background:url("../images/global/bg-segmentation-menu.gif") repeat-x; padding:0; margin:0 201px -34px 274px; height:34px; width: 700px; }

#pageID:focus, #pageID:active { text-indent: 0; top: 14px; left: 28em; z-index: 100; color: #fff; }

#globalNavUserInfo {
	color:#666666;
	font-size:12px;
	height:34px;
	margin:auto;
	position:relative;
	top:34px;
	width:970px;
}

#globalNavUserInfo a {color:#3381B7;}
#globalNavUserInfo a:hover {text-decoration:underline;}
#globalNavUserInfo div {padding-top:9px;text-align:right;}

#tieredNav {
	position:relative;
	width:974px;
	margin:auto;
	top:44px;
	padding-top:10px;
}

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

.es_US #primaryMenu ul {background:url("../images/global/bg-es-primary-sprite.png") no-repeat;}
.es_US #primaryMenu ul li .primaryMenuItem span {background:url("../images/global/bg-es-primary-sprite.png");}
.es_US #primaryMenu #primary_Search  {background:url("../images/global/bg-es-primary-sprite.png") -207px -56px;}
.es_US #primaryMenu #primary_CartCount {background:url("../images/global/bg-es-primary-sprite.png") -350px -112px;}

#primaryMenu {height:53px;margin:0 auto;}
#primaryMenu ul {background:url("../images/global/bg-primary-sprite.png") no-repeat;height:55px;position:relative;top:-2px;margin-bottom:-1px;width:974px;}
#primaryMenu ul li {float:left;margin:0 0 0 -6px;height:55px;position:relative;z-index:1}
#primaryMenu ul li.selected {z-index:2}
#primaryMenu ul li .primaryMenuItem  {display:block;float:left;line-height:55px;position:relative;font-size:13px;color:#FFFFFF;cursor:pointer;}
t;
    font-size: 16px;
    left: 5px;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
	text-decoration:none;
	}
#primaryMenu ul li .primaryMenuItem  span {background:url("../images/global/bg-primary-sprite.png");height:55px;display:block;float:left;position:absolute;top:0;left:-5px;}
#primaryMenu ul li #primary_Shop  {width:72px;}
#primaryMenu ul li #primary_MyATT  {width:96px;}
#primaryMenu ul li #primary_Support  {width:98px;}
#primaryMenu ul li #primary_Shop span {background-position:-84px -112px;width:72px;}
#primaryMenu ul li #primary_MyATT span {background-position:-156px -112px;width:96px;}
#primaryMenu ul li #primary_Support span {background-position:-252px -112px;width:98px;}
#primaryMenu ul li.selected #primary_Shop span {background-position:-84px -224px;}
#primaryMenu ul li.selected #primary_MyATT span {background-position:-156px -224px;}
#primaryMenu ul li.selected #primary_Support span {background-position:-252px -224px;}
#primaryMenu #primary_Search  {background:url("../images/global/bg-primary-sprite.png") -207px -56px;float:right;height:55px;width:222px;}
#primaryMenu #primary_Search  input {height:auto;margin:22px 0px 0px 22px;float:left;padding:0px;width:140px;font-size:11px;color:#656565;line-height:12px;}
#primaryMenu #primary_Search  button {display:inline;float:right;height:20px;width:20px;margin:18px 24px 0px 0px;cursor:pointer;padding-top:20px;overflow:hidden;}
#primaryMenu #primary_ATTLogo a {width:70px;background:transparent;}
#primaryMenu #primary_ATTLogo a:hover {text-decoration:none;}
#primaryMenu #primary_ATTLogo a:focus {text-decoration:none;}
#primaryMenu #primary_ATTLogo {
	float:left;
	height:55px;
	width:77px;
	margin-right:1px;
	background:url("../images/global/bg-primary-sprite.png");
	background-position:0px -112px;
	margin:0px;
}

#primaryMenu #primary_CartCount a {padding:19px 0 0 40px;display:block;color:white;font-size:12px;}
#primaryMenu #primary_CartCount:hover {background-position:-350px -168px;}
#primaryMenu #primary_CartCount:active {background-position:-350px -224px;}
#primaryMenu #primary_CartCount {
	display:block;
	float:right;
	height:55px;
	width:70px;
	background:url("../images/global/bg-primary-sprite.png");
	background-position:-350px -112px;
	margin:0px;
}

#tieredNav #primaryMenu ul ul {display:none;}
#tieredNav ul.secondaryMenu {width:972px;background:url("../images/global/bg-secondary.png") no-repeat 0px -2px;overflow:hidden;display:none;height:32px;}
#tieredNav ul.selected {display:block;margin:2px 0px 0px 1px;}
#tieredNav ul.TrayDown  {background-position: center bottom;}
#tieredNav ul.secondaryMenu li {float:left;padding:8px 0px 0px 25px;}
#tieredNav ul.secondaryMenu li.selected  a {color:#DF7300}
#tieredNav ul.secondaryMenu li a {color:#333333;font-size:13px;display:block;height:24px;float:left;}
#tieredNav ul.secondaryMenu li a.selected {background:url("../images/global/bg-secondary-highlight.gif") no-repeat center bottom;color:#DF7300}
#tieredNav ul.secondaryMenu li a:hover {color:#DF7300;}

#trayContent {background:url("../images/global/bg-tray.png") no-repeat bottom;overflow:hidden;}
#trayContent .trayContentItem {overflow:auto;display:none;margin-left:4px;}

#trayContent .columnContent img {display:block;margin:auto;width:189px;height:200px;}
#trayContent .columnContent h3 {margin-bottom:16px;font-size:16px;color:#666666}
#trayContent .columnContent h3 a {font-size:16px; color:#666666;}
#trayContent .columnContent ul {list-style-type:none;}
#trayContent .columnContent li {line-height:15px;padding-bottom:7px;}
#trayContent .columnContent a {color:#3381B7;font-size:12px;position:static;}
#trayContent .columnContent a:hover {text-decoration:underline;}

#trayContent .trayContentItem .firstColumn .columnContent {padding:10px;}
#trayContent .trayContentItem .firstColumn {float:left;width:210px;}
#trayContent .trayContentItem .secondColumn {float:left;width:190px; background:url("../images/global/bg-tray-column.png") no-repeat bottom left;}
#trayContent .trayContentItem .secondColumn.myAttCol {width:189px;background:url("../images/global/bg-ec-tray-bottomslice.png") no-repeat bottom left;margin-right:1px;float:right;}
#trayContent .trayContentItem .secondColumn.myAttCol .columnContent {zoom:1;background:url("../images/global/bg-ec-tray-topslice.png") no-repeat top left;}
#trayContent .trayContentItem .columnContent {padding:35px 20px 34px}

#trayContent .firstColumn .columnContent {padding:10px;}
#trayContent .firstColumn {float:left;width:249px;}
#trayContent .secondColumn {float:left;width:240px;}
#trayContent .columnContent {padding:35px 20px 34px}


#segClearFloat {clear:both;}

#globalNavShadows {height:40px}

#globalNavShadows .globalNavHasShadow {
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
	box-shadow: rgba(0,0,0,.4) 0px 0px 8px,  0 0 3px rgba(0, 0, 0, 0.4);
	filter: 
	progid:DXImageTransform.Microsoft.Alpha(opacity=30)
	progid:DXImageTransform.Microsoft.Blur(pixelRadius=6, enabled='true');
}

#globalNavShadows .segHasShadow {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 6px rgba(0, 0, 0, 0.8);
	filter: 
	progid:DXImageTransform.Microsoft.Alpha(opacity=30)
	progid:DXImageTransform.Microsoft.Blur(pixelRadius=6, enabled='true');
}

.gn_prefooter {
	background: url("../images/global/bg-prefooter-white.gif");
	text-align:left;
	height: 31px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: -7px;
	padding-bottom: 0;
	padding-left: 9px;
	padding-top: 5px;
	width: auto;
	color:#CCCCCC;
}

.consumer #wrapper .gn_prefooter a {color:#999999}
/*styles for autosuggest*/
#tieredNav #primaryMenu #primary_Search .autoSuggest ul li {color:#656565}
	
	#tieredNav #primaryMenu #primary_Search .autoSuggest {
		width: 165px;
		z-index: 9999;
		background:white;
		padding: 5px 0 2px; 
		margin:0; 
		background:#ffffff; 
		border:1px solid #cccccc;
		position: absolute;
		top:39px;
		left:17px;
	}

	#tieredNav #primaryMenu #primary_Search .autoSuggest ul {
		width: 165px;
		background:white;
		display:block;
		float: none;
		height: auto;
		position: none;
		z-index: 100;

		list-style:none;
		padding: 0; 
		margin:0; 
	}

	#tieredNav #primaryMenu #primary_Search .autoSuggest ul li {
		width: 155px;
		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;
	}

	#tieredNav #primaryMenu #primary_Search .autoSuggest ul li:hover { 
		background-color: #ebebeb;
	}
	#tieredNav #primaryMenu #primary_Search #autoSuggestBox li a {
		text-decoration:none;
		color:#656565
	}
	#tieredNav #primaryMenu #primary_Search #autoSuggestBox li a:link {
		text-decoration:none;
		color:#656565
	}
	#tieredNav #primaryMenu #primary_Search #autoSuggestBox li a:hover {
		text-decoration:none;
		color:#656565
	}
	#tieredNav #primaryMenu #primary_Search #autoSuggestBox a{
		display:block;
	}
	#tieredNav #primaryMenu #primary_Search #autoSuggestBox .ui-state-hover{
		background:#ebebeb;
	
	}
#cssmenu {
    background: url("../menu_assets/images/bg-bubplastic.gif") repeat-x scroll left top #000000;
    font-size: 14px;
    height: 27px;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
#cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cssmenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../menu_assets/images/bg-bubplastic-button.gif) top left no-repeat;
}

#cssmenu ul li a {
	display: block;
	height: 27px;
	padding-left: 6px !important;  
	padding-right: 6px !important; 
	float: left;
	text-transform: uppercase;
	font-family: 'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	background: transparent url(../menu_assets/images/left.gif) top left no-repeat;
}

#cssmenu ul li:first-child a {
	display: block;
	height: 27px;
	padding-left: 5px !important;  
	padding-right: 5px !important; 
	float: left;
	text-transform: uppercase;
	font-family: 'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	background: transparent;
}


#cssmenu ul li a span {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	/* padding-right: 35px;
	 background: transparent url(../menu_assets/images/bg-bubplastic-button.gif) top right no-repeat;*/
	cursor: pointer;
}


/* AQUA HOVER */
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
	background: transparent url(../menu_assets/images/bg-bubplastic-h-aqua.gif) top left no-repeat;
	color:#ffffff;
}
.liclass
{
	list-style:disc;
	padding-left:10px;
	line-height:20px;
}
#countrybred,#citybred,#cityDetailbred{
	font-size:14px;
	font-weight:bold;
	color:#F60;
	text-decoration:none;
}

.mybutton{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	padding: 3px 15px;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	float:left;
	font-size: 12px !important;
	}
.mybutton a{
	color:#FFF !important;
	text-decoration:none;
	font-weight:bold;
	}
.mybutton a:hover{
	text-decoration:none;
	}		
.myblue{
	background-color:#0055a0;
}
.myblue:hover{
	background-color:#002d99;
}	
.myred{
	background-color:#ff0808;	
}
.myred:hover{
	background-color:#d70101;	
}
.mygreen{
	background-color:#00da2e;	
}
.mygreen:hover{
	background-color:#ff7013;	
}
.mygrey{
	background-color:#3c3c3c;	
}
.mygrey:hover{
	background-color:#939090;	
}