:focus, param, param:hover, object, object:hover, :hover{outline:0;} #wrapper,#ie {margin:0 auto; width:970px; text-align:left} #content{position:relative; top:0px; left:0; width:970px; height:300px} #ie #content{position:relative; top:-1px; left:0; width:970px; height:300px} #content .res{background:#f27d00} #content .smb{background:#f5f5f5} #content .ent{background:#f5f5f5} .heroMenu{position:absolute; top:0; left:727px; width:242px; text-align:left; padding-top:0px; margin: 120px 0 0 0; height:179px; z-index:1; border: 0px solid #000;} /*.heroMenu .menuTitle{color: #ffed00; line-height:0px; padding-right:0px; font-weight: bold; font-size: 1.2em; text-transform: uppercase; }*/ .heroMenu ul{position:relative; top:0px} .heroMenu li{list-style-type:none; white-space:nowrap; padding:0 0 65px 10px; font-size:16.5px; height:0px; border: 0px solid #000;} .heroMenu ul li.selected{font-weight: normal; } .heroMenu ul li a{text-decoration:none} .heroMenu ul li a:hover{text-decoration:underline} .res .heroMenu{background: url(/Common/indc/homepage/images/orangemenuseperator.gif) right 29px no-repeat} .res .heroMenu .menuTitle{color:#ffed00} .res .heroMenu ul li.selected{font-size: 16.5; background: url(/Common/indc/homepage/images/resheromenuselected.gif) right 20% no-repeat} .res .heroMenu ul li a{color:#fff !important} .smb .heroMenu{background: url(/Common/indc/homepage/images/graymenuseperator.gif) right 29px no-repeat} .smb .heroMenu .menuTitle{color:#999} .smb .heroMenu ul li.selected{font-size: 16.5; background: url(/Common/indc/homepage/images/smbheromenuselected.gif) right 20% no-repeat} .smb .heroMenu ul li a{color:#023f72} .smb .heroMenu ul li.selected a{color:#f27d00 !important; font-weight:bold; font-size:.9em} .ent .heroMenu{background: url(/Common/indc/homepage/images/graymenuseperator.gif) right 29px no-repeat} .ent .heroMenu .menuTitle{color:#999} .ent .heroMenu ul li.selected{font-size:1.6em; background: url(/Common/indc/homepage/images/smbheromenuselected.gif) right 20% no-repeat} .ent .heroMenu ul li a{color:#656565} .ent .heroMenu ul li.selected a{color:#f27d00 !important; font-size:1.1em} #resHeroContainer, #smbHeroContainer, #entHeroContainer{position:absolute; top:0px; width:970px; height:300px; overflow:hidden} .heroOffer{padding:59px 0 0 329px; height:290px; } #resHeroContainer{background:#fff;} /* backgrounds have been moved to the HTML code to allow each hero offer to have a unique background. */ /* #resHeroContainer #HeroOffer0{background: url(http://www.att.com/Common/indc/homepage/images/reswirelesshero3.jpg) 0 0 no-repeat} #resHeroContainer #HeroOffer1{background: url(http://www.att.com/Common/indc/homepage/images/resinternethero2.jpg) 0 0 no-repeat} #resHeroContainer #HeroOffer2{background: url(http://www.att.com/Common/indc/homepage/images/resdigitaltvhero2.jpg) 0 0 no-repeat} #resHeroContainer #HeroOffer3{background: url(http://www.att.com/Common/indc/homepage/images/reshomephonehero2.jpg) 0 0 no-repeat} #resHeroContainer #HeroOffer4{background: url(http://www.att.com/Common/indc/homepage/images/resbundleshero2.jpg) 0 0 no-repeat} */ .whiteBullet li{list-style-type:none; background: url(/Common/indc/homepage/images/bullet_square_white.gif) 0 0 no-repeat; line-height:1.5em; font-size:1.1em; margin-left:5px; padding-left:10px; color:#fff} #smbHeroContainer{background:#f5f5f5} #smbHeroContainer #HeroOffer0{background: url(/Common/indc/homepage/images/smbinternethero2.jpg) 0 0 no-repeat} #smbHeroContainer #HeroOffer1{background: url(/Common/indc/homepage/images/smblocalhero2.jpg) 0 0 no-repeat} #smbHeroContainer #HeroOffer2{background: url(/Common/indc/homepage/images/smblongdistancehero2.jpg) 0 0 no-repeat} #smbHeroContainer #HeroOffer3{background: url(/Common/indc/homepage/images/smbbundleshero2.jpg) 0 0 no-repeat} #smbHeroContainer #HeroOffer4{background: url(/Common/indc/homepage/images/smbaddtlservhero2.jpg) 0 0 no-repeat} #entHeroContainer{background:#f5f5f5} #entHeroContainer #HeroOffer0{background: url(/Common/indc/homepage/images/enterprisebusinesshero2.jpg) 0 0 no-repeat} #entHeroContainer #HeroOffer1{background: url(/Common/indc/homepage/images/enterprisewholesalehero2.jpg) 0 0 no-repeat} #entHeroContainer #HeroOffer2{background: url(/Common/indc/homepage/images/enterprisegovthero2.jpg) 0 0 no-repeat} .ent .orangeArrow {margin-top:20px;} .ent .orangeArrow li{list-style-type:none; background:url(/Common/indc/homepage/images/arrow_orange.gif) 0 50% no-repeat; padding:4px 0 4px 10px; font-size:1.3em; line-height:1.3; margin:0; width:300px} .ent .orangeArrow li a, .orangeArrow li a:visited{color:#656565; text-decoration:none} .ent .orangeArrow li a:hover{color:#656565; text-decoration:underline} .ent .orangeArrow span{font-size:.7em;} .heroOffer p{width:320px; font-size:1.1em; line-height:1.5em; margin-top:5px} .res .heroOffer p{color:#fff} .smb .heroOffer p{color:#f27d00} .ent .heroOffer p{color:#656565} #resHeroContainer .beforePrice{color:#fff} #smbHeroContainer .beforePrice{color:#f27d00} .afterPrice{font-size:1em; position:relative; top:10px; color:#fff} #resHeroContainer .afterPrice{color:#fff} #smbHeroContainer .afterPrice{color:#f27d00} #resHeroContainer .pricing, #resHeroContainer .pricingwide{background:url(/Common/indc/homepage/images/orangedotseperator.gif) 100% 50% no-repeat; color:#fff} #resHeroContainer .pricing span.txt, #resHeroContainer .pricingwide span.txt{font-size:1.3em; line-height:1.3em; font-weight:bold; color:#fff} #smbHeroContainer .pricing, #smbHeroContainer .pricingwide{background:url(/Common/indc/homepage/images/graydotseperator.gif) 100% 50% no-repeat; color:#f27d00} #smbHeroContainer .pricing span.txt, #smbHeroContainer .pricingwide span.txt{font-size:1.3em; line-height:1.3em; font-weight:bold; color:#f27d00} .btnWhiteCagedArrow, .btnWhiteCagedArrow:active, .btnWhiteCagedArrow:visited{background: url(/Common/indc/homepage/images/btn_white_caged_arrow.png) 0 0 no-repeat transparent !important; height:15px; width:15px; display:block; text-decoration:none; padding:1px 0 0 20px; margin-top:15px !important; font-size:1.1em; white-space:nowrap} #ie6 .btnWhiteCagedArrow, #ie6 .btnWhiteCagedArrow:active, #ie6 .btnWhiteCagedArrow:visited, #ie6 .btnWhiteCagedArrow:hover {background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/indc/homepage/images/btn_white_caged_arrow.png', sizingMethod='crop');} .res .btnWhiteCagedArrow, .res .btnWhiteCagedArrow:active, .res .btnWhiteCagedArrow:visited{color:#fff} .smb .btnWhiteCagedArrow, .smb .btnWhiteCagedArrow:active, .smb .btnWhiteCagedArrow:visited, .smb .btnWhiteCagedArrow:hover{color:#023f72} .smb a.small_carat_navy{padding:0 10px 0 0; background: url(/Common/indc/homepage/images/arrow_navy.gif) right 50% no-repeat; color:#023f72; text-decoration:none; font-size:1.1em} .smb a.small_carat_navy:hover{text-decoration:underline} .ent .btnWhiteCagedArrow, .ent .btnWhiteCagedArrow:active, .ent .btnWhiteCagedArrow:visited{text-decoration:none; color:#656565; font-size:1.2em} .ent .btnWhiteCagedArrow:hover{text-decoration:underline; color:#656565} .ent .sector{margin-top:20px} .ent .sector a, .ent .sector a:visited{color:#0a94d6 !important; text-decoration:none} .ent .sector a:hover{text-decoration:underline} .btnWhiteCagedArrow:hover{color:#fff; text-decoration:underline} .btnHomeCTA{display:block; margin:16px 0 0 227px; width:50px; white-space:nowrap} #tri-box-container{position:relative; top:59px; height:108px; overflow:hidden; margin-bottom:10px;} #tri-box-container #tri-box, #tri-box-container #tri-box2, #tri-box-container #tri-box3{position:relative; top:0} #ie #tri-box-container{position:relative; top:0px; height:118px} #tri-box, #tri-box2, #tri-box3{position:relative; top:59px; left:0px; height:118px; margin-bottom:10px} #ie #tri-box, #ie #tri-box2, #ie #tri-box3{position:relative; top:9px; left:0;} #tri-box div, tri-box p, #tri-box a, #tri-box2 div, tri-box2 p, #tri-box2 a, #tri-box3 div, tri-box3 p, #tri-box3 a{color:#fff} #tri-box div, #tri-box2 div, #tri-box3 div{height:108px; overflow:hidden} #tri-box div div, #tri-box2 div div, #tri-box3 div div{margin: 8px 10px 0 10px;} .first_310{float:left; width:310px; clear:left} .col_310{float:left; width:310px; margin-left:10px !important} #tri-box h6, #tri-box2 h6, #tri-box3 h6{text-transform:uppercase; line-height:1.2em; font-size:1.2em; margin-bottom:5px} #tri-box h6 a, #tri-box h6 a:visited, #tri-box2 h6 a, #tri-box2 h6 a:visited, #tri-box3 h6 a, #tri-box3 h6 a:visited{text-decoration:none; background: url(/Common/indc/homepage/images/arrow_white.gif) right 50% no-repeat; padding-right:10px} #tri-box h6 a:hover, #tri-box2 h6 a:hover, #tri-box3 h6 a:hover{text-decoration:underline} #entBox1a h6, #entBox1b h6, #entBox1c h6, #entBox2a h6, #entBox2b h6, #entBox2c h6, #entBox3a h6, #entBox3b h6, #entBox3c h6{color:#f27d00 !important} #tri-box p, #tri-box2 p, #tri-box3 p{font-size:1.1em} #entBox1a p, #entBox1b p, #entBox1c p, #entBox2a p, #entBox2b p, #entBox2c p, #entBox3a, #entBox3b, #entBox3c{color:#656565} #tri-box span, #tri-box2 span, #tri-box3 span{display:block; line-height:200%} #entBox1a span a, #entBox1b span a, #entBox1c span a, #entBox2a span a, #entBox2b span a, #entBox2c span a, #entBox3a span a, #entBox3b span a, #entBox3c span a{color:#656565; font-size:1.1em} #entBox1a span a, #entBox1b span a, #entBox1c span a, #entBox2a span a, #entBox2b span a, #entBox2c span a, #entBox3a span a, #entBox3b span a, #entBox3c span a{color:#656565; font-size:1.1em} #entBox1a a:hover, #entBox1b a:hover, #entBox1c a:hover, #entBox2a a:hover, #entBox2b a:hover, #entBox2c a:hover, #entBox3a a:hover, #entBox3b a:hover, #entBox3c a:hover{text-decoration:none} #tri-box .mod_left p, #tri-box .mod_left span, #tri-box2 .mod_left p, #tri-box2 .mod_left span, #tri-box3 .mod_left p, #tri-box3 .mod_left span{text-align:left} #tri-box .mod_right p, #tri-box .mod_right span, #tri-box2 .mod_right p, #tri-box2 .mod_right span, #tri-box3 .mod_right p, #tri-box3 .mod_right span{text-align:right} #tri-box .whiteArrow li, #tri-box2 .whiteArrow li, #tri-box3 .whiteArrow li{list-style-type:none; background:url(/Common/indc/homepage/images/list_arrow.gif) 0 50% no-repeat; padding:0 0 0 10px; font-size:1.1em; line-height:1.3em} #tri-box .whiteArrow li a, #tri-box2 .whiteArrow li a, #tri-box3 .whiteArrow li a{text-decoration:none} #tri-box .whiteArrow li a:hover, #tri-box2 .whiteArrow li a:hover, #tri-box3 .whiteArrow li a:hover{text-decoration:underline} #tri-box .no-whiteArrow li, #tri-box2 .no-whiteArrow li, #tri-box3 .no-whiteArrow li{list-style-type:none; font-size:1.1em; line-height:1.5em} #tri-box .no-whiteArrow li a, #tri-box2 .no-whiteArrow li a, #tri-box3 .no-whiteArrow li a{text-decoration:none} #tri-box .no-whiteArrow li a:hover, #tri-box2 .no-whiteArrow li a:hover, #tri-box3 .no-whiteArrow li a:hover{text-decoration:underline} #tri-box .solutionList li, #tri-box2 .solutionList li, #tri-box3 .solutionList li{list-style-type:none; padding:0 0 0 10px; margin:0; background: url(/Common/indc/homepage/images/list_arrow_orange.gif) 0 50% no-repeat} #tri-box .solutionList li a, #tri-box .solutionList li a:visited, #tri-box .solutionList li a:hover, #tri-box2 .solutionList li a, #tri-box2 .solutionList li a:visited, #tri-box2 .solutionList li a:hover, #tri-box3 .solutionList li a, #tri-box3 .solutionList li a:visited, #tri-box3 .solutionList li a:hover{color:#656565; text-decoration:none; font-size:1.1em} #tri-box .solutionList li a:hover, #tri-box2 .solutionList li a:hover, #tri-box3 .solutionList li a:hover{text-decoration:underline !important} .smb a.small_carat{text-decoration:none; background: url(/Common/indc/homepage/images/arrow_white.gif) right 80% no-repeat; padding-right:10px; line-height:300%; font-size:1.1em} .smb a.small_carat:hover{text-decoration: underline} sup{vertical-align: top; font-size: .8em !important; padding: 0 0 0 1px; position: relative; top: -3px;} #ie sup {font-size: 1em !important} sup.sm{font-size:1.4em !important; line-height:.5em; top:1px} #ie sup.sm, sup.ieSM{display:none;} #ie sup.ieSM{display: inline; font-size:.9em; line-height:1.1em; top:-1px;} #resBox1{background: #a92a24} #resBox2{background: #3c9400} #resBox3{background: #004f92} #smbBox1{background: #005687} #smbBox2{background: #005687} #smbBox3{background: #005687} #entBox1a, #entBox1b, #entBox1c{background: #f5f5f5 url(/Common/indc/homepage/images/entBox1-bg.jpg) no-repeat} #entBox2a, #entBox2b, #entBox2c{background: #f5f5f5 url(/Common/indc/homepage/images/entBox2-bg.jpg) no-repeat} #entBox3a, #entBox3b, #entBox3c{background: #f5f5f5 url(/Common/indc/homepage/images/entBox3-bg.jpg) no-repeat} .heroOffer h2 { font-size: 24px; color: #ffffff; } .heroOffer p { font-size: 14px; color: #ffffff; }