/* ****************************************************************************** * Comment Line 1 * Comment Line 2 * Comment Line 3 ***************************************************************************** */ /* Version 1.017 last updated by do6596 on 02-27-2008 at 02:58PM CST */ .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, em, 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:''} 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} .newWindow{background:url(/Common/indc/images/doubleSquareIcon.gif) top right no-repeat; padding-right:12px; } #content ul, #popupContent ul{list-style-type: none} #ie6 #content ul li, #ie6 #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: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} #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 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 table.ledger tr th:first-child{border-left: 0 !important} #content table.ledger tr td{border-left: 1px solid #fff !important; border-bottom: 0 !important; vertical-align: top; padding: 6px} #content table.ledger 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 table.ledger tr th:first-child{border-left: 0 !important;} #content table tr.odd td, #content table tr td.odd, #content table.ledger tr.odd td{background-color:#f2f7fb} #content table tr.even td, #content table tr td.even #content table.ledger 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} em{background:#ff9} 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} .accent4{color:#FF7200; font-weight:normal} .accent6{color:#FF7200; font-size:2.1em; margin-bottom:0; padding-bottom:0; line-height:0.9em} .accent7{color:#FF7200; font-size:1.9em; margin-bottom:0; padding-bottom:0; line-height:0.9em} .h6wrap{ line-height:15px; margin-bottom:0; } /* AT&T Green*/ .accent3{color:#6EBB1F} /* AT&T Dark Blue*/ .accent5{color:#023f72; margin:10px 0 5px 0} /* PRIMARY COLOR PALETTE - page 24 of build book */ .AttOrange {color:#FF7200 !important} .AttBlue {color:#067AB4 !important} .black {color:#000 !important} .white {color:#fff !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:#000 !important} .whiteBG {background-color:#fff !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} /************************** CONTAINER **************************/ #wrapper, #ie{margin:0 auto; width:985px; background-color:#ededed} #container{clear:both; background:#fff url(/Common/indc/images/page_midSlice.gif) 0 0 repeat-y; padding-bottom:39px} /*#ie #container{padding-bottom:9px !important}*/ #page{margin:0 17px; width:950px; position:relative;} #content{clear:both; overflow: hidden; position: relative; width:100%; height:auto} #content #pageID, #popupContent #pageID{display:none} #btmContainer{height:47px; background: url(/Common/indc/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: 16px} .logo img{margin-left: 21px} /******************** Universal Navigation *********************/ ul#universalNav{ position:relative; right:0; float:right; margin:0; background:url(/Common/indc/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.last a{padding:0 5px 0 6px; border:0} ul#universalNav li.language{padding-left:23px} 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; margin-right:10px !important} .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:72px; background:url(/Common/indc/images/nav/primarysecondarybkgrd.gif) 0 0 repeat-x; line-height:1.5em} #PrimaryNav li, #noimg_PrimaryNav li{float:left} #PrimaryNav li#first{background:url(/Common/indc/images/nav/primarybkgrdleft.gif) 0 bottom no-repeat; width:2px; height:72px} #PrimaryNav li#last{background:url(/Common/indc/images/nav/primarybkgrdright.gif) right top no-repeat; width:2px; height:72px; 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} /* GRAPHICAL NAVIGATION BUTTONS */ #PrimaryNav li #pn-explore, #PrimaryNav li #pn-shop, #PrimaryNav li #pn-support, #PrimaryNav li #pn-account{position:absolute} #PrimaryNav li #pn-explore, #noimg_PrimaryNav li #noimg-explore{ background: url(/Common/indc/images/nav/primaryNavOrange.png) 0 0 no-repeat; text-indent: -9000px; width: 126px; height: 31px; } #PrimaryNav li.selected #pn-explore, #PrimaryNav li.selected #pn-explore:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) 0 -62px no-repeat; } #PrimaryNav li #pn-explore:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) 0 -31px no-repeat; } #PrimaryNav li #pn-shop, #noimg_PrimaryNav li #noimg-shop{ left: 126px; background: url(/Common/indc/images/nav/primaryNavOrange.png) -126px 0 no-repeat; text-indent: -9000px; width: 125px; height: 31px; } #PrimaryNav li.selected #pn-shop, #PrimaryNav li.selected #pn-shop:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -126px -62px no-repeat; } #PrimaryNav li #pn-shop:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -126px -31px no-repeat; } #PrimaryNav li #pn-support, #noimg_PrimaryNav li #noimg-support{ left: 251px; background: url(/Common/indc/images/nav/primaryNavOrange.png) -251px 0 no-repeat; text-indent: -9000px; width: 125px; height: 31px; } #PrimaryNav li.selected #pn-support, #PrimaryNav li.selected #pn-support:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -251px -62px no-repeat; } #PrimaryNav li #pn-support:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -251px -31px no-repeat; } #PrimaryNav li #pn-account, #noimg_PrimaryNav li #noimg-account{ left: 375px; border: none; background: url(/Common/indc/images/nav/primaryNavOrange.png) -375px 0 no-repeat; text-indent: -9000px; width: 126px; height: 31px; } #PrimaryNav li.selected #pn-account, #PrimaryNav li.selected #pn-account:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -375px -62px no-repeat; } #PrimaryNav li #pn-account:hover{ background: url(/Common/indc/images/nav/primaryNavOrange.png) -375px -31px no-repeat; } /* SYSTEM TEXT TOP NAVIGATION LINKS */ #PrimaryNav li #pn-login, #PrimaryNav li #pn-register{color:#fff; z-index:1; text-align:right; position:absolute; top:0; line-height:1.1em} #PrimaryNav li #pn-login{border-right:1px solid #fff; 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:#fff; 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} .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} .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, .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 .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(/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(/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(/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(/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(/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; } #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; /*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; } .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; } /* mediumOfferPricing */ .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; } /*bundle pricing*/ .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*/ #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(/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(/Common/indc/images/btn_blue_arrow.gif) 100% 65% no-repeat transparent; cursor: pointer; padding-right: 10px; } a.btnBlueArrow{ background: url(/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(/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; } .btnBlueCagedArrow{ background: url(/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(/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; } .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(/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; } .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;} .promoContainer{position:relative; top:0; left:0; width:100%;} /*.promoContent {position:relative; padding:12px 0 12px 12px; z-index:2;}*/ .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{ 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 **************************/ .min359noPadnoPad{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 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: 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; } /*Innovation backgrounds*/ #heroExploreInnoGadgets { background: #FF7200 url(/Common/indc/images/exploreInnoGadgetsHero.jpg) no-repeat; } #heroExploreInnoHomeTech { background: #FF7200 url(/Common/indc/images/exploreInnoHomeTechHero.jpg) no-repeat; } #heroExploreInnoTechToGo { background: #FF7200 url(/Common/indc/images/exploreInnoTechToGoHero.jpg) no-repeat; } /*Extertainment backgrounds*/ #heroExploreEntGames { background: #FF7200 url(/Common/indc/images/exploreEntGamesHero.jpg) no-repeat; } #heroExploreEntMusic { background: #FF7200 url(/Common/indc/images/exploreEntMusicHero.jpg) no-repeat; } #heroExploreEntMovies { background: #FF7200 url(/Common/indc/images/exploreEntMoviesHero.jpg) no-repeat; } #heroExploreEntTV { background: #FF7200 url(/Common/indc/images/exploreEntTVHero.jpg) no-repeat; } /*Product Services backgrounds*/ #heroExplorePSTV { background: url(/Common/indc/images/explorePSTVHero.jpg) no-repeat; } #heroExplorePSInternet { background: url(/Common/indc/images/explorePSInternetHero.jpg) no-repeat; } #heroExplorePSWireless { background: url(/Common/indc/images/explorePSWirelessHero.jpg) no-repeat; } /*Bottom Promo Boxes*/ .promoSwitchPlayPng { position: absolute; top: 0; right: 0; height:100px; width: 164px; background: url(/Common/indc/images/promo_switch_play_wow.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoSwitchPlayPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/promo_switch_play_wow.png', sizingMethod='crop'); } .promoMEdiaMallPng { position: absolute; top: 0; right: 0; height:102px; width: 99px; background: url(/Common/indc/images/promo_MEdia_mall_explore.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoMEdiaMallPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/promo_MEdia_mall_explore.png', sizingMethod='crop'); } .promoWirelessProvPng { position: absolute; top: 0; right: 0; height:102px; width: 129px; background: url(/Common/indc/images/promo_largest_wireless_explore.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoWirelessProvPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/promo_largest_wireless_explore.png', sizingMethod='crop'); } .promo3GPng { position: absolute; top: 0; right: 0; height:102px; width: 142px; background: url(/Common/indc/images/phone3G.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promo3GPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/phone3G.png', sizingMethod='crop'); } .promoLiveTVToGoPng { position: absolute; top: 0; right: 0; height:102px; width: 108px; background: url(/Common/indc/images/promo_wireless_tv.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoLiveTVToGoPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/promo_wireless_tv.png', sizingMethod='crop'); } .promoShopBundlesPng { position: absolute; top: 0; right: 0; height:102px; width: 171px; background: url(/Common/indc/images/promo_shop_bundles.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoShopBundlesPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/promo_shop_bundles.png', sizingMethod='crop'); } .promoWirelessCoveragePng { position: absolute; top: 0; right: 0; height:102px; width: 125px; background: url(/Common/indc/images/explore_stay_connected.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoWirelessCoveragePng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_stay_connected.png', sizingMethod='crop'); } .promoExpHDTVPng { position: absolute; top: 0; right: 0; height:102px; width: 144px; background: url(/Common/indc/images/explore_feel_intensity.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoExpHDTVPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_feel_intensity.png', sizingMethod='crop'); } .promoShopInternetPng { position: absolute; top: 0; right: 0; height:102px; width: 161px; background: url(/Common/indc/images/explore_shop_internet.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoShopInternetPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_shop_internet.png', sizingMethod='crop'); } .promodigitalTVPng, .promoadvancedTVPng { position: absolute; top: 0; right: 0; height:102px; width: 106px; background: url(/Common/indc/images/explore_digital_tv.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promodigitalTVPng, #ie6 .promoadvancedTVPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_digital_tv.png', sizingMethod='crop'); } .promoFreeYourselfWirelessPng { position: absolute; top: 0; right: 0; height:102px; width: 142px; background: url(/Common/indc/images/explore_free_yourself_wireless.png) 5px 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoFreeYourselfWirelessPng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_free_yourself_wireless.png', sizingMethod='crop'); } .promoSimplifyLifePng { position: absolute; top: 0; right: 0; height:102px; width: 129px; background: url(/Common/indc/images/explore_simplify_life.png) 0 0 no-repeat transparent; margin: 0; z-index: 1; } #ie6 .promoSimplifyLifePng { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.att.com/Common/indc/images/explore_simplify_life.png', sizingMethod='crop'); } #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}