.btnBlueArrow a{
	width: 4px;
	height: 8px;
	border: 0;
	background: url(../images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	cursor: pointer;
	padding-right: 10px;
	padding-left: 10px;
}
a.btnBlueArrow{
	background: url(../images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	padding-right: 10px;
}




.smallText {
	font-size: 9px;
}
 
/* NO PADDING 1px white inner border box with tall gradient background */
.mod_a2,
.mod_a6 {
	background: url(../images/sidepromo.gif) 0 100% repeat-x transparent;
}


.compare_promo {
	background: url() 0 100% repeat-x transparent;
	height:128px;
	
}

.btnBlueCagedArrow{
	background: url(../images/ico/arw_blue.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;
}

/*Security & Privacy*/
.promoContent{position:relative; padding:10px 10px 0px 10px; background:none;}

.promoContentComparePage{position:relative; padding:10px 0px 0px 0px; background:none;}

.promoContainer{position:relative; top:0; left:0; width:100%;}

 .ThankYouHeader{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	padding-right: 30px;
	height:70px;
}

 .BusinessThankYouHeader{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	padding-right: 30px;
	height:135px;
}

 .BusinessProtect{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	padding-right: 30px;
	height:135px;
}

 #PerOnServEmailUpdates{
	position:absolute;
	width:435px; height:115px;
}

 #PerTerms{
	position:absolute;
	width:187px; height:17px;
	left: 100px; top: 51px;
}

 #BusCCCol1{
	position:absolute;
	width:170px; 
	left: 13px; top: 365px;
    border-top: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
}

 #BusCCCol2{
	position:absolute;
	 border-left: 1px solid #cccccc; 
	 border-bottom: 1px solid #cccccc; 
	 border-right: 1px solid #cccccc; 
	 border-top: 1px solid #cccccc;  
	 width:476px;  
	 left: 184px; top: 365px;
}

 #BusCCapply{
	position:absolute;
	 width:89px;  
	 left: 573px; top: 773px;
}

 #PerTCs1{
	position:absolute;
	width:187px; height:17px;  left: 100px; top: 49px;
}

#PerTCs2{
	position:absolute;
	width:200px; height:17px; left: 100px; top: 49px;
}

 #BusCCTerms{
	position:absolute;
	 width:200px;  
	 left: 462px; top: 810px;
	 height:66px;  
}


#TermsAndConditions
{
 position:absolute; 
 width:187px; 
 height:17px;
 left: 100px; 
 top: 51px;
}

#PerTYNetInfo
{
 position:absolute; 
 width:482px; 
 height:80px;
 left: 5px; 
 top: 32px;
}

#PerTYNetImage
{
 position:absolute; 
 width:1188px; 
 height:115px;
 left: 511px; 
 top: 31px;
}


 #PerCUTable{
	position:absolute;
	 width:650px;  
	 left: 1px; top: 47px;
	 height:300px; 
	 }

#PerCCLearnMore{
	position:absolute;
	width:200px;
	left: 146px;
	top: 740px;
	height:22px;
	z-index:1;
	 } 
	 

 #contactTable{
	position:absolute;
	width:650px; height:300px;
	left: 1px; top: 47px;
}



#BusThankyouBullets
{
 position:absolute; 
 width:482px; 
 height:80px;
 left: 0px; 
 top: 41px;
}

#BusThankyouImage
{
 position:absolute; 
 width:158px; 
 height:42px;
 left: 507px; 
 top: 51px;
}

#CCThankYouImage
{
 position:absolute; 
 width:148px; 
 height:35px;
 left: 471px; 
 top: 215px;
}

#ProtectYourself
{
 position:absolute; 
 width:350px; 
 height:115px;
 left: 6px; 
 top: 94px;
}

#OnlineServicesheader{
	position:relative;
	padding:0px 0px 0px 0px;
	background:none;
	top: 10px;
	height:400px;
	background:url(../images/pc_onlineserv.jpg) 0 100% no-repeat transparent;
     background-position:bottom right;}
	 
	 #OnlineServicesHeader
{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:400px;
	left: 1px;
}


	 
#OnlineServicesContainer{
	position:absolute;
	padding: 10px 10px 10px 10px;
	background:none;
	width:680px;
	top: 0px;
	height:400px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background:url(../images/pc_onlineserv.jpg) 0 100% no-repeat transparent;
	background-position:bottom right;
	left: 0px;
	 

	 
	 }
	 
	 .test{
   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; !important;
   /*overflow: auto;*/
}
 
  .FAQheader{
	position:relative;
	background:none;
	border-top: 1px solid #ccc;
}

 .headerBusiness{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:800px;
}

#PersonalSiteMap {
	position:absolute; 
	width:320px; 
	height:525px; 
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	left: 0px; 
	top: 89px;
	padding: 10px 10px 10px 10px;

}

#BusinessSiteMap {
	position:absolute; 
	width:320px; 
	height:525px; 
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	left: 358px; 
	top: 89px;
	padding: 10px 10px 10px 10px;

}

.ContactUsheader
{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:400px;
	left: 1px;
}

.headerSiteMap{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:625px;
	left: 1px;
}

#headerPersonal{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:1150px;
	left: 1px;
}



#Personal_Row2 {
height:10px;
border-bottom: 1px solid #cccccc;
 padding: 10px 10px 10px 10px;
}
#Personal_Row8 {
	height:100px;
	border-bottom: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}
#Personal_Row4 {
height:100px;
 padding: 10px 10px 10px 10px;
border-bottom: 1px solid #cccccc;
}
#Personal_Row5 {
height:230px;
 padding: 10px 10px 10px 10px;
 border-bottom: 1px solid #cccccc;
}
#Personal_Row6 {
height:50px;
 padding: 10px 10px 10px 10px;
}
#Personal_Row1 {
height:190px;
 padding: 10px 10px 10px 10px;
 border-bottom: 1px solid #cccccc;
}
#Personal_Row3 {
height:40px;
 padding: 10px 10px 10px 10px;
 border-bottom: 1px solid #cccccc;
}
#CC_LearnMore {
position:absolute;
 width:80px; 
 height:19px; 
 left: 168px; 
 top: 515px;

}

#Business_Row1 {
height:10px;
border-bottom: 1px solid #cccccc;
 padding: 10px 10px 10px 10px;
}
#Business_Row5 {
height:20px;
 padding: 10px 10px 10px 10px;
border-bottom: 1px solid #cccccc;
}
#Business_Row2 {
height:145px;
 padding: 10px 10px 10px 10px;
border-bottom: 1px solid #cccccc;

}
#Business_Row3 {
height:130px;
 padding: 10px 10px 10px 10px;

}
#Business_Row4 {
height:180px;
 padding: 10px 10px 10px 10px;

}

#BusinessCard {

	 sposition: absolute; 

	 left: 281px; 
	 top: 184px;
}





#content ul.tabs li a,
#popupContent ul.tabs li a{
	display: block;
	padding: 5px 8px;
	color: #067AB4;
}


ul#universalNav li.aaLink a{padding:0 5px 0 6px; border:0}
ul#universalNav li.universalLink{padding-left:23px}

/* GRAPHICAL NAVIGATION BUTTONS */
#PrimaryNav li #pn-home,
#PrimaryNav li #pn-personal,
#PrimaryNav li #pn-business,
#PrimaryNav li #pn-account{position:absolute}

/* Menu Item 1 */
#PrimaryNav li #pn-home, 
#noimg_PrimaryNav li #noimg-home {
	background: url(../images/nav/primnavorangenew.png) 0 0 no-repeat;
	text-indent: -9000px;
	width: 108px;
	height: 31px;
}
#PrimaryNav li.selected #pn-home,
#PrimaryNav li.selected #pn-home:hover {
	background: url(../images/nav/primnavorangenew.png) 0 -62px no-repeat;
}
#PrimaryNav li #pn-home:hover {
	background: url(../images/nav/primnavorangenew.png) 0 -31px no-repeat;
}

/* Menu Item 2 */
#PrimaryNav li #pn-personal,
#noimg_PrimaryNav li #noimg-personal {
	left: 108px;
	background: url(../images/nav/primnavorangenew.png) -114px 0 no-repeat;
	text-indent: -9000px;
	width: 180px;
	height: 31px;
}
#PrimaryNav li.selected #pn-personal,
#PrimaryNav li.selected #pn-personal:hover {
	background: url(../images/nav/primnavorangenew.png) -114px -62px no-repeat;
}
#PrimaryNav li #pn-personal:hover {
	background: url(../images/nav/primnavorangenew.png) -114px -31px no-repeat;
}


/* Menu Item 3 */
#PrimaryNav li #pn-business,
#noimg_PrimaryNav li #noimg-business {
	left: 288px;
	background: url(../images/nav/primnavorangenew.png) -298px 0 no-repeat;
	text-indent: -9000px;
	width: 171px;
	height: 31px;
}
#PrimaryNav li.selected #pn-business,
#PrimaryNav li.selected #pn-business:hover {
	background: url(../images/nav/primnavorangenew.png) -298px -62px no-repeat;
}
#PrimaryNav li #pn-business:hover{
	background: url(../images/nav/primnavorangenew.png) -298px -31px no-repeat;
}

ul.circle{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left: 15px;
	top: 3px;
	display:block;
	padding:5px 5px 5px 5px;
	line-height: 1.3em;
}

ol.indent{
	list-style-image:none;
	list-style-position:outside;
	margin-left: 25px;

	display:block;
	padding:0px 5px 5px 5px;
}

.grayHeader{COLOR: #656565; FONT-WEIGHT: bold; FONT-FAMILY: verdana, geneva, sans-serif; FONT-SIZE: 12px;}

.dottedLines {
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
}

.col_230    {float:left; width:230px; margin-left:10px; top: 10px;}

div#footer {
	position: absolute;
	left:6px;
	top:622px;
	width: 688px;
	height: 89px;
}


 .header{
	position:relative;
	padding:10px 0px 10px 0px;
	background:none;
	top: 10px;
	height:auto;
}

#ie.OS_image{height: 1000px}

div#bulletText {
	position:absolute;
	left:4px;
	top:62px;
	width:175px;
	height: 100px;
}
div#bulletImage {
	position:absolute;
	left:756px;
	top:135px;
	width:160px;
	height: 124px;
}


 .FAQheader{
	position:relative;
	background:none;
	border-top: 1px solid #ccc;
}

#nav{
width: 150px;
}

#nav ul{
display: inline;
}
#nav ul li{
list-style-type: none;
line-height: 150%;
}
#nav ul li a{
color: #6495ED;
text-decoration: none;
border-bottom: #6495ED 1px dotted;
}
#nav ul li a:hover{
color: #DC143C;
text-decoration: none;
border-bottom: #DC143C 1px solid;
}








div.falseNavSeparator{
background: #FFF url(/Common/indc/images/DE-level_one_temp2_checkout.gif);width:100%; height:10px;margin:0 0 10px 0;padding:0;
}

/* Added to allow Quick Links to be repositioned */
#QuickLinks{
	margin:-3px 0 10px 0;
}
#ie #QuickLinks{
	margin: 0 0 10px 0;
}
 
 
/* added by derek for modularization */
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important}
#content{height:auto}

.marquee,
.marquee a,
.marquee a:hover,
.marquee a:visited{
	color: #fff;
}
.marquee2{color:#656565}
.marquee2 a,
.marquee2 a:hover,
.marquee2 a:visited{
	color: #067AB4;
}

.marquee h1,
.marquee2 h1{
	text-indent: -9000px;
	font-size: 1.6em;
	background-position:0 0;
	background-repeat:no-repeat !important;
	position:relative;
}
.marquee #hero1,
.marquee2 #hero1,
.marquee #hero2,
.marquee2 #hero2,
.marquee #hero2,
.marquee2 #hero2{
	padding-top:30px;
}

.marquee h2{line-height:1.2em;  margin-top:-2px}
#ie .marquee h2{line-height:1.15em;}

.topPad5 	{position:relative; top:5px}
.topPad10	{position:relative; top:10px}
.topPad15	{position:relative; top:15px}
.topPad20	{position:relative; top:20px}
.topPad25	{position:relative; top:25px}
.topPad30	{position:relative; top:30px}
.topPad35	{position:relative; top:35px}
.topPad40	{position:relative; top:40px}
.topPad45	{position:relative; top:45px}
.topPad50	{position:relative; top:50px}


.topPad-5	{position:relative; top: -5px}
.topPad-10	{position:relative; top:33px;left:120px;}
.topPad-15	{position:relative; top:-15px}
.topPad-20	{position:relative; top:-20px}

.topMar5		{margin-top: 5px}
.topMar10	{margin-top:10px}
.topMar15	{margin-top:15px}
.topMar20	{margin-top:20px}
.topMar25	{margin-top:25px}

.topMar-5	{margin-top: -5px}
.topMar-10	{margin-top:38px;position:relative;left:120px;}
.topMar-15	{margin-top:-15px}
.topMar-20	{margin-top:-20px}
.topMar-25	{margin-top:-25px}

/* height adjusters for some serious css attitude adjustment */
.px40h{height: 40px; !important}
.px45h{height: 45px; !important}
.px50h{height: 50px; !important}
.px55h{height: 55px; !important}
.px60h{height: 60px; !important}
.px65h{height: 65px; !important}
.px70h{height: 70px; !important}
.px75h{height: 75px; !important}
.px80h{height: 80px; !important}
.em4h{height: 4em; !important}
.em5h{height: 5em; !important}
.em6h{height: 6em; !important}
.em7h{height: 7em; !important}
.em8h{height: 8em; !important}
.em9h{height: 9em; !important}
.em10h{height: 10em; !important}
.em11h{height: 11em; !important}
.em12h{height: 12em; !important}

.centerDiv{position:relative; margin: 0 auto; text-align: center}
.uline{text-decoration:underline !important}

#hero1,
#hero2,
#hero3,
.shopLandingheroBg,
.internetLandingheroBg,
.supportBillPayheroBg{
	height: 184px;
	width: 628px;
}
#hero1,
#hero2,
#hero3{
	margin: 0;
	padding: 0 0 0 40px;
	overflow: hidden;
}
#heroNoBrdr #hero1,
#heroNoBrdr #hero2,
#heroNoBrdr #hero3{
	padding: 0;
	height: auto;
	width: auto;
}

.rotate #hero1,
.rotate #hero2,
.rotate #hero3{
	padding: 30px 40px 0 40px !important;
	/*padding:20px 50px 10px 30px !important;*/
	height: 156px !important;
	width: 550px !important;
}
#ie .rotate #hero1,
#ie .rotate #hero2,
#ie .rotate #hero3{
	height: 186px !important;
	width: 630px !important;
}

/**************************
SUPPORT PAGES
**************************/
ul.manageList{
	margin: 0 0 0 2px;
}
ul.leftAlignList,
ul.addList{
	margin: 0 0 0 13px;
}
ul.addList{
	float: left;
}
#ie6 ul.addList{
	width: auto !important;
	margin: 0 0 0 7px;
}
.btmCta{
	position: absolute;
	bottom: 10px;
	left: 12px;
}
.btmCtawrap{
	position: absolute;
	bottom: 10px;
	left: 12px;
	background-position: 0 15% !important;
	line-height:15px !important;
}
#ie .btmCtawrap{
	position: absolute;
	bottom: 10px;
	left: 12px;
	background-position: 0 10% !important;
	line-height:15px;
}
.titleMargin{
	margin-top: 14px;
	margin-left: 12px;
}
h6.adaTitle{
	padding-bottom: 8px;
}
.threeColMod,
.oneColMod{
	float: left;
	border-left: 1px solid #e3eef4;
	padding: 0 10px;
	height: 121px;
}
.oneColMod{
	padding: 0 10px 0 10px;
}
.threeColMod p{
	margin-bottom: 5px;
}
p.subHead{
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 0;
}
p.subHeadTwo{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 0;
}
p.lastP
{
margin-bottom: 0;
}
.threeColMod ul,
.oneColMod ul
{
margin-bottom: 0;
}
.firstCol
{
border-left: none;
padding-left: 0;
}
.topMod
{
padding: 14px 10px 0 10px;
}
.topMod p
{
height: 53px;
}


.btmMod,
.botModInternet,
.botModInternetJack
{
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 123px;
height: auto;
}
#ie .btmMod
{
height: 123px;
}
.botModInternet
{
min-height: 104px;
}
#ie .botModInternet
{
height: 104px;
}
.botModInternetJack
{
min-height: 136px;
}
#ie .botModInternetJack
{
height: 136px;
}
.noWrapPad
{
padding-bottom: 13px;
}

/**************************
ORDER MODULE
**************************/
.grayHorzRule
{
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}
.monthlyprice{
	float:left;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}
.orderPricePoint{
	float: right;
	font-weight:bold;
	text-align:right;
/*	width:112px;*/
	clear:right;
}


.orderModCta
{
margin: 15px 0 0 0;
}

/**************************
TRIPLE PACK TAB CONTENT
**************************/
.tpSummaryIntroTxt
{
font-size: 1.2em;
width: 490px;
min-height: 120px;
height: auto;
line-height:1.3em;
}
#ie .tpSummaryIntroTxt
{
height: 120px;
}

