/* Version 1.0 last updated by DO6596 on 2/7/2011 */


/* GLOBAL NAV MOD FOR INDC */
html { 
	background:transparent url(//www.att.com/images/global/background_left.jpg) left top no-repeat !important; 
	height:100%;
}
body{
	margin:0px; 
	background:transparent url(//www.att.com/images/global/background_right.jpg) right top no-repeat;
	height:100%;
}

@media all and (max-device-width:480px){
	html { background:#fff; }
	body { background:#fff; }
}

#ie,
#ie6{
	position:absolute; 
	left:0; 
	width:100% !important; 
	background:transparent url(//www.att.com/images/global/background_left.jpg) left top no-repeat;
	text-align:center;
}

.off-page{position:absolute; left:-9999px; top:0}



#ie #globalNav,
#ie #globalNavInterface,
#ie #segMenuBar,
#ie #globalNavShadows{text-align:center}


#ie6	#segMenuBar #segMenuContainer ul.segMenu li a.segMenuItem  span {background-image:url(//www.att.com/images/global/sprite.gif)}
#ie6	#segMenuBar #segMenuContainer ul.segMenu li a.segMenuItem  {background-image:url(//www.att.com/images/global/sprite.gif)}

#ie #tieredNav *,
#ie6 #tieredNav *{zoom:1}
#ie #primaryMenu ul li .primaryMenuItem,
#ie6 #primaryMenu ul li .primaryMenuItem {height:44px !important; padding-top:0 !important}

#ie #tieredNav ul.selected,
#ie6 #tieredNav ul.selected {margin:0 0 1px 1px;}	

#ie #trayContent .trayContentItem,
#ie6 #trayContent .trayContentItem {overflow:visible}
/* END GLOBAL NAV MOD FOR INDC */

/**************************
CONTAINER
**************************/
.bg-top-shadow{
	background:transparent url(//www.att.com/images/global/ie-top-background.png) bottom left no-repeat;
	height:11px;
	width:986px;
	position:relative;
	left:0;
	top:0px;
	margin-top:-8px;
}
#ie .bg-top-shadow{
	margin-top:-10px;
}
.bg-mid-shadow{
	position:relative;
	left:0;
	top:0;
	width:986px;
	background: url(//www.att.com/images/global/ie-mid-background.png) 0 0 repeat-y;
	text-align:center;
}
.bg-bottom-shadow{
	position:relative;
	left:0;
	top:0;
	background: url(//www.att.com/images/global/ie-bottom-background.png) top left no-repeat;
	width:986px;
	height:13px;
}
.bg-gr-bottom-shadow{
	left:0;
	top:0;
	background: url(//www.att.com/images/global/ie-gr-bottom-background-nofat.png) top left no-repeat;
	width:986px;
	height:13px;
	position:relative;
}
@media screen{
	.box			{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; position:relative; zoom:1; min-height:inherit}
	.top-round		{-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
	.bottom-round	{-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px }	
}

#wrapper{
   top:170px;
   left:0;
   width:100%;
   text-align:center;
   padding-top:60px;
}
#main-container{
	width:986px;
	margin:0 auto; 
	text-align:center; 
	position:relative;
}
#content {
   clear:both;
   overflow: hidden;
   position: relative;
   padding:8px 0 15px 0; 
   width:950px;
   height:auto;
   margin:0 auto;
}
#content #pageID, 
#popupContent #pageID { display:none }
div.cart{font-family:Arial; font-size:1.1em; text-align:right; margin:-5px 0 10px 0}
#ie div.cart{margin:-6px 0 11px 0}
div.cart a{background:transparent url(//www.att.com/images/global/cart_icon.jpg) 100% 50% no-repeat; padding:1px 25px; margin:0 31px 0 0}


/*****************
 FOOTER
*****************/

#footer {
	margin:0 auto;
	width: 985px;
	text-align: left;
}
#btmContainerATT .copyright {
   clear:both;
   margin:0 3px;
   width:608px;
   line-height:1.3em;
   text-align:left;
}
#btmContainerATT .copyright a, 
#btmContainer .copyright a:visited {
   color:#999;
   font-size:1em;
}
#btmContainerATT .yellowPagesLogo {
   float:right;
   margin:10px 3px 0 3px;
}
#ciclogoEN {
clear:both;
text-align:right;	
padding:10px;
width:950px;
}

#ciclogoEN img {
float:right;
position:relative;
margin-top:-30px;
height:89px;
width:57px;	
}

#ciclogo {
clear:both;
float:right;	
padding:10px;
height:89px;
width:57px;
}
abbr { border-bottom-width: 1px; border-bottom-style: dotted;color:#999; }

#preFooter {width:972px; height:30px; background:url(//www.att.com/images/global/img_prefooter.gif) repeat-x left top #fff; border-top:1px solid #e3e3e3; margin:0 auto;} 
#preFooter p {position:relative; top:1em; font-size:1.1em; height:30px; margin:0 0 0 17px; color:#979797 }
#preFooter sup{font-size:78% !important;}
#ie #preFooter sup{font-size:95% !important}
#preFooter a{margin:0 5px; color:#979797}

.padding {
	padding:10px 10px 10px 16px;
}

#attonweb {
background-image:url(//www.att.com/global/images/en/img_ATTonWeb_composite.gif);
background-repeat:no-repeat;
height:26px; 
font-size:9px;
}

.attOnWeb {
position:relative;
margin-left:140px;
width:124px;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
color:#666;
padding-top:5px;
}

.attCom {
width:130px;
position;relative;
margin-left:317px;
margin-top:-19px;
line-height:13px;
}

.attNet {
width:200px;
position:relative;
margin-left:500px;
margin-top:-26px;
line-height:13px;
}

.fauxcontainer {
margin-left:8px;
}

 #attonweb a {
	font-size:12px;	
	text-decoration:none;
}
.constrained {
	clear:both;
	width:680px;
	/*position:absolute;*/
	margin-left:155px;
}

.constrained a, .bottomLinks a:visited, .bottomLinks a:hover {
	color:#999999 !important;	
}
 

   .logoBlock {
	clear:both;
	width:840px;
	/*position:absolute;*/
	padding-top:30px;
	margin-left:155px;
   }
   
   .logoBlock img {
	margin-right:14px;
	margin-bottom:14px;
	vertical-align:middle;   
   }

	.logoBlock img.lastLogo {
	padding-right:0;
	}
 