.tpSummaryIntroTxtShort
{
font-size: 1.2em;
width: 490px;
min-height: 60px;
height: auto;
line-height:1.3em;
}
#ie .tpSummaryIntroTxtShort
{
height: 60px;
}
.prodDetailsSummaryImage{
	margin-top:-12px; 
	padding-top:12px;
}
.grayHorzRuleSummaryIntro
{
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.grayHorzRuleSummary
{
clear: both;
height:10px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
#ie .grayHorzRuleSummary
{
margin-top:-3px;
margin-bottom:19px;
}
.serviceSumText
{
width: 60%;
float: left;
}
.serviceSumText p
{
margin-top: 8px;
}
.sumTotalTxt{
	width: 480px;
	float: left;
	font-size: 2.6em;
	white-space: nowrap;
	text-align: right;
	position: relative;
	line-height: 1em;
	height: 1.8em;
}
.sumTotalTxt img{
	display: block;
	margin: 10px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.bundleIconWireless
{
float: left;
margin: 15px 0 0 41px;
}
.bundleIconInternet
{
float: left;
margin: 15px 0 0 30px;
}
.bundleIconPhone
{
float: left;
margin: 15px 0 0 32px;
}
.packageSubmitButtons
{
margin-left: 424px;
margin-top: 10px;
}
.packageSubmitButtons img
{
display:inline;
margin: 0 0 0 10px;
}

/**************************
MY ACCOUNT
**************************/
.acctMgrList
{
margin: 0 0 -4em 0;
}
.acctMgrList li
{
background: url(/Common/indc/images/bullet_orange.gif) 0 50% no-repeat !important;
}
.acctMgrList li.col2
{
position: relative;
top: -3.05em;
left: 50%;
}
.otherServices
{
float: left;
width: 50%;
border-right: 1px solid #ccc;
margin-right: 15px;
}
.otherServices p
{
margin-bottom: 5px;
}
.registerNow
{
float: left;
}
.myAcctCta
{
margin: 15px 0 0 0;
display: block;
}

/********         ********/
.atlasNoScript{display:none}

.oldTablePadding6 {background:#fff !important; border-spacing:1px !important; border-collapse:separate !important;}
.oldTablePadding6 td *{text-indent:10px !important}

/* 
CHANGES: 
** ProductDetail classes changed  so the boxes expand with content 
** Added productDetailButtonGroup for the buttons that appear below details
** legalFtr styles needed to be altered to lose the indent
** added eq_3 throughout to support compare table pages -- need to add more for each new row
** .toggleLists added to help format code within toggles
** added floatAssembly  structure
*/

/* 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 */

/*** CSS Reset ***/
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td, sup {margin:0; padding:0; outline: 0; vertical-align: baseline;}
*/
#ie6 .png{behavior: url(http://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;
	top: -1px;
}

h1, h2, h3, h4, h5, h6, input, select, th, td{font-size:1em}
q:before, q:after{content:''}
html{-webkit-text-size-adjust: none}
body{font-size: 62.5%; font-family: Verdana, Helvetica, sans-serif; color: #656565; background-color: #ededed; line-height: 1.3em; text-align: center;}
body div{text-align: left; font-size: 10px; line-height: 1.3em;}
body label{color:#333333;font-family: Verdana, Helvetica, sans-serif;font-size:1em;width:50px;}
.newWindow{background:url(../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(/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:top; background-color:#fff; color:#656565}
button{margin: 0; padding: 0; vertical-align: middle}
div.sign-on-area td.inputBox input{width:120px;}
#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}

#searchForm input{border:1px solid #8cbbd8; text-indent:5px}
#searchForm input.btnGo{border:none}
#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:8px; font-weight:bold;}
.accent2{color:#FF7200; font-weight:bold;}
.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}*/




/* 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}

/**************************
CONTAINER
**************************/
#wrapper, #ie{margin:0 auto; width:985px; background-color:#ededed}
#container{clear:both; background:#fff url(../images/page_midSlice.gif) 0 0 repeat-y; padding-bottom:25px}
/*#ie #container{padding-bottom:9px !important}*/
#page{margin:0 17px; width:965px; position:relative;}
#content{clear:both; overflow: hidden; position: relative; width:100%; height:auto}
#content #pageID, #popupContent #pageID{display:none}
#btmContainer{height:47px; background: url(../images/page_btmSlice.gif) 0 0 no-repeat transparent}
/**************************
POPUP CONTAINER
**************************/
#iePopup{margin: 0 auto; background-color: #ededed}
#popupWrapper{padding: 0 10px; min-width: 695px; width: auto}
#iePopup #popupWrapper{width: 780px}
#topContainerPopup{margin: 0 3px; background: url(/Common/indc/images/popupPage_topSlice2.gif) 0 bottom repeat-x transparent; height: 5em}
#popupContainer{background: url(/Common/indc/images/popupPage_midSliceL.gif) left 0 repeat-y #fff}
#iePopup #popupContainer{width: 100%}
#popupContainer #popupContent{background: url(/Common/indc/images/popupPage_midSliceR.gif) right 0 repeat-y; padding: 15px; height: 100%}
#btmContainerPopup{clear: both; height: 3em; margin: 0 3px; background: url(/Common/indc/images/popupPage_btmSlice2.gif) 0 0 repeat-x transparent}
/**************************
HEADER
**************************/
#header{height: 82px; clear: both; font-size: .95em}
.logo{float: left; margin-top: 26px}
.logo img{margin-left: 0px}

/********************
Universal Navigation
*********************/
ul#universalNav{
	position:relative;
	right:0;
	float:right;
	margin:0;
	background:url(../images/page_topSlice.gif) 0 bottom no-repeat transparent;
	line-height:30px;
	width:985px;
	text-align:right;
}
ul#universalNav li{display:inline; font-size:.95em}
ul#universalNav li a{padding:0 10px; border-right:1px solid #ccc}
ul#universalNav li a:visited{text-decoration:none}
ul#universalNav li a:hover{text-decoration:underline}
ul#universalNav li a.currentSubSite, ul#universalNav li a.currentSubSite:hover, ul#universalNav li a.currentSubSite:visited{color: #f47e00}

ul#universalNav li.accessibility a{color:#ededed; border-right:1px solid #ededed}
ul#universalNav li.accessibility a:hover{color:#ededed}
/********************
Header Navigation
*********************/
.topNav{padding:0; margin:15px 0 0 0; float:right}
ul.topNav li{display:block; float:left; vertical-align:bottom; line-height:1.6em; vertical-align:middle}
ul.topNav li a{padding:0 10px; border-right:1px solid #ccc}
ul.topNav li.last a{border:0;}
.topNav #searchForm{width:29%; white-space:nowrap}
.topNav #searchForm legend{display:none}
.topNav #search{margin-right:5px}
#header div#toolbar{clear:right; text-align:right; padding:25px 0 0 0}        
span#mylocal{position:absolute; right:0; top:60px; font-size:1em}
span#mylocal strong{font-weight:normal !important}
#header span#viewCart{background:url(/Common/indc/images/ico_shop_cart.gif) 0 0 no-repeat; padding:5px 40px 3px 25px}
#header span.localization a{border:0; padding:0}
/********************
Primary Navigation
*********************/  
#PrimaryNav{z-index:1; margin:0 0 15px 0; width:950px; position:relative}
#PrimaryNav, #noimg_PrimaryNav{height:36px; background:url(../images/nav/primsecondarybkg.gif) 0 0 repeat-x; line-height:1.5em}
#PrimaryNav li, #noimg_PrimaryNav li{float:left}
#PrimaryNav li#first{background:url(../images/nav/primsecondarybkg.gif) 0 bottom no-repeat; width:2px; height:36px}
#PrimaryNav li#last{background:url(../images/nav/primsecondarybkg.gif) right top no-repeat; width:2px; height:36px; float:right}
#PrimaryNav li a, #noimg_PrimaryNav li a{text-decoration:none; display:block; white-space:nowrap}
#PrimaryNav li a:hover, #PrimaryNav li.selected a, #noimg_PrimaryNav li a:hover, #noimg_PrimaryNav li.selected a{color:#FF7200; background:#fff}

.subpagenav,
.subpagenav li#first,
.subpagenav li#last {height:72px !important;}



/* SYSTEM TEXT TOP NAVIGATION LINKS */
#PrimaryNav li #pn-login, #PrimaryNav li #pn-register{color:#656565; z-index:1; text-align:right; position:absolute; top:0; line-height:1.1em}
#PrimaryNav li #pn-login{border-right:1px solid #656565; right:6.2em; margin:9px 0; padding:0 1em}
#PrimaryNav li #pn-register{right:0; padding:9px 1em}
#PrimaryNav li #pn-login:hover, #PrimaryNav li #pn-register:hover{background:none; color:#067AB4; text-decoration:underline}

/* Hidden primary nav that displays if images are off as primary nav will disappear otherwise */
#noimg_PrimaryNav{
   background-color: #FF7200;
   position: absolute;
   top: 8.3em;
   width: 946px;
   margin-left: 2px;
   height: 31px;
}
#noimg_PrimaryNav a{
   color: #fff;
   font: bold 1.2em Verdana,sans-serif;
   display: block;
}
#noimg_PrimaryNav li #noimg-explore,
#noimg_PrimaryNav li #noimg-shop,
#noimg_PrimaryNav li #noimg-support,
#noimg_PrimaryNav li #noimg-account{
   text-indent: 1.5em;
   text-transform: uppercase;
   line-height: 2.2em;
}
#noimg_PrimaryNav li #noimg-account{
   border: 0;
}
#noimg_PrimaryNav li #noimg-explore:hover,
#noimg_PrimaryNav li #noimg-shop:hover,
#noimg_PrimaryNav li #noimg-support:hover,
#noimg_PrimaryNav li #noimg-account:hover{
   background-color: #fff;
}

/* SECOND LEVEL */
.secondaryNav,
.secondaryNav div{
   display: none; /*javascript needed to set to display on hover states*/
}
#PrimaryNav li.selected .secondaryNav li.onHover a:hover{
   background-color: transparent !important;
}
#PrimaryNav li.selected .secondaryNav{
	display: block;
	position: relative;
	top: 35px;
	left: 0;
	width: 927px;
	overflow: hidden;
	background: url(/Common/indc/images/nav/secondarybtmbrdr.gif) 0 0 repeat-x !important;
	line-height: 2.8em;
	padding-left: 19px;
}
#ie #PrimaryNav li.selected .secondaryNav{width:946px}
#PrimaryNav li.selected #exploreSecondaryNav{left:2px}
#PrimaryNav li.selected .secondaryNav li{padding:0 .35em}
#PrimaryNav li.selected .secondaryNav li a{color:#067AB4; display:block; background:none; padding:0 1.6em 0 .8em}
#PrimaryNav li.selected .secondaryNav li.first a{background:none}
#PrimaryNav li.selected #shopSecondaryNav li a:hover, #PrimaryNav li.selected #shopSecondaryNav li.first a:hover{background: url(/Common/indc/images/nav/orange_arrow.png) right 50% no-repeat}
#PrimaryNav li.selected #supportSecondaryNav li a:hover, #PrimaryNav li.selected #exploreSecondaryNav li a:hover{background: none !important}
#PrimaryNav li.selected #shopSecondaryNav li a#hoverbox_offers, 
#PrimaryNav li.selected #shopSecondaryNav li a#nohoverbox_moreNav,
#PrimaryNav li.selected #shopSecondaryNav li a#nohoverbox_wireless{background:none !important}
#PrimaryNav li.selected .secondaryNav li a:hover{text-decoration:underline; background:url(/Common/indc/images/nav/secondarybtmbrdr_s.gif) repeat-x}
#PrimaryNav li.selected .secondaryNav li.selected, #PrimaryNav li.selected .secondaryNav li.onHover{position:relative}
#PrimaryNav li.selected #shopSecondaryNav li.selected a, #PrimaryNav li.selected #shopSecondaryNav li.selected a:hover{background:url(/Common/indc/images/nav/orange_arrow.png) right 50% no-repeat !important}
#PrimaryNav li.selected .secondaryNav li.selected a{color:#FF7200; padding-right:1.6em}
#PrimaryNav li.selected .secondaryNav li.selected a:hover{color:#FF7200 !important}
#PrimaryNav li.selected .secondaryNav li.onHover{background:#fff url(/Common/indc/images/nav/secondaryleftbrdr_s.gif) left 2px no-repeat; position:relative}
#PrimaryNav li.selected .secondaryNav li.onHover a:hover{color:#067AB4; text-decoration:underline; background:url(/Common/indc/images/nav/blue_arrow.png) right 50% no-repeat; padding-right:1.6em}
#ie #PrimaryNav li.selected .secondaryNav li.onHover a:hover{margin:0}
#PrimaryNav li.selected .secondaryNav li #rightPost{background:url(/Common/indc/images/nav/secondaryrghtbrdr_s.gif) right 0 no-repeat !important; width:4px; position:absolute; bottom:-3px; right:0}
#ie #PrimaryNav li.selected .secondaryNav li #rightPost{right:-1px; bottom:-4px}

/*  TERTIARY NAV WITH JAVASCRIPT  */
/* uses prototype control.modal to move and redraw tertiary nav to maintain the secondary nav link positions, does not show for those without javascript */
#modal_container{
   border-right: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   border-left: 1px solid #dcdcdc;
   font-size: .9em;
   background: #fff;
   overflow: hidden;
   padding: 15px 0;
}
#ie #modal_container{margin-left:-1px; margin-top:3px}
#modal_container ul{line-height:1.5em; z-index:9999; background:#fff}
#modal_container .tertiaryNav{padding:0; margin:0 15px; z-index:9999; overflow:hidden} 
/*
#ie #modal_container #bundleTertiaryNav{width:63.6em}
*/
#ie #modal_container #addservTertiaryNav{width:20em}
#ie #modal_container .col5{width:76.5em;}

/*one column and base for multiple columns*/
#modal_container .tertiaryNav li{color:#666; margin:0 15px .5em 0; padding:0 15px 0 0; z-index:9999}
#modal_container .col2 li,
#modal_container .col3 li,
#modal_container .col4 li,
#modal_container .col5 li{float:left; z-index:9999; border-right:1px solid #dbdee4; height:7em}
#modal_container .col2 li{height:9em}
#modal_container .col2 li.last,
#modal_container .col3 li.last,
#modal_container .col4 li.last,
#modal_container .col5 li.last{border:none; margin:0 0 .5em 0 !important}

#modal_container #bundleTertiaryNav li.last,
#ie #modal_container #bundleTertiaryNav li.last li,
#modal_container #bundleTertiaryNav li.last li{width:21em !important}
#ie #modal_container #bundleTertiaryNav li.last li{margin:0}

#modal_container .tertiaryNav li a{margin:0; padding:0; color:#067AB4; background:none}
#modal_container .tertiaryNav li.selected a{color:#FF7200}
#modal_container .tertiaryNav li .quadNav{margin:0; padding:0; min-height:6.5em}
#modal_container .tertiaryNav li .quadNav li{margin:0; float:none; height:auto; border:none; line-height:1.8em}

/* 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}


.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}


.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,
.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}

/**************************
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(../images/promo_2_paypass.gif) 0 100% transparent;
	padding: 12px;
}
.mod_a_nograd {
   border: 1px solid #fff;
   background: transparent;
   padding:0 12px 12px 12px;
}


/* NO PADDING 1 px white border with orange Tab Top background */
.mod_a3 {
	border: 1px solid #fff;
	background: url(/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(/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(/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(/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(/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(../images/1_hpoffer_generic_bg.gif) no-repeat transparent;
	position: relative;
	top: 0;
	left: 0;
}
.mod_d4 {
	border: 1px solid #ccc;
	padding: 14px 0 0 10px;
	margin-bottom: 10px;
	background: url(/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(/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(/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;
	/*background: url(/Common/indc/images/explore_home_noscript_bg.png) repeat-x;*/
}
.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: 9999;
   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;
}


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; !important;
   /*overflow: auto;*/
}

#ie div.tabs div.tabs div.tabs,
#iePopup div.tabs div.tabs div.tabs{
   /*z-index: -1;*/
   position:relative;
   top:0px;
   width: 100%;
}

.ProductDetails, .ProductDetail{
   width: 710px;
   height:inherit;   
}
.ProductDetails div.tabs div.tabs div.tabs,
.ProductDetail div.tabs div.tabs div.tabs{
   height:inherit;   
   padding-bottom:40px;
}

#ie .ProductDetails div.tabs div.tabs div.tabs,
#ie .ProductDetail div.tabs div.tabs 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 div.tabs div.tabs div.tabs{
   min-height: 535px;
   height: auto;
}
#ie .triplePackDetail div.tabs div.tabs div.tabs{
   height: 600px;
}
.popupDetail{
   overflow: auto;
   height: 100%;
}
.popupDetail div.tabs div.tabs div.tabs{
   width: 95.53%;
   min-height: 385px;
   height: auto;
}
#ie .popupDetail div.tabs div.tabs div.tabs{
   width: 100%;
   height: 400px;
}


/**************************
FOOTER
**************************/
#legalFtr{margin:15px 0 10px 0; float:left; line-height:1.2em}
#legalFtr li{float:left; padding:0 15px; border-right:1px solid #999}
#legalFtr li a{color:#999}
#legalFtr li a:visited{text-decoration:none; color:#999}
#legalFtr li a:hover{text-decoration:underline; color:#999}
#legalFtr li a .updated{color:#810238}
#legalFtr li.first{padding-left:5px}
#legalFtr li.last{border:0}
#btmContainer .copyright{clear:both; margin:0 3px; width:680px; line-height:1.3em}
#btmContainer .copyright a, #btmContainer .copyright a:visited {color:#999; font-size:1em}    
#btmContainer .yellowPagesLogo{float:right; margin:15px 3px 0 3px}
/**************************
PRICING 
**************************/
.pricing{
   position: relative;
   /*top:-30px;*/
   /*margin: -20px 10px 0 0;*/
   margin: -3 10px 0 0;
   height: 4.7em;
}
#ie .pricing{margin:-3px 10px 0 0;}

.pricing span{
   color: #ccc;
   font-size: .9em;
}

.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{ /*xxxxxxxxxxxxxxxxxxx*/
   top:-.65em;
   left:-.45em;
}
.pricing span.reoccurrence{
   position: absolute;
   bottom: .1em;
}
#ie .pricing span.reoccurrence{/*xxxxxxxxxxxxxxxxxxx*/
   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{/*xxxxxxxxxxxxxxxxxxx*/
   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{/*xxxxxxxxxxxxxxxxxxx*/
   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{/*xxxxxxxxxxxxxxxxxxx*/
   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: -1.5em;*/ /*xxxxxxxxxxxxxxxxxxx*/
   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 is much larger. based off pricing class but altered for height. both pricing and offerPricing classes will be needed in html*/
.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;
}


/**************************
BUTTONS
**************************/
.printLink{background: url(/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;}

/* Blue GO Button */
.btnBlueGo {width: 47px; height: 18px; cursor: pointer; border: 0; background-image: url(/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(/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(/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(../images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	cursor: pointer;
	padding-right: 10px;
}
a.btnBlueArrow{
	background: url(../images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	padding-right: 10px;
}

.btnWhiteArrow a{
	width: 4px;
	height: 8px;
	border: 0;
	background: url(/Common/indc/images/btn_white_arrow.gif) 100% 65% no-repeat transparent;
	cursor: pointer;
	padding-right: 10px;
}
a.btnWhiteArrow{
	background: url(/Common/indc/images/btn_white_arrow.gif) 100% 65% no-repeat transparent;
	padding-right: 10px;
}

.btnWhiteCagedArrow{
	background: url(../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;	
}
.btnBlueCagedArrow2{
	background: url(/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(../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; 
}
.btnAbso1em {position:absolute; bottom: 1em; left 1em}

/**************************
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;}
  .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;
}
.promoContent .sign-on-area { text-align: right; margin-right:50px;}
.promoContent .SignOn-links{clear:both;text-align:right;white-space:nowrap;}
.promoContent .SignOn-links a{background:transparent url(../images/btn_blue_arrow.gif) no-repeat scroll 100% 65%;padding-right:10px;}
#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{
	dipslay:block;
	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(/Common/indc/images/btn_close_x.gif) 0 0 no-repeat;
	line-height: 3em;
	padding: 2px 0 2px 20px;
}
/**************************
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(/Common/indc/images/ico_print.gif) right 50% no-repeat;
	padding: 0 25px 0 0;
}
#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(/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;
	/*width: 100%;*/
	height: 2em;
	line-height: 2em;
	font-weight: bold;
	color: #067AB4;
	cursor: pointer;
	/*text-indent: 30px;*/
	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(/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(/Common/indc/images/toggle_plus.png) 10px 50% no-repeat}
/*#toggleList li.close div.a, #termsList li.close div.a{display: none}*/


/**************************
EXPLORE
**************************/
.min359noPad{height:316px}
#ie .min359noPad{height:316px}

.mod_e_flash /*from global.css edited and should not harm anything in INDC since this was specific for Explore*/
{
background: none;
}

.min106noPad /* new for global.css */
{
min-height: 102px; 
}

.min344noPad /* new for global.css */
{
min-height: 344px;
}

.min354noPad /* new for global.css */
{
min-height: 354px;
}

.min106noPad,/* new for global.css */
.min344noPad,/* new for global.css */
.min354noPad /* new for global.css */
{
height: auto;
}

#ie .min106noPad /* new for global.css */
{
height: 104px;
}

#ie .min344noPad /* new for global.css */
{
height: 344px;
}

#ie .min354noPad /* new for global.css */
{
height: 354px;
}


/*Explore home*/
#heroExploreHome{position:relative; background-color:#FF7200; margin:0; padding:0;}
#heroExploreHome ul{width:950px; height:260px; margin:0; padding:0; background:url(/Common/indc/images/exploreHomeHero_bg2.jpg) 0 0 no-repeat}
#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(/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 ul. 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: 602px;
}

#ie6 #gadgets,
#ie6 #games
{
left: 620px;
}

#ie6 #heroExploreInnoTechToGo #gadgets
{
left: 750px;
}

#highTechHome
{
left: 530px;
}

#ie6 #highTechHome
{
left: 610px;
}

#heroExploreInnoTechToGo #highTechHome
{
left: 610px;
}

#techToGo,
#music
{
left: 520px;
}

#ie6 #music
{
left: 600px;
}

#heroExploreEntMovies #music,
#heroExploreEntTV #music
{
left: 512px;
}

#ie6 #heroExploreEntMovies #music,
#ie6 #heroExploreEntTV #music
{
left: 600px;
}

#ie6 #techToGo
{
left: 750px;
}

#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(/Common/indc/images/exploreMeBar.png) right 3px no-repeat;
position: relative;
}

#ie .exploreMe3col
{
width: 173px;
}

#exploreMe span
{
height: 18px;
background: url(/Common/indc/images/btn_exploreMe.png) right 0 no-repeat;
position: absolute;
}

.exploreMe1col span
{
right: 35px;
bottom: 55px;
}

#ie #exploreMe span
{
bottom: 20px;
}

#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;
}

#exploreMe .btn a,
#exploreMe .btn1 a
{
font-size: 10px;
color: #fff;
line-height: 18px;
padding: 0 22px 0 10px;
background: url(/Common/indc/images/btn_exploreMe_bar.png) 4px 1px no-repeat;
}



/* 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(/Common/indc/images/sort-up.gif) 100% 50% no-repeat}
.sortdesc{background:url(/Common/indc/images/sort-down.gif) 100% 50% no-repeat}*/

/**** ******/