.bottomLinks{clear:both; margin-bottom:10px; color:#cccccc;}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:hover{font-size:.9em; color:#999999; padding:0 5px;}

/**** FOOTER ****/

.copyright {
	float:left; 
	clear:both;
	line-height:1.3em;
	color:#656565;
	padding-top:10px
}
.copyright a, .copyright a:visited, .copyright a:hover {
   color:#858585;
}
.yellowpages{margin:10px 20px 0 0}

.updated {
color:#B20202;	
}






		
		
		
/*** CSS Reset ***/
#ie6 .png {
   behavior: url(//www.att.com/Common/indc/homepage/scripts/iepngfix.htc);
   border:0
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, sup {
   margin:0;
   padding:0;
   outline: 0;
   vertical-align: baseline;
}
:focus, param, param:hover, object, object:hover, :hover { outline: 0 }
table {
   border-collapse:collapse;
   border-spacing:0
}
fieldset, img { border:0 none }
address, caption, cite, code, dfn, strong, th, var {
   font-style:normal;
   font-weight:normal
}
caption, th { text-align:left }
ol, ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   position:relative
}
h1, h2, h3, h4, h5, h6, input, select, th, td { font-size:1em }
q:before, q:after { content:'' }
body {
   font-size: 62.5%;
   font-family: Verdana, Helvetica, sans-serif;
   color: #656565;
   line-height: 1.3em;
   text-align: center;
}
body div { text-align: left }



.newWindow {
   background:url(//www.att.com/Common/indc/images/doubleSquareIcon.gif) top right no-repeat;
   padding-right:12px;
}
#content ul, #popupContent ul { list-style-type: none }
#ie #content ul li, #ie #popupContent ul { position:relative }
#content li, #popupContent li, #content #faqList .bullet li {
   list-style-type: none;
   background: url(//www.att.com/Common/indc/images/bullet_square_10x7.gif) 0 0 no-repeat;
   margin: 2px 0;
   padding: 1px 10px
}
#content ol li, #popupContent ol li {
   list-style-type: decimal;
   background: none;
   margin: 2px 0 2px 35px;
   padding: 1px 0
}
#content ul.nobullet li, #popupContent ul.nobullet li {
   list-style-type: none;
   background: none;
   margin: 2px 0;
   padding: 1px 0
}
.imgRep {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-position: left top;
   background-repeat: no-repeat
}
.mute { color: #999 }
.hide { display: none }
.notice {
   color: #999;
   font-style: italic
}
.invisible { visibility: hidden }
.clear { clear: both }
.nowrap { white-space: nowrap }
.rel { position: relative }
form {
   margin:0;
   padding:0
}
input, textarea, select {
   border:1px solid #ccc;
   vertical-align:middle;
   background-color:#fff;
   color:#656565
}
button {
   margin: 0;
   padding: 0;
   vertical-align: middle
}
#ie input, #ie textarea, #ie select { vertical-align:top }
legend.accent1 {
   margin:0;
   display:block;
   padding:0 0 8px 0;
   font-size:1.4em;
   color:#FF7200;
   font-weight:bold;
}
#ie legend.accent1 {
   margin:0 0 4px -8px;
   padding:0;
}
#siteUtil legend {
   height:20px;
   margin-bottom:0 !important
}
#siteUtil p { margin:0 0 5px 0 }
#searchForm label, #quicklinks label, #ask_att label, #ask_question label, #drop_links label { display: none }
#ask_question label {
   display:none;
   margin:.5em 0 .5em 0
}
#ie ask_question label { font-size:1.1em }
#ask_question select {
   width:226px;
   font-size:1.1em;
   padding:.1em 0 .1em .4em;
   margin:0 0 1em 0;
   padding:.1em
}
#ask_question textarea {
   width:265px;
   height:5em;
   overflow:auto;
   margin-bottom:1em
}
#ask_question .buttonSubmit {
   width:74px;
   height:18px;
   margin-left:190px
}
#drop_links select {
   width:190px;
   margin-right:0
}
#droplinksSubmit { border:none }
#ask_question input {
   width:226px;
   margin-right:0
}
#ie #ask_question input { vertical-align:middle }
#ask_question #askquestion { background:#ffffff }
#ask_question input.askSubmit, #ie #ask_question input.askSubmit {
   width:15px;
   height:15px;
   cursor:pointer;
   border:0
}
legend span a.askTips {
   font-weight:normal;
   font-size:.7em;
   padding-left:35px;
   line-height:1.5em
}
#ask_question { margin-bottom:-5px }
#ask_question p {
   font-size:1em;
   color:#a8a8a8
}
input[type=text]:hover, input[type=text]: focus, input[type=password]:hover, input[type=password]: focus { background-color: #f1f6f9 }
/* "The Ever Popular (Heath?) Ledger Effect" */
/* Hides from IE-Mac \*/
* html #content table.ledger {
   border-collapse: collapse;
   margin-bottom: 1em
}
/* End hide from IE-Mac */
#content table.ledger tr td:first-child, #content #ledgerSort tr td:first-child, #content table.ledger tr th:first-child, #content #ledgerSort tr th:first-child { border-left: 0 !important }
#content table.ledger tr td, #content #ledgerSort tr td {
   border-left: 1px solid #fff !important;
   border-bottom: 0 !important;
   vertical-align: top;
   padding: 6px
}
#content table.ledger tr th, #content #ledgerSort tr th {
   vertical-align: middle;
   background-color: #067AB4; /* AT&T Blue */
   color: #fff;
   border: none !important;
   border-left: 1px solid #fff !important;
   padding: 4px;
}
#content table.ledger tr td:first-child, #content #ledgerSort tr td:first-child, #content table.ledger tr th:first-child, #content #ledgerSort tr th:first-child { border-left: 0 !important; }
#content table tr.odd td, #content table tr td.odd, #content table.ledger tr.odd td, #content #ledgerSort tr.odd td { background-color:#f2f7fb }
#content table tr.even td, #content table tr td.even, #content table.ledger tr.even td, #content #ledgerSort tr.even td { background-color: #e3eef4 }
/* Highlight */
#content table tr.sfhover, #content table tr.sfhover td {
   background-color: #b5dff3;
   color: #000
}
/* Selected */
/* This always takes precedence over highlight color! */
#content table.ledger tr.selected td, #content table tr.selected td {
   background-color: #4775d1;
   color: #fff;
   border-left: 1px solid #346dbe;
   border-bottom: 1px solid #7daaea
}
h1, h2, h3, h4, h5, h6 { margin:0 }
h1 {
   font-size:2.2em;
   margin-bottom: 1em;
   line-height:1em;
   font-weight: normal
}
h2 {
   font-size:1.3em;
   margin-bottom:.45em
}
#ie h2 { margin-bottom:.5em }
h3 {
   font-size:1.6em;
   margin-bottom: 1em
}
h4 { font-size:1.2em }
h5 { font-size:1em }
h6 {
   font-size:1.4em;
   margin:-1px 0 .5em 0;
   line-height:1.08em;
}
#ie h6 { line-height:1.1em }
h6 span { font-size:.7em }
p, a, li, span, td, th, strong { font-size:1.1em }
p a, p strong, li a, li span, a span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, td p, td a, td span, td li, td h2, td h3, td h4, li li, th p, th a, th span, th li, th h2, th h3, th h4, td strong { font-size:1em }
p span a, legend span a { font-size: .9em }
a:link {
   text-decoration:none;
   color:#067AB4
}
a:active { outline:none }
a:visited {
   text-decoration:none;
   color:#067AB4
}
a:hover {
   text-decoration:underline;
   color:#067AB4
}
p { margin:0 0 1em 0 }
strong {
   font-weight:bold;
   margin:0 0 1em 0
}
a img, a:link img, a:visited img { border:0 }
ul, ol, dl { margin: 0 0 1em 0 }
ol { list-style-type:decimal }
ol .alpha li { list-style-type: lower-alpha !important }
dt { font-weight:bold }
table { font-size:1em }
th { font-weight:bold }
td { font-size:1.1em }
.block { display:block }
#ie table sup { position: static }
sup {
   vertical-align:top;
   font-size:.9em;
   padding:0 0 0 1px;
   line-height:1.2em;
   position:relative;
   top:-1px;
   font-weight:normal
}
sup.sm { font-size:.8em; }
#ie sup {
   font-size:1.1em;
   padding:0 0 0 1px;
   position:relative;
   top:-2px
}
#ie sup.sm { font-size:1em }
h1 sup {
   font-size:.5em;
   top:1px;
   left:-1px
}
h1 sup.sm {
   font-size:.4em;
   top:1px;
   left:-1px
}
#ie h1 sup {
   font-size:.6em;
   top:1px;
   left:0px
}
#ie h1 sup.sm {
   font-size:.5em;
   top:2px;
   left:-1px
}
h2 sup { font-size:.8em }
h2 sup.sm { font-size:.7em }
#ie h2 sup { font-size:.95em }
#ie h2 sup.sm { font-size:.9em }
h6 sup { font-size:.8em }
h6 sup.sm { font-size:.7em }
#ie h6 sup { font-size:.95em }
#ie h6 sup.sm { font-size:.9em }
.ledger td sup, .ledger th sup { font-size:.8em !important }
#ie .ledger sup { position:relative }
#ie .ledger td sup, #ie .ledger th sup { font-size:1em !important }
#ie .ledger td * sup {
   font-size:1em !important;
   top:-2px !important
}
#toggleList p.q sup {
   font-size:.9em;
   top:.3em
}
#ie #toggleList p.q sup {
   position:static;
   font-size:1em
}
.numSup {
   position:relative;
   top:-.2em;
   font-size:.95em !important;
   color:#8cbbd8
}
#ie td .numSup, #ie .numSup {
   position:relative;
   top:-.2em;
   font-size:.95em !important;
   color:#8cbbd8
}
a sup { text-decoration:none }
.tertiaryNav li sup {
   font-size:.9em;
   color:#067AB4
}
#ie .tertiaryNav li sup {
   font-size:1.1em;
   color:#067AB4
}
.left { text-align:left !important }
.right { text-align:right !important }
/**************************
ACCENT COLORS
**************************/
/*AT&T Orange*/
.accent1 {color:#FF7200; margin-bottom:6px; font-weight:bold}
.accent2 { color:#FF7200 }
.accent3 { color:#6EBB1F } /* AT&T Green*/
.accent4 { color:#FF7200; font-weight:normal }
.accent5 { color:#023f72; margin:10px 0 5px 0} /* AT&T Dark Blue*/
.accent6 { color:#FF7200; font-size:2.1em; margin-bottom:0; padding-bottom:0; line-height:0.9em}
.h6wrap {line-height:15px; margin-bottom:0; }
.accent7 { color:#FF7200; font-size:1.9em; margin-bottom:0; padding-bottom:0; line-height:0.9em}
/* PRIMARY COLOR PALETTE - page 24 of build book */
.AttOrange { color:#FF7200 !important }
.AttBlue { color:#067AB4 !important }
.black { color:#000000 !important }
.white { color:#ffffff !important }
.AttGray { color:#cbcfce !important }
/* SECONDARY COLOR PALETTE - page 24 of build book */
.AttGreen { color:#6EBB1F !important }
.AttDarkBlue { color:#023f72 !important }
.AttBurgundy { color:#810238 !important }
.AttPurple { color:#801f7a !important }
.AttLimeGreen { color:#b6bf00 !important }
/* Accent Color Palette - page 25 of build book */
.DarkBlue { color:#0a68a5 !important }
.DustyBlue { color:#8cbbd8 !important }
.LightBlue { color:#e3eef4 !important }
.AttMintGreen { color:#b6e1dd !important }
.LightGreen { color:#cce5bb !important }
.MediumGreen { color:#00a88e !important }
.DarkGreen { color:#357218 !important }
.AttTaupe { color:#c6c29b !important }
.LightYellow { color:#f9f4d3 !important }
.Yellow { color:#ffed00 !important }
.AttGold { color:#f9b62a !important }
.Pink { color:#d4448d !important }
.Red { color:#b52e24 !important }
.DarkGray { color:#555555 !important }
.Gray { color:#656565 !important }
.AttWarmGray { color:#c8c0b7 !important }
.DustyGray { color:#cdd8df !important }
.MediumGray { color:#dbdee4 !important }
.LightGray { color:#efefef !important }
/* PRIMARY BACKGROUND COLOR PALETTE - page 24 of build book */
.AttOrangeBG { background-color:#FF7200 !important }
.AttBlueBG { background-color:#067AB4 !important }
.blackBG { background-color:#000000 !important }
.whiteBG { background-color:#ffffff !important }
.AttGrayBG { background-color:#cbcfce !important }
/* SECONDARY BACKGROUND COLOR PALETTE - page 24 of build book */
.AttGreenBG { background-color:#6EBB1F !important }
.AttDarkBlueBG { background-color:#023f72 !important }
.AttBurgundyBG { background-color:#810238 !important }
.AttPurpleBG { background-color:#801f7a !important }
.AttLimeGreenBG { background-color:#b6bf00 !important }
/* ACCENT BACKGROUND COLOR PALETTE - page 25 of build book */
.DarkBlueBG { background-color:#0a68a5 !important }
.DustyBlueBG { background-color:#8cbbd8 !important }
.LightBlueBG { background-color:#e3eef4 !important }
.AttMintGreenBG { background-color:#b6e1dd !important }
.LightGreenBG { background-color:#cce5bb !important }
.MediumGreenBG { background-color:#00a88e !important }
.DarkGreenBG { background-color:#357218 !important }
.AttTaupeBG { background-color:#c6c29b !important }
.LightYellowBG { background-color:#f9f4d3 !important }
.YellowBG { background-color:#ffed00 !important }
.AttGoldBG { background-color:#f9b62a !important }
.PinkBG { background-color:#d4448d !important }
.RedBG { background-color:#b52e24 !important }

.DarkGrayBG { background-color:#555555 !important }
.GrayBG { background-color:#656565 !important }
.AttWarmGrayBG { background-color:#c8c0b7 !important }
.DustyGrayBG { background-color:#cdd8df !important }
.MediumGrayBG { background-color:#dbdee4 !important }
.LightGrayBG { background-color:#efefef !important }
.caps { text-transform: uppercase }
p.tight { margin:7px 0 6px 0 }

.genMarqueeAtlasPushit { height: 13em !important;}
.genMarqueeAtlasOverflow { overflow:hidden; height: 156px}
#IE .genMarqueeAtlasOverflow { height: 186px}
.atlasNoScript { display:none }
.oldTablePadding6 {
   background:#fff !important;
   border-spacing:1px !important;
   border-collapse:separate !important;
}
.oldTablePadding6 td * { text-indent:10px !important }

/* STYLES FOR STATE PRICING */
#statesPricing p {text-align:right;display:none}
#statesPricing p.showmestate {display:block !important}
#statesPricing div {text-align:right;display:none}
#statesPricing div.showmestate {display:block !important}
#statesPricing div.showmestate div {display:block !important}		

/* STYLES TO FORMAT BUTTONS UNDER TABBED SECTIONS */
.productDetailButtonGroup {
   margin: 10px 0 10px 0;
   text-align: right;
}
.productDetailButtonGroup img { display:inline; }
.productDetailButtonGroup .btnImage {
   margin: 0 1px 0 1px;
   border: 0px;/* end: STYLES TO FORMAT BUTTONS UNDER TABBED SECTIONS */
}
/* CANCEL LIST STYLES COMING FROM SWOT TEMPLATES */
#mainNavigation li, #btmContainer li { list-style-image: none !important; }
/* end: CANCEL LIST STYLES COMING FROM SWOT TEMPLATES */

/* ALLOWS PROPER CONTENT FORMATTING WITHIN Q&As*/
.toggleLists .a p { font-size: 10px; }
.toggleLists .a ul { margin: 10px 0 10px 15px; }
.toggleLists .a li {
   list-style-type: disc !important;
   margin-left: 15px !important;
   padding-left: 5px !important;
}
.toggleLists .a strong { font-size: 10px; }
/* end: ALLOWS PROPER CONTENT FORMATTING WITHIN Q&As*/

/* ALLOWS FOR EACH IMAGE PLACEMENT */
div.floatAssemblyDecor { float: right; }
div.floatAssemblyDecor img { margin: 0 0 0 10px; }
/* end: ALLOWS FOR EACH IMAGE PLACEMENT */

/* CLASS TO KILL BORDER ON FORM ELEMENTS */
input.noBorders { border: 0 !important; }
/* end  CLASS TO KILL BORDER ON FORM ELEMENTS */


/* FOOTER NAV IS JUST A CANDIDATE */
br.footerNavigation {
   clear: both;
   padding: 5px 0 5px 0;
}
li.productCategory {
   float: left;
   width: 126px;
   font-weight: bold;
   border-right: 1px solid #ccc;
   margin: 0 0 0 5px;
   padding: 0 7px 0 0;
   line-height: 140%;
   height: 210px;
}
li.productCategory a, li.productCategory a:visited { color: #999 !important; }
li.productCategory ul li { font-weight: normal; }
li.productCategoryAlt {
   font-weight: bold;
   line-height: 140%;
}
li.productSubCategoryAlt {
   float: left;
   display: block;
   margin-right: 20px;
}
li.productCategoryAlt a, li.productCategoryAlt a:visited { color: #999 !important; }
li.productCategoryAlt ul li { font-weight: normal; }
br.footerNavigation2 {
   clear: both;
   padding: 30px 0 10px 0;
}
ul.productCategory2 {
   margin: 20px 0 0 0 !important;
   padding: 10px 0 0 0;
}
li.productCategory2 {
   float: left;
   width: 106px;
   font-weight: bold;
   border-right: 1px solid #ddd;
   margin: 0 0 0 5px;
   padding: 0 7px 0 0;
   line-height: 140%;
   height: 340px;
}
* html li.productCategory2 { width: 126px; }
li.productCategory2 a, li.productCategory2 a:visited { color: #999 !important; }
li.productCategory2 {
   font-weight: normal;
   list-style-type: none !important;
   background-image: none !important;
}
li.productCategory2 ul li {
   font-weight: normal;
   list-style-type: none !important;
   background-image: none !important;
}
.productCategoryAlt2 ul li {
   font-weight: normal;
   list-style-type: none !important;
   background-image: none !important;
}
br.footerNavigation2 {
   clear: both;
   padding: 5px 0 5px 0;
}
li.productCategoryAlt2 {
   font-weight: bold;
   line-height: 140%;
   background-image: none !important;
}
li.productSubCategoryAlt2 {
   float: left;
   display: block;
   margin-right: 20px;
   background-image: none !important;
}
li.productCategoryAlt2 a, li.productCategoryAlt2 a:visited { color: #999 !important; }
/* END: FOOTER NAV IS JUST A CANDIDATE */





/* TERTIARY NAV & CONTEXT OF ENTIRE NAV WITHOUT JAVASCRIPT */
#navNoscript, #sitemap {
   margin: 15px 3px 0 3px;
   clear: both;
   width: 985px
}
#sitemap { width: 930px }
#navNoscript li, #sitemap li {
   float:left;
   width:25%
}
#navNoscript li a, #sitemap li a {
   font-weight:bold;
   font-size:1.1em
}
#navNoscript li li, #sitemap li li {
   width:100%;
   float:none;
   margin:0 0 0 5px
}
#navNoscript li li a, #sitemap li li a { font-size:1em }
#navNoscript li li li, #sitemap li li li {
   float:none;
   margin:0 0 0 5px
}
#navNoscript li li li a, #sitemap li li li a {
   font-weight:normal;
   font-size:1em
}
/***
GRID TEMPLATES
All Columns
***/
.first_150 { float:left; width:150px; clear:left; }
.col_150 { float:left; width:150px; margin-left:10px; }
.first_204 { float:left; width:204px; clear:left; }
.col_203 { float:left; width:203px; margin-left:10px; }
.first_230 { float:left; width:230px; clear:left; }
.col_229 { float:left; width:229px; margin-left:10px; }
.col_230 { float:left; width:230px; margin-left:10px; }
.first_260 { float:left; width:260px; clear:left; }
.col_260 { float:left; width:260px; margin-left:10px; }
.first_264 { float:left; width:264px; clear:left; }
.col_264 { float:left; width:264px; margin-left:10px; }
.first_270 { float:left; width:270px; clear:left; }
.col_270 { float:left; width:270px; margin-left:10px; }
.col_273 { float:left; width:273px; margin-left:10px; }
.first_310 { float:left; width:310px; clear:left; }
.col_310 { float:left; width:310px; margin-left:10px; }
.onlyQuickLinks {position:relative; top:3px; right:0}
#ie .onlyQuickLinks { position:relative; top:0; right:0 }
.first_350 { float:left; width:350px; clear:left; }
.col_350 { float:left; width:350px; margin-left:10px; }
.first_408 { float:left; width:408px; clear:left; }
.col_408 { float:left; width:408px; margin-left:10px; }
.first_428 { float:left; width:428px; clear:left; }
.col_428 { float:left; width:428px; margin-left:10px; }
.col_460 { float:left; width:460px; margin-left:10px; }
.first_470 { float:left; width:470px; clear:left; }
.col_470 { float:left; width:460px; margin-left:10px }
.first_475 { float:left; width:470px; clear:left }
.col_475 { float:left; width:470px; margin-left:10px }
.first_480 { float:left; width:480px; clear:left }
.col_550 { float:left; width:550px; margin-left:10px }
.first_630 { float:left; width:630px; clear:left }
.col_630 { float:left; width:630px; margin-left:10px }
.first_668 { float:left; width:668px; clear:left}
.col_668 { float:left; width:668px; margin-left:10px }
.first_710 { float:left; width:710px; clear:left}
.col_710 { float:left; width:710px; margin-left:10px}
.col_790 { float:left; width:790px; margin-left:10px }
.first_950 { width:950px; }
/**************************
MODULES - min-height
**CLASS NAMES are Based on Actual Pixel Height of Module in comp
**Heights declared inside the class are based on markup and browser box models
**************************/
.nomin { height:100% }
.min88 { min-height: 60px }
.min88noPad { min-height: 84px }
.min94 { min-height: 64px }
.min100noPad { min-height: 96px }
.min120noPad { min-height: 116px }
.min133noPad { min-height: 132px }
.min133 { min-height: 106px }
.min172 { min-height: 146px }
.min173 { min-height: 147px }
.min186 { min-height: 156px }
.min186noPad { min-height: 184px }
.min186noPadDblBrdr { min-height: 182px }
.min186noBrdr { min-height: 156px }
.min234 { min-height: 204px }
.min234noPad { min-height: 232px }
.min234noPadDblBrdr { min-height: 230px }
.min238 { min-height: 208px }
.min245 { min-height: 215px }
.min276 { min-height: 246px }
.min276noPad { min-height: 274px }
.min276noPadDblBrdr { min-height: 272px }
.min284 { min-height: 254px }
.min301 { min-height: 271px }
.min301x { min-height: 271px }
.min23em { min-height: 20.1em }
.min318 { min-height: 288px }
.min347noPad { min-height: 347px }
.min355 { min-height: 325px }
.min363noPad { min-height: 361px }
.min368 { min-height: 342px }
.min368noPad { min-height: 368px }
.min378 { min-height: 352px }
.min396 { min-height: 369px }
.min416noPad { min-height: 414px }
.min470 { min-height: 470px }
.min442 { min-height: 442px }
/* conditional workaround for IE ignoring min-height. */
.min88, .min88noPad, .min94, .min100noPad, .min120noPad, .min133noPad, .min133, .min172, .min173, .min186, .min186noPad, .min186noPadDblBrdr, .min186noBrdr, .min234, .min234noPad, .min234noPadDblBrdr, .min238, .min245, .min276, .min276noPad, .min276noPadDblBrdr, .min284, .min301, .min301x, .min23em, .min318, .min347, .min347noPad, .min355, .min363noPad, .min368, .min368noPad, .min378, .min396, .min416noPad, .min442, .min470 { height: auto }
#ie .min88, #ie .min88noPad { height: 86px }
#ie .min94 { height: 94px }
#ie .min100noPad { height: 98px }
#ie .min120noPad { height: 118px }
#ie .min133noPad { height: 134px }
#ie .min133 { height: 132px }
#ie .min172 { height: 172px }
#ie .min173 { height: 173px }
#ie .min186, #ie .min186noPad { height: 186px }
#ie .min186noPadDblBrdr { height: 184px }
#ie .min186noBrdr { height: 186px }
#ie .min234, #ie .min234noPad { height: 234px }
#ie .min234noPadDblBrdr { height: 230px }
#ie .min238 { height: 238px }
#ie .min245 { height: 245px }
#ie .min276, #ie .min276noPad { height: 276px }
#ie .min276noPadDblBrdr { height: 274px }
#ie .min284 { height: 284px }
#ie .min301 { height: 301px }
#ie .min301x { height: 274px }
#ie .min23em { height: 23.3em }
#ie .min318 { height: 318px }
#ie .min347noPad { height: 347px }
#ie .min355 { height: 355px }
#ie .min363noPad { height: 363px }
#ie .min368, #ie .min368noPad { height: 368px }
#ie .min378 { height: 382px }
#ie .min396 { height: 399px }
#ie .min416noPad { height: 416px }
#ie .min442 { height: 472px }
#ie .min470 { height: 524px }
/**************************
MODULES - CONTENT BOXES
**************************/
/* To be used to surround mod_a, mod_a2, mod_a3, mod_a4, mod_a5, mod_a6 div's. */
.grayBorder {
   border: 1px solid #ccc;
   margin-bottom: 10px;
}
/* To be used to surround mod_a, mod_a2, mod_a3, mod_a4, mod_a5, mod_a6 div's. */
.grayBorderNoBotMarg { border: 1px solid #ccc; }
/* 1px white inner border box with tall gradient background and 12px padding */
.mod_a {
   border: 1px solid #fff;
   background: url(//www.att.com/Common/indc/images/tall_mod_gradientSlice.gif) 0 100% repeat-x transparent;
   padding: 12px;
}
.mod_a_nograd {
   border: 1px solid #fff;
   background: transparent;
   padding:0 12px 12px 12px;
}
/* NO PADDING 1px white inner border box with tall gradient background */
.mod_a2, .mod_a6 {
   border: 1px solid #fff;
   background: url(//www.att.com/Common/indc/images/tall_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/* NO PADDING 1 px white border with orange Tab Top background */
.mod_a3 {
   border: 1px solid #fff;
   background: url(//www.att.com/Common/indc/images/orangeTabTop.gif) 0 0 repeat-x transparent;
}
/* NO PADDING 1px white inner border box with tallest gradient background */
.mod_a4 {
   border: 1px solid #fff;
   background: url(//www.att.com/Common/indc/images/tallest_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/* NO PADDING 1px white inner border box with TALL BLUE gradient background */
.mod_a5 {
   border: 1px solid #fff;
   background: url(//www.att.com/Common/indc/images/tallBlue_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/* NO INNER PADDING 1px gray box with 10px margin at the bottom for mods to be placed underneath. */
.mod_b {
   border: 1px solid #ccc;
   margin-bottom: 10px;
   position: relative;
   top: 0;
   left: 0;
}
#ie .mod_b { width: 100%; }
/*  NO BOTTOM MARGIN, NO INNER PADDING 1px gray box. */
.mod_b_btm {
   border: 1px solid #ccc;
   margin-bottom: 0;
}
/* (for min186 mod)  1px gray outer border box with blue white gradient background and 14px top btm padding, Inline content center*/
.mod_c {
   border: 1px solid #ccc;
   padding: 14px 0;
   background: url(//www.att.com/Common/indc/images/blueWhtBtmGradientSlice.gif) 0 100% repeat-x transparent;
   margin-bottom: 10px;
   text-align: center;
}
/* (for min186 mod)  NO BOTTOM MARGIN 1px gray outer border box with blue white gradient background and 14px top btm padding, Inline content center*/
.mod_c_btm {
   border: 1px solid #ccc;
   padding: 14px 0;
   background: 0 0 no-repeat transparent;
   margin-bottom: 0;
   text-align: center;
}
/* NO INNER PADDING 1px gray border box with short gradient background */
.mod_d {
   border: 1px solid #ccc;
   margin-bottom: 10px;
   background: url(//www.att.com/Common/indc/images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/*  NO INNER PADDING NO BOTTOM MARGIN 1px gray border box with short gradient background */
.mod_d_btm {
   border: 1px solid #ccc;
   background: 0 0 no-repeat transparent;
   position: relative;
   top: 0;
   left: 0;
}
/* 14px top btm padding, 10 left right,  1px gray border box with short gradient background */
.mod_d2, .mod_d3 {
   border: 1px solid #ccc;
   padding: 14px 10px;
   margin-bottom: 10px;
   background: url(//www.att.com/Common/indc/images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
   position: relative;
   top: 0;
   left: 0;
}
.mod_d4 {
   border: 1px solid #ccc;
   padding: 14px 0 0 10px;
   margin-bottom: 10px;
   background: url(//www.att.com/Common/indc/images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
   position: relative;
   top: 0;
   left: 0;
}
.mod_d2_nograd {
   border: 1px solid #ccc;
   padding: 14px 10px;
   margin-bottom: 10px;
   background: transparent;
   position: relative;
   top: 0;
   left: 0;
}
.mod_d2_nograd_btm {
   border: 1px solid #ccc;
   padding: 14px 10px;
   background: transparent;
   position: relative;
   top: 0;
   left: 0;
}
/*  14px top btm padding, 10 left right, NO BOTTOM MARGIN 1px gray border box with short gradient background */
.mod_sm_grad_btm { background: url(//www.att.com/Common/indc/images/short_mod_gradientSlice.gif) repeat-x transparent; }
.mod_d2_btm, .mod_d3_btm {
   border: 1px solid #ccc;
   padding: 14px 10px;
   background: url(//www.att.com/Common/indc/images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
.mod_d3, .mod_d3_btm { padding: 14px 5px 14px 10px; }
/* NO INNER PADDING 1px BLUE box with 10px margin at the bottom for mods to be placed underneath. */
.mod_e, .mod_e_flash {
   border: 1px solid #66a5d0;
   margin-bottom: 10px;
}
#ie .mod_e, #ie .mod_e_flash { width: 100%; }
.mod_e_flash { border: none }
.mod_f {
   border: 1px solid #ccc;
   padding: 12px;
   margin-bottom: 10px;
}
/* 40px padding, no border with 10px margin at the bottom for mods to be placed underneath. used for heroNoBrdr */
.mod_f2 {
   margin-bottom: 10px;
   padding: 30px 40px 0 40px;
   position: relative;
}
/* no border with 10px margin at the bottom for mods to be placed underneath. used for heroNoBrdr */
div.rotate div.mod_f2 {
   margin-bottom: 10px;
   padding:0;
   position: relative;
}
/*module without right border and top margin  */
.mod_g {
   border-right: 1px solid #ccc;
   margin-top: 20px;
   padding: 0 15px 0 0;
   position: relative;
   top: 0;
   left: 0;
}
/*goes with mod_g but is last floated module thus no right border*/
.mod_g_last { border: none; }
.mod_a6 p { width: 200px; }
.mod_a6 .btnBlueArrow { font-size: 1em; }
p.mod_d_wrap { width: 130px; }
/* TTY mod */
.mod_gray {
   border: 1px solid #fff;
   padding: 14px 10px;
   margin-bottom: 10px;
   background: #efefef;
   position: relative;
   top: 0;
   left: 0;
}
/**************************
MODULES - TABBED
**************************/
#content ul.tabs, #popupContent ul.tabs {
   position:relative;
   top:24px;
   margin:0;
   padding:0;
   border-bottom:1px solid #ccc;
}
#content ul.tabs li, #popupContent ul.tabs li {
   float: left;
   position: relative;
   top:-23px;
   border-bottom:1px solid #ccc;
   z-index: 10;
   padding:0;
   margin: 0;
   background: none;
}
#content ul.tabs .active, #popupContent ul.tabs .active {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #ccc;
   background-color: #ffffff;
   padding:1px;
   margin:-3px 0 0 0;
}
#content ul.tabs .active a, #popupContent ul.tabs .active a {
   color: #FF7200;
   margin: 0;
   border-top: 2px solid #FF7200;
}
#content ul.tabs li a, 
#popupContent ul.tabs li a {
   display: block;
   padding: 5px 12px;
   color: #067AB4;
}
div.tabs div.tabs {
   position:relative;
   top:0px;
}
#ie div.tabs div.tabs {
   position:relative;
   top:0px;
}
div.tabs div.tabs div.tabs {
   padding: 14px;
   color: #666;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   clear: both;
   left: 0;
   width: 680px;
}
#ie div.tabs div.tabs div.tabs, #iePopup div.tabs div.tabs div.tabs {
   position:relative;
   top:0px;
   width: 100%;
}

#ie .ProductDetails #contentDiv .tabs, 
#ie .ProductDetail #contentDiv .tabs {
   width: 710px;
   height:inherit;
}
.ProductDetails #tabContainer #navContainer  div.tabs, 
.ProductDetail #tabContainer #navContainer  div.tabs {
   height:inherit;
   padding-bottom:40px;
}
#ie .ProductDetails #tabContainer #navContainer div.tabs, 
#ie .ProductDetail #tabContainer #navContainer div.tabs { 
	padding-bottom:inherit; 
}
.textUnderPricing {
   position:absolute;
   right: 4.3em;
   font-size:.9em;
   margin-top:-5px;
}
#ie .textUnderPricing {
   right:4.5em;
   margin-top:3px;
}
.triplePackDetail {
   width: 710px;
   overflow: auto;
   height: 100%;
}
.triplePackDetail #tabContainer #navContainer  div.tabs {
   min-height: 535px;
   height: auto;
}
#ie .triplePackDetail #tabContainer #navContainer  div.tabs { height: 600px; }
.popupDetail {
   overflow: auto;
   height: 100%;
}
.popupDetail #tabContainer #navContainer  div.tabs {
   width: 95.53%;
   min-height: 385px;
   height: auto;
}
#ie .popupDetail #tabContainer #navContainer  div.tabs {
   width: 100%;
   height: 400px;
}


/**************************
PRICING 
**************************/
.pricing {
   position: relative;
   margin: -3 10px 0 0;
   height: 4.7em;
}
#ie .pricing { margin:-3px 10px 0 0; }
.pricing span {
   color: #ccc;
   font-size: .9em;
}
.pricing span p{
	font-size:1.1em;
   margin:-12px 0 0 0;
   position:relative;
   top:2px;   
}
.pricing div {
   color: #74b727;
   font-size: 3.3em;
   margin: 10px 0 0 0;
}
#ie .pricing div { margin:5px 0 0 -1px; }
.pricing div sup {
   font-size: .6em;
   padding: 0;
   vertical-align: baseline;
   top: -.71em;
}
#ie .pricing div sup {
   font-size: .7em;
   top:-.65em;
}
.pricing div sup.cents {
   position: relative;
   left: -.4em;
}
#ie .pricing div sup.cents {
   top:-.65em;
   left:-.45em;
}
.pricing span.reoccurrence {
   position: absolute;
   bottom: .1em;
}
#ie .pricing span.reoccurrence {
   position:absolute;
   bottom:.2em !important;
}
.pricing span.sideText1Digit {
   position: absolute;
   bottom: .2em;
   left: 4.2em;
   font-size:1.4em;
   font-weight:bold;
   white-space:nowrap;
}
#ie .pricing span.sideText1Digit {
   position:absolute;
   top:30px !important;
   left:4.2em !important;
}
.pricing span.sideText2Digit {
   position: absolute;
   bottom: .2em;
   left: 5.6em;
   font-size:1.4em;
   font-weight:bold;
   white-space:nowrap;
}
#ie .pricing span.sideText2Digit {
   position:absolute;
   top:30px !important;
   left:5.7em !important;
}
.pricing span.sideText3Digit {
   position: absolute;
   bottom: .2em;
   left: 7.1em;
   font-size:1.4em;
   font-weight:bold;
   white-space:nowrap;
}
#ie .pricing span.sideText3Digit {
   position:absolute;
   top:30px !important;
   left:7.1em !important;
}
.pricing span.reoccurrence_line2 {
   display:block;
   color: #b3b3b3;
   position: relative;
   bottom: 0;
}
#ie .pricing span.reoccurrence_line2 {
   display:block;
   color: #b3b3b3;
   position: relative;
   bottom:-2em !important;
}
.pricing span.oneDigit { left: 5em; }
#ie .pricing span.oneDigit {
   bottom:0 !important;
   left:4.8em;
}
.pricing span.twoDigit { left: 7.3em; }
#ie .pricing span.twoDigit { bottom:0 !important; }
.pricing span.threeDigit { left: 10.5em; }
#ie .pricing span.threeDigit {
   bottom:0 !important;
   left: 9.6em;
}
#ie .pricing span.threeDigit {
   bottom:0 !important;
   left: 9.6em;
}
#ie .marquee .pricing span.threeDigit {
   font-size:1em;
   left:8.6em;
}
.pricing .footnote {
   position: absolute;
   bottom: 0;
}
.offerPricing {
   color: #ccc;
   font-size: 7em;
   line-height: 1;
   position: relative;
   top: -.3em;
   margin: 0 0 -.3em 0;
}
.offerPricing div { color: #74b727; }
.offerPricing div sup {
   vertical-align: baseline;
   padding: 0;
   position: relative;
   top: -.75em;
   font-size: .5em;
}
#ie .offerPricing div sup {
   font-size: .6em;
   top:-.75em;
}
.offerPricing div sup.cents {
   position: relative;
   left: -.3em;
}
.offerPricing span.oneDigit { left: 4.7em; }
.offerPricing span.twoDigit { left: 7.9em; }
.offerPricing span.threeDigit { left: 8.9em; }
.offerPricing span.reoccurrence {
   font-size: .25em;
   position: absolute;
   top: 2.7em;
}
#ie .offerPricing span.reoccurrence { top: 3.3em; }
.mediumOfferPricing {
   color: #ccc;
   font-size: 4.3em;
   line-height: 1;
   position: relative;
   margin: .1em 0 0 0;
}
.mediumOfferPricing div { color: #74b727; }
.mediumOfferPricing div sup {
   vertical-align: baseline;
   padding: 0;
   position: relative;
   top: -.75em;
   font-size: .5em;
}
#ie .mediumOfferPricing div sup {
   font-size: .6em;
   top:-.75em;
}
.mediumOfferPricing div sup.cents {
   position: relative;
   left: -.3em;
}
.mediumOfferPricing span.oneDigit { left: 4.7em; }
.mediumOfferPricing span.twoDigit { left: 7.9em; }
.mediumOfferPricing span.threeDigit { left: 8.9em; }
.mediumOfferPricing span.reoccurrence {
   font-size: .25em;
   position: absolute;
   top: 2.7em;
}
#ie .mediumOfferPricing span.reoccurrence { top: 3.3em; }
.bundlePricing {
   float: right;
   position: relative;
   right: 30px;
   top:10px;
   height: 3.7em;
   text-align: right;
   margin: 5px 0 0 0;
}
#ie .bundlePricing { margin: 0; }
.bundlePricing div {
   font-size: 3.8em;
   color: #b3b3b3;
   right: .5em;
   position: relative;
}
.bundlePricingButton {
   position:relative;
   top:20px;
}
.bundleTotal { margin-top:-10px; }
#ie .bundleTotal { margin-top:-10px; }
.bundleTotal div { color: #74b727; }
.pricing div sup { font-size: .55em; }
#ie .pricing div sup { font-size: .67em; }
.bundlePricing span.reoccurrence {
   position: absolute;
   left: auto;
   right: -.4em;
   bottom: .2em;
   color: #b3b3b3;
}
#ie .bundlePricing span.reoccurrence {
   right: -.5em;
   bottom: 0;
}
#hero .pricing {
   position: absolute;
   top: 38px;
   left: 320px;
}
#hero span.reoccurrence {
   bottom: 14px;
   white-space: nowrap;
}
#ie #hero span.reoccurrence { bottom: 12px; }
/**************************
BUTTONS
**************************/
.printLink { background: url(//www.att.com/Common/indc/images/ico_print.gif) right 50% no-repeat; padding-right: 25px; text-align: right; }
a.btnBigBlue { margin: 10px 0; display: block; width:1em }
/* White GO Button */
.btnGo { width: 31px; height: 18px; border: 0; cursor: pointer; vertical-align:middle; }
/* Blue GO Button */
.btnBlueGo { width: 47px; height: 18px; cursor: pointer; border: 0; background-image: url(//www.att.com/Common/indc/images/btn_blue_go.gif); position: relative;}
a.btnContinueShopping {width: 155px; height: 26px; }
a.btnOrderNow { float: left; width: 107px; height: 26px; margin: 3px 0 0 0; }
#ie a.btnOrderNow { float: left; width: 107px; height: 26px; margin: 3px 0 0 0; }
.btnOnlineOnlyOffer { margin: 0 0 5px 0 }
.btnShopBundles { margin: 13px 0 0 405px }
.btnShopBundles button, .btnOrderNow button { width: 128px; height: 18px; border: 0; background: url(//www.att.com/Common/indc/images/btn_shop_bundles.gif) 0 0 no-repeat transparent; cursor: pointer; font-size: 0.5em; margin: 13px 0 0 405px; text-indent: -9000px;}
.btnOrderNow button { float: left; width: 107px; height: 26px; background: url(//www.att.com/Common/indc/images/btn_blue_orderNow.gif) 0 0 no-repeat transparent; margin: 3px 0 0 120px; }
#ie .btnShopBundles, #ie .btnOrderNow { position: relative; }
#ie .btnShopBundles button, #ie .btnOrderNow button { position: absolute; }
.col_230 .btnWhiteCagedArrow, .col_230 .icnWhiteCagedArrow { display: block; }
.btnBlueArrow a { width: 4px; height: 8px; border: 0; background: url(//www.att.com/Common/indc/images/btn_blue_arrow.gif) 100% 65% no-repeat transparent; cursor: pointer; padding-right: 10px; }
a.btnBlueArrow { background: url(//www.att.com/Common/indc/images/btn_blue_arrow.gif) 100% 65% no-repeat transparent; padding-right: 10px; }
.btnWhiteArrow a { width: 4px; height: 8px; border: 0; background: url(//www.att.com/Common/indc/images/btn_white_arrow.gif) 100% 65% no-repeat transparent; cursor: pointer; padding-right: 10px; }
a.btnWhiteArrow { background: url(//www.att.com/Common/indc/images/btn_white_arrow.gif) 100% 65% no-repeat transparent; padding-right: 10px; }
.btnBlueCagedArrow { background: url(//www.att.com/Common/indc/images/btn_blue_caged_arrow.gif) 0 50% no-repeat transparent; padding: 0 0 0 20px; cursor:pointer; line-height:25px; height:25px; width:15px; white-space:nowrap; display:block; }
.btnWhiteCagedArrow { background: url(//www.att.com/Common/indc/images/btn_white_caged_arrow.gif) 0 50% no-repeat transparent; padding: 0 0 0 20px; cursor:pointer; line-height:25px; height:25px; width:15px; white-space:nowrap; display:block; }
#content .first_630 .mod_d2 table td .btnWhiteCagedArrow { width: 250px !important; text-align: left !important; }
#ie6 #content .first_630 .mod_d2 table td .btnWhiteCagedArrow { width: 15px !important;}
.btnBlueCagedArrow2 { background: url(//www.att.com/Common/indc/images/btn_blue_caged_arrow.gif) 0 50% no-repeat transparent; padding: 2px 0 2px 20px; cursor:pointer; line-height:25px; height:25px; }
.btnWhiteCagedArrow2 { background: url(//www.att.com/Common/indc/images/btn_white_caged_arrow.gif) 0 50% no-repeat transparent; padding: 2px 0 2px 20px; cursor:pointer; line-height:25px; height:25px; }
.sm_orderNow { width:1px; white-space: nowrap; position:relative; top:5px; cursor:pointer; display:block; }

/**************************
INTERIOR CONTAINERS
**************************/
.manageContainer, .shortManageContainer, .mediumManageContainer {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   min-height: 272px;
   height: auto;
}
#ie .manageContainer { height: 272px; }
.shortManageContainer { min-height:182px; }
#ie .shortManageContainer { height:182px; }
.mediumManageContainer { min-height:230px; }
#ie .mediumManageContainer { height:230px; }
.promoContainer {
   position:relative;
   top:0;
   left:0;
   width:100%;
}
.promoContent {
   position:relative;
   padding:12px 10px 0 10px;
}
.promoContent span.btnBlueArrow, .promoContent p.btnBlueArrow {
   position:relative;
   top:5px
}
.promoContent form fieldset span {
   line-height:.1em;
   position:relative;
   top:1px
}
#ie .promoContent form fieldset span {
   line-height:1em;
   position:relative;
   top:.2em
}
.promoContent .footnote {
   color: #ccc;
   position: absolute;
   bottom: -1.5em;
   right: 10px;
   text-align: right;
   width: 40px !important;
   font-size: .9em;
   line-height: 1.2em;
   padding: 0;
   margin: 0;
   float: none;
}
#content .col_310 .promoContent ul {
   margin: 0;
   padding: 0;
}
#content .col_310 .promoContent ul li {
   margin: 0;
   padding: 1px 10px 0 10px;
   ;
   background-position: 0 -1px;
}
.paddedModContent { padding: 12px; }
.paddedModContentNoTop { padding: 0 12px 12px 12px; }
/****
HERO
****/
.rotateHero {
   position: absolute;
   bottom: 1px;
   right: 1px;
}
#heroNoBrdr .rotateHero {
   bottom: 3px;
   right: 3px;
}
.rotateHero .counter {
   background: #fff;
   line-height: 19px;
   height: 21px;
   display: block;
   float: left;
   padding: 0 5px;
   font-size: .9em;
   color: #666;
}
.rotateHero .back, .rotateHero .next { float: left; }
#hero h1 { margin: 23px 0 0 0; }
#hero p {
   float: left;
   margin: 5px 0 0 0;
   width: 15em;
}
.heroCta {
   display: block;
   clear: both;
   margin: 10px 0 0 0;
}
/**************************
CONTENT VARIATION PAGE
**************************/
.varyContainer {
   position: relative;
   top: 0;
   left: 0;
   min-height: 184px;
   height: auto;
   width: 100%;
}
.varyContainer { height: 184px; }
.varyContent {
   position: relative;
   padding: 12px 0 12px 12px;
   z-index: 2;
}
p.vary { margin-top: 10px; }
.varyOrderNow {
   display: block;
   margin-top: 10px;
}
#ie .varyOrderNow {
   margin-top:5px;
}
.splitContainerLft {
   float: left;
   width: 145px;
   padding: 12px 0 12px 12px;
}
#ie .splitContainerLft { width: 157px; }
.splitContainerRgt {
   float: left;
   width: 44px;
   padding: 12px 0 12px 0;
}
#ie .splitContainerRgt { width: 44px; }
/**************************
POPUP
***************************/
.popupTitle {
   float: left;
   margin-left: 5px;
   margin-bottom: 0;
   padding: 15px 0;
}
#popupWrapper .printLink {
   padding: 14px 25px 14px 0;
   position: absolute;
   right: 15px;
   top: 10px;
}
.popupClose {
   background: url(//www.att.com/Common/indc/images/btn_close_x.gif) 0 0 no-repeat;
   line-height: 3em;
   padding: 2px 0 2px 20px;
}
#css-reset .popupClose{background-position:0 50%}
#css-reset .closeAfter {
   background: url(//www.att.com/Common/indc/images/btn_close_x.gif) 100% 50% no-repeat !important;
	line-height: 3em;
   padding: 2px 20px 2px 5px !important;
}
/**************************
FAQ
**************************/

.linkbar {
   position: relative;
   margin: -1.8em 0 0 0;
   right: 320px;
   float: right;
   width:auto !important;
}
.right_0 { right:0 !important; }
#content .linkbar li {
   float: left;
   border-right: 1px solid #ccc;
   padding: 0 10px;
   background: none;
}
#content .linkbar li.last { border: none; }
#content .linkbar .printLink {
   background: url(//www.att.com/Common/indc/images/ico_print.gif) right 50% no-repeat;
   padding: 0 25px 0 0;
}
#css-reset #popupWrapper .printDetails,
#css-reset .printDetails {
   background: url(//www.att.com/Common/supern/images/icn_printer.gif) 0 50% no-repeat;
   padding: 0 5px 0 25px;   
}
#content #faqList li, #content #termsList li {
   background: none;
   margin: 0;
   padding: 0;
}
#faqList .a ol { margin-left: 10px; }
#faqList .a ol li { margin-left: 15px !important; }
#faqList .a strong { font-size: 10px; }
#faqList .a ul { margin: 2px 0 !important; }
#faqList .a ul li {
   list-style-type: none !important;
   background: url(//www.att.com/Common/indc/images/bullet_square_10x7.gif) 0 0 no-repeat !important;
   margin: 2px 0 !important;
   padding: 1px 10px !important;
}
#faqList p { font-size:1em; }
#faqList p.q, #termsList p.q {
   display: block;
   height: 2em;
   line-height: 2em;
   font-weight: bold;
   color: #067AB4;
   cursor: pointer;
   padding-left:30px;
}
#ie6 #faqList p.q, #ie6 #termsList p.q { width:100%; }
#faqList td, #faqList th { font-size: 1em }
#contentDiv .ledger {
   width:100%;
   margin-bottom:10px
}
#ie #contentDiv .a .ledger {
   width:654px !important;
   margin-bottom:10px
}
#toggleList li.open p.q, #termsList li.open p.q { background: #e3eef4 url(//www.att.com/Common/indc/images/toggle_minus.png) 10px 50% no-repeat }
#toggleList li.open div.a, #termsList li.open div.a { display: block }
#toggleList li.close p.q, #termsList li.close p.q { background: #eee url(//www.att.com/Common/indc/images/toggle_plus.png) 10px 50% no-repeat }

/**************************
EXPLORE
**************************/
.min359noPad { height:316px }
#ie .min359noPad { height:316px }
.mod_e_flash { background: none; }
.min106noPad { min-height: 102px; }
.min344noPad { min-height: 344px; }
.min354noPad { min-height: 354px; }
.min106noPad, .min344noPad, .min354noPad { height: auto; }
#ie .min106noPad { height: 104px; }
#ie .min344noPad { height: 344px; }
#ie .min354noPad { height: 354px; }
/*Explore home*/
#heroExploreHome {
   position:relative;
   background-color:#FF7200;
   margin:0;
   padding:0;
}
#heroExploreHome ul {
   width:950px;
   height:260px;
   margin:0;
   padding:0;
}
#heroExploreHome li {
   list-style-type:none;
   background:none;
   float:left;
   margin:0;
   padding:0
}
#heroExploreHome li a {
   font-size:1.6em;
   line-height:6em;
   color:#fff;
   font-weight:bold;
   width:310px;
   display:block;
   text-align:center
}
#heroExploreHome li#innovations a {
   width:310px !important;
   height:260px;
   margin-right:10px
}
#heroExploreHome li#entertainment a {
   width:310px !important;
   height:260px;
   margin-right:10px
}
#heroExploreHome li#prodserv a {
   width:310px !important;
   height:260px;
   margin-right: 0px
}
#exploreHomeFlash h1, #exploreHomeFlash h1 img { margin: 0; }
#exploreInnovationFlash h1, #exploreEntFlash h1, #explorePSFlash h1 {
   visibility: hidden;
   font-size: 1em;
}
#exploreInnovationFlash h3, #exploreEntFlash h3, #explorePSFlash h3 {
   font-size: 1.5em;
   font-weight: normal;
}
#heroExploreInnoGadgets li, #heroExploreInnoHomeTech li, #heroExploreInnoTechToGo li, #heroExploreEntGames li, #heroExploreEntMusic li, #heroExploreEntMovies li, #heroExploreEntTV li, #heroExplorePSTV li, #heroExplorePSInternet li, #heroExplorePSWireless li {
   background: none;
   float: left;
}
#heroExploreInnoGadgets li a, #heroExploreInnoHomeTech li a, #heroExploreInnoTechToGo li a, #heroExploreEntGames li a, #heroExploreEntMusic li a, #heroExploreEntMovies li a, #heroExploreEntTV li a, #heroExplorePSTV li a, #heroExplorePSInternet li a, #heroExplorePSWireless li a {
   position: relative;
   text-transform: uppercase;
   top: 65px;
   padding: 2px 20px 50px 0;
   background: url(//www.att.com/Common/indc/images/btn_arrow_circle.png) right 0 no-repeat;
}
#heroExploreEntGames li a, #heroExploreEntMusic li a, #heroExploreEntMovies li a, #heroExploreEntTV li a { color: #fff; }
#heroExplorePSTV li a, #heroExplorePSInternet li a, #heroExplorePSWireless li a { top: 70px; }
#ie6 #heroExploreInnoGadgets li a, #ie6 #heroExploreInnoHomeTech li a, #ie6 #heroExploreInnoTechToGo li a, #ie6 #heroExploreEntGames li a, #ie6 #heroExploreEntMusic li a, #ie6 #heroExploreEntMovies li a, #ie6 #heroExploreEntTV li a, #ie6 #heroExplorePSTV li a, #ie6 #heroExplorePSInternet li a, #ie6 #heroExplorePSWireless li a {
   position: absolute;
   top: 85px;
}
#ie6 #heroExplorePSTV li a, #ie6 #heroExplorePSInternet li a, #ie6 #heroExplorePSWireless li a { top: 90px; }
#gadgets { left: 610px; }
#ie6 #gadgets, #ie6 #games { left: 620px; }
#ie6 #heroExploreInnoTechToGo #gadgets { left: 620px; }
#highTechHome { left: 530px; }
#ie6 #highTechHome { left: 610px; }
#heroExploreInnoTechToGo #highTechHome { left: 610px; }
#techToGo, #music { left: 545px; }
#ie6 #music { left: 600px; }
#heroExploreEntMovies #music, #heroExploreEntTV #music { left: 512px; }
#ie6 #heroExploreEntMovies #music, #ie6 #heroExploreEntTV #music { left: 600px; }
#ie6 #techToGo { left: 635px; }
#movies { left: 515px; }
#ie6 #movies { left: 677px; }
#heroExploreEntMusic #movies { left: 432px; }
#ie6 #heroExploreEntMusic #movies { left: 597px; }
#heroExploreEntTV #movies { left: 506px; }
#ie6 #heroExploreEntTV #movies { left: 676px; }
#tv { left: 525px; }
#ie6 #tv { left: 775px; }
#heroExploreEntMusic #tv { left: 445px; }
#ie6 #heroExploreEntMusic #tv { left: 695px; }
#heroExploreEntMovies #tv { left: 448px; }
#ie6 #heroExploreEntMovies #tv { left: 695px; }
#games { left: 745px; }
#ie6 #games { left: 758px; }
#internet { left: 575px; }
#heroExplorePSWireless #internet { left: 632px; }
#ie6 #heroExplorePSWireless #internet { left: 750px; }
#ie6 #heroExplorePSTV #internet { left: 662px; }
#wireless { left: 565px; }
#heroExplorePSInternet #wireless { left: 555px; }
#ie6 #heroExplorePSInternet #wireless, #ie6 #heroExplorePSTV #wireless { left: 750px; }
#digitalTV { left: 640px; }
#ie6 #digitalTV { left: 650px; }
.selected #gadgets, .selected #highTechHome, .selected #techToGo, .selected #games, .selected #music, .selected #movies, .selected #tv, .selected #digitalTV, .selected #internet, .selected #wireless {
   background: none;
   cursor: default;
   top: 162px;
}
.selected #gadgets, .selected #games, .selected #digitalTV { left: 348px; }
#ie6 .selected #gadgets, #ie6 .selected #games {
   left: 358px;
   top: 184px;
}
#ie6 .selected #digitalTV {
   left: 358px;
   top: 184px;
}
.selected #highTechHome { left: 215px; }
#ie6 .selected #highTechHome {
   left: 359px;
   top: 184px;
}
.selected #techToGo { left: 74px; }
#ie6 .selected #techToGo {
   left: 359px;
   top: 184px;
}
.selected #music { left: 268px; }
#ie6 .selected #music {
   left: 358px;
   top: 184px;
}
.selected #movies { left: 190px; }
#ie6 .selected #movies {
   left: 359px;
   top: 184px;
}
.selected #tv { left: 103px; }
#ie6 .selected #tv {
   left: 360px;
   top: 184px;
}
.selected #internet { left: 225px; }
#ie6 .selected #internet {
   left: 360px;
   top: 184px;
}
.selected #wireless { left: 127px; }
#ie6 .selected #wireless {
   left: 360px;
   top: 184px;
}
#exploreMe {
   clear: both;
   position: relative;
   left: 395px;
   top: 12px;
   color: #fff;
   width: 522px;
   height: 145px;
   font-size: 10px;
}
#exploreEntFlash .exploreMe1col, #exploreInnovationFlash .exploreMe1col, #explorePSFlash .exploreMe1col {
   padding: 15px;
   width: 495px;
   height: 125px;
}
#ie #exploreMe {
   top: 5px;
   width: 526px;
}
#ie6 #exploreMe {
   left: 395px;
   top: 155px;
}
.exploreMe2col {
   width: 240px;
   clear: none;
   float: left;
   height: 145px;
   padding: 10px;
   position: relative;
}
#ie .exploreMe2col { width: 250px; }
.exploreMe3col {
   padding: 10px 4px 0 4px;
   width: 165px;
   height: 145px;
   clear: none;
   float: left;
   background: url(//www.att.com/Common/indc/images/exploreMeBar.png) right 3px no-repeat;
   position: relative;
}
#ie .exploreMe3col { width: 173px; }
#exploreMe span {
   height: 18px;
   background: url(//www.att.com/Common/indc/images/btn_exploreMe.png) right 0 no-repeat;
   position: absolute;
}
.exploreMe1col span {
   right: 35px;
   bottom: 55px;
}
#ie #exploreMe span { bottom: 10px; }
#exploreMe .exploreMe2col span {
   right: auto;
   bottom: 30px;
}
#exploreMe .exploreMe3col span {
   right: auto;
   bottom: 15px;
}
#exploreMe span sup {
   font-size: .9em;
   top: -1px;
   padding-right: 2px;
}
#exploreMe .exploreMe2col span { width: 225px; }
#exploreMe .exploreMe3col span { width: 165px; }
#exploreMe .exploreMe3col span.btn1 { bottom: 35px; }
#ie #exploreMe .exploreMe3col span.btn1 {bottom:30px;}
#exploreMe .exploreMe2col span.btn1 { bottom: 50px; }
#ie #exploreMe .exploreMe2col span.btn1 {bottom:30px;}
#exploreMe .btn a, #exploreMe .btn1 a {
   font-size: 10px;
   color: #fff;
   line-height: 18px;
   padding: 0 22px 0 10px;
   background: url(//www.att.com/Common/indc/images/btn_exploreMe_bar.png) 4px 1px no-repeat;
}
#htmlNotFlash {
   color: #000;
   position: absolute;
   left:-9999px;
}
/* END EXPLORE */

/* Styles to make links appear in Explore */
#ie6 #content .mod_e_flash ul li, #ie6 #content .mod_e_flash ol li, .mod_e_flash ul, .mod_e_flash ol { position: static !important; }
div#lo_id, div#gl_id { display:none }
/* SORTABLE TABLES */
.sortable thead th { cursor:pointer }
.sortasc { background:url(//www.att.com/Common/indc/images/sort-up.gif) 100% 50% no-repeat }
.sortdesc { background:url(//www.att.com/Common/indc/images/sort-down.gif) 100% 50% no-repeat }

/* Call Us */
.accent1.dottedLine{background:url(//www.att.com/Common/indc/images/dotted-line-x.gif) 0 0 repeat-x; padding-top:5px}
table.dotted td.line{background:url(//www.att.com/Common/indc/images/dotted-line-x.gif) 0 0 repeat-x; vertical-align:top; padding:0; height:1px}
table.dotted td.sub{padding:10px 0; background:none}
table.dotted td.sub.line{padding:10px 0}
table.dotted td{background:url(//www.att.com/Common/indc/images/dotted-line-y.gif) 0 0 repeat-y; vertical-align:top; padding:10px 0 0 15px}
table.dotted td.first{background:none; padding:10px 0 0 10px}
table.dotted ul.bullet{position:relative; top:-3px;}
#content table.dotted ul li{
   position:relative;
   list-style-type: none;
   background: url(//www.att.com/Common/indc/images/bullet_square_10x7.gif) 0 -2px no-repeat;
   margin: 0 0 4px 0;
   padding: 0 10px;
}
.mod_d2_nograd_noPos {
   border: 1px solid #ccc;
   padding: 14px 10px;
   margin-bottom: 10px;
   background: transparent;
}
/* end Call Us */

/* Call Us popup */
table.dotted2 td.line{background:url(//www.att.com/Common/indc/images/dotted-line-x.gif) 0 0 repeat-x; vertical-align:top; padding:0; height:1px}
table.dotted2 td, table.dotted2 th{vertical-align:top; padding:10px 0}
table.dotted2 td.first{background:none; padding:10px 0 0 0}
table.dotted2 ul.bullet{position:relative; top:-3px;}
#content table.dotted2 ul li{
   position:relative;
   list-style-type: none;
   background: url(//www.att.com/Common/indc/images/bullet_square_10x7.gif) 0 -2px no-repeat;
   margin: 0 0 4px 0;
   padding: 0 10px;
}
/* end Call Us Popup */


/**************************
SPECIAL OFFERS
**************************/
.special-offers-204-tile, .special-offers-310-tile {position:relative; top:0; left:0; border:1px solid #ccc; padding:14px 10px; margin-bottom:10px; background:transparent; position:relative; top:0; left:0; min-height:204px}
#ie .special-offers-204-tile, #ie .special-offers-310-tile{height:234px}
.special-offers-204-tile .title {display:block; text-transform:uppercase; text-align:center; font-weight:bold}
.special-offers-204-tile h6 {font-size:1.4em; line-height:1.08em; margin:10px 0 0.5em; color:#ff7200; padding-top:20px}
#ie .special-offers-204-tile h6 {font-size:1.4em; line-height:1.08em; margin:10px 0 0.5em; color:#ff7200; padding-top:30px}
.special-offers-204-tile p span { display:block; font-size:.8em; margin-top:2px; }
.special-offers-204-tile p span a { font-size:1.1em; margin-top:5px; }
#ie .special-offers-204-tile p span a { display:block; font-size:1.1em; margin-top:5px; }
.special-offers-204-tile .btnBlueCagedArrow, .special-offers-310-tile .btnBlueCagedArrow{position:absolute; bottom:30px;}
.special-offers-204-tile div, .special-offers-310-tile div{position: absolute; bottom: 5px; right: 12px;}
.special-offers-204-tile div img, .special-offers-310-tile div img{vertical-align:middle}
.special-offers-204-tile div span, .special-offers-310-tile div span{position:relative; top:2px; padding-right:5px;}
#ie .special-offers-204-tile div span, #ie .special-offers-310-tile div span{top:0}

/* Styles to make bottom tile iframes appear correctly */
.special-offers-204-tile2, .special-offers-310-tile2 {position:relative; top:0; left:0; border:1px solid #ccc; margin-bottom:10px; min-height:204px}
#ie .special-offers-204-tile2, #ie .special-offers-310-tile2{height:234px}
.special-offers-204-tile2 div, .special-offers-310-tile2 div{position: absolute; bottom: 5px; right: 12px;}
.special-offers-204-tile2 div img, .special-offers-310-tile2 div img{vertical-align:middle}
.special-offers-204-tile2 div span, .special-offers-310-tile2 div span{position:relative; top:2px; padding-right:5px;}
#ie .special-offers-204-tile2 div span, #ie .special-offers-310-tile2 div span{top:0}
.special-offers-204-iframe-tile2, .special-offers-310-iframe-tile2 {padding:14px 10px; margin-bottom:10px; background:transparent; min-height:204px}
#ie .special-offers-204-iframe-tile2, #ie .special-offers-310-iframe-tile2 {height:232px}
.special-offers-204-iframe-tile2 .title2 {display:block; text-transform:uppercase; text-align:center; font-weight:bold}
.special-offers-204-iframe-tile2 h6 {font-size:1.4em; line-height:1.08em; margin:10px 0 0.5em; color:#ff7200; padding-top:20px}
#ie .special-offers-204-iframe-tile2 h6 {font-size:1.4em; line-height:1.08em; margin:10px 0 0.5em; color:#ff7200; padding-top:30px}
.special-offers-204-iframe-tile2 p span { display:block; font-size:.8em; margin-top:2px; }
.special-offers-204-iframe-tile2 p span a { font-size:1.1em; margin-top:5px; }
#ie .special-offers-204-iframe-tile2 p span a { display:block; font-size:1.1em; margin-top:5px; }
.special-offers-204-iframe-tile2 .btnBlueCagedArrow, .special-offers-310-iframe-tile2 .btnBlueCagedArrow{position:absolute; bottom:30px;}


/* Style added to correct global nav to match Tesla - using Arial instead of Verdana */
/* Jan 25, 2016 */
#ge5p_z2-nav-bar .ge5p_z2-nav-bar-subnav > li > a {font-family: Arial,Helvetica,sans-serif;}