body { color: #444; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #e1e3e7 url(../imgs/back.jpg) repeat-x; text-align: center; } body { color: #444; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #e1e3e7 url(../imgs/back.jpg) repeat-x; text-align: center; } img { border: 0px; } #topLeft{ border: 1px solid #3B5EA6; width: 789px; text-align:left; margin: 0px auto; height: auto; min-height: 64px; background: url(../imgs/b8.jpg); } #logoImg{ border: none; background-color: white; width:187px; float:left; } #topRight{ background: url(../imgs/b8.jpg); padding-top: 40px ; height:auto;} #container{ border: 1px solid #3B5EA6; border-top:none; width: 779px; text-align: right; margin: 0px auto; background: white; padding:5px; } #midContainer{ border: 1px solid #3B5EA6; border-top:none; border-bottom: none; width: 789px; text-align:left; margin: 0px auto; min-height: 13px; background: url(../imgs/b5.jpg); padding-top:7px; padding-bottom:8px; } #pagewidth{ width:750px; text-align:left; margin-left:auto; margin-right:auto; } #content{ width:500px; float:left; position:relative; } #rightCol{ background-color: #FFFFFF; float: right; display:inline; position: relative; width:225px; } a.topMenulink { color: #000; font-weight: bold; font-size: 10px; text-decoration: none; padding-left: 56px;} a.topMenulink:hover { color: #4174cd; font-weight: bold; text-decoration: none; } a.topMenulink:visited { color: #000; font-weight: bold; font-size: 10px; text-decoration: none; } a.topMenulink:visited:hover { color: #4174cd; font-weight: bold; text-decoration: none; } a.midMenulink { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; padding-left:20px; padding-right:20px; padding-top: 8px; padding-bottom: 7px; } a.midMenulink:hover { color: #9ec2ff; font-weight: bold; font-size: 11px; text-decoration: none;} a.midMenulink:visited { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; } a.midMenulink:visited:hover { color: #9ec2ff; font-weight: bold; font-size: 11px; text-decoration: none; } a.midMenulinkExtended { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; padding-left:20px; padding-right:20px; padding-top: 8px; padding-bottom: 7px; } a.midMenulinkExtended:hover { color: #9ec2ff; font-weight: bold; font-size: 11px; text-decoration: none;} a.midMenulinkExtended:visited { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; } a.midMenulinkExtended:visited:hover { color: #9ec2ff; font-weight: bold; font-size: 11px; text-decoration: none; } .submenu{ border: none; width: 779px; text-align:left; margin: 0px auto; background: none; padding:5px; text-align:center; } .footer{ color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .bottomLine{ color: #555555; } .bottomMenu{ color: #000; font-size: 10px; text-decoration: none; } a.bottomMenulink { color: #000; font-weight: bold; font-size: 10px; text-decoration: none ;} a.bottomMenulink:hover { color: #4174cd; font-weight: bold; text-decoration: none; } a.bottomMenulink:visited { color: #000; font-weight: bold; font-size: 10px; text-decoration: none; } a.bottomMenulink:visited:hover { color: #4174cd; font-weight: bold; text-decoration: none; } #footer a { color: #4174cd; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #footer a:hover { color: #e27c34; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } #footer a:visited { color: #213A65; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #footer a:visited:hover { color: #A15C2C; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } #footer .title{ font-weight: bold; } #callBox{ padding: 5px 0px; text-align:center; font-size: 9pt; width: 225px; } #callBox strong { color: #3a589d; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; display: inline; } #availabilityBox{ height:302px; text-align: center; background-image: url('../imgs/EverythingDSLShooterImg.jpg'); background-position: right; font-size: 9pt; width:225px;} #availabilityBox a {color: #4174cd; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #availabilityBox a:hover {color: #e27c34; text-decoration: none; } #availabilityBox #heading1 { padding: 0px; margin:0px; background-color: #FFA94A; color: black; font-size: 9pt; margin-right: 12px; font-weight: bold; width:200px; margin-left: 12px; text-align: center; padding-top:5px; padding-bottom:5px; } #availabilityBox #heading2 { line-height: 29px; color: black; font-size: 9pt; font-weight: bold; } #availabilityBox #heading3 { } #availabilityBox #heading4 { padding-bottom: 5px; } #availabilityBox #form { border: 1px solid #DC923F; width: 190px; padding: 5px ; margin-left: 12px; overflow:hidden; } #availabilityBox #phone, #availabilityBox #email { padding: 5px 0px; } #availabilityBox #phone input { width: 35px; } #availabilityBox #email input { width: 130px; } #availabilityBox #subHeading { width:200px; text-align:center; padding: 5px ;} #availabilityBox form { padding: 0px; margin: 0px;} #availabilityBox #submit { width:143px; height:25px; border:0px solid; margin-top: 7px; cursor: pointer; } #availabilityBox input { border: 1px solid gray; font-family: Verdana; font-size: 12px; color: #000000; height: 15px; } #availabilityBox .lastDigits { width: 35px; } #availabilityBox .moved { border: none; width: 14px; } #availabilityBoxTop { padding:0px; margin: 0px; width:225px; background-image: url('../imgs/avBoxTop.jpg'); background-repeat: no-repeat; height:4px; } #availabilityBoxBottom { height: 11px; padding:0px; margin: auto 0px; width:225px; background-image: url('../imgs/avBoxBottom.jpg'); background-repeat: no-repeat; background-position: bottom; } #availabilityBox #help1, #availabilityBox #help2, #availabilityBox #help3, #availabilityBox #help4 { width:230px; position:absolute; left:0px; border:1px solid black; z-index:20; background-color:#fff; padding:3px; text-align:left; } #availabilityBox #help1 { top: 30px; } #availabilityBox #help2 { top: 40px; } #availabilityBox #help3 { top: 66px; } #availabilityBox #help4 { top: 166px; } #qualFormMessage { padding: 10px; } #qualFormAddrLoader, #qualFormPhoneLoader { text-align: center; } #qualFormPhoneWrapper, #qualFormAddrWrapper { font-size: 9pt; width:320px; text-align: center; margin: 0px auto; } #qualFormPhoneWrapper .label, #qualFormAddrWrapper .label { width: 100px; height: 26px; float: left; font-weight: bold; text-align: right; padding-right: 5px; line-height: 26px;} #qualFormPhoneWrapper .field, #qualFormAddrWrapper .field { width: 200px; height: 26px; float: left; text-align: left; } #qualFormPhoneWrapper .clear, #qualFormAddrWrapper .clear { padding-top: 10px; clear: both; } #qualFormPhoneWrapper .phone input { width: 40px; } #qualFormPhoneWrapper .submit, #qualFormAddrWrapper .submit { width:143px; height:25px; border:0px solid; margin-top: 7px; cursor: pointer; } #providersBox { height: 86px; margin-top: 10px; margin-bottom: 10px ; padding-top:5px; text-align: center; background-image: url('../imgs/partnerBox.jpg'); } #counterBox { height: 91px; width: 225px; text-align: center; background-image: url('../imgs/partnerBox.jpg'); } #counterBoxText { padding: 8px 0 7px 0; } #yellowBox { text-align: left; background-image: url('../imgs/testBoxMid.jpg'); background-position: right; font-size: 9pt; width:225px;} #yellowBoxTop { padding:0px; margin: 0px; width:225px; background-image: url('../imgs/testBoxTop.jpg'); background-repeat: no-repeat; height:5px; } #yellowBoxBottom { height: 11px; padding:0 0 0 0; margin: auto 0px; width:225px; background-image: url('../imgs/testBoxBottom.jpg'); background-repeat: no-repeat; background-position: bottom; } #yellowBox #yellowHeader{ padding: 0px; margin:0px; background-color: #DADAA9; color: black; font-size: 9pt; margin-right: 12px; font-weight: bold; width:200px; margin-left: 12px; text-align: center; padding-top:5px; padding-bottom:5px; } #yellowBox strong{ color: black;} #yellowBox p { text-align: left; width:180px;padding:0px;margin:0px;margin-left:25px;margin-top:5px; } #promoBox { text-align: left; background-image: url('../imgs/readBoxMid.jpg'); background-position: right; font-size: 9pt;margin-top:15px; overflow:hidden;} #promoBoxTop { padding:0px; margin: 0px; width:225px; background-image: url('../imgs/readBoxTop.jpg'); background-repeat: no-repeat; height:4px; } #promoBoxBottom { height: 11px; padding:0px; margin: auto 0px; width:225px; background-image: url('../imgs/readBoxBottom.jpg'); background-repeat: no-repeat; background-position: bottom; } #promoBox #promoBoxHeader{ padding: 0px; margin:0px; background-color: #AAC489; color: black; font-size: 9pt; margin-right: 12px; font-weight: bold; width:200px; margin-left: 12px; text-align: center; padding-top:5px; padding-bottom:5px; } #promoBox p { text-align: left; width:180px;padding:0px;margin:0px;margin-left:25px;margin-top:5px;} #contacts {overflow: auto; width: 100%;} #contacts div {float: left; padding-right: 20px;} #contactsBox { text-align: left; width: 380px; background-image: url('../imgs/contactsBoxMid.jpg'); background-position: right; font-size: 9pt;margin-top:15px; overflow:hidden; } #contactsBoxTop { padding:0px; margin: 0px; width:380px; background-image: url('../imgs/contactsBoxTop.jpg'); background-repeat: no-repeat; height:4px; } #contactsBoxBottom { clear: both; height: 11px; padding:0px; margin: auto 0px; width:380px; background-image: url('../imgs/contactsBoxBottom.jpg'); background-repeat: no-repeat; background-position: bottom;} #contactsBoxForm { width:335px;padding:0px;margin:0px;margin-left:25px;margin-top:5px;} #security { text-align: center; } #security img { margin-right: 2em; } h1 { color: #3A589D; font-size: 16pt; } h2 { color: #3A589D; font-size: 13pt; } h3 { color: #3A589D; font-size: 11pt; } h4 { color: #3A589D; font-size: 11pt; } h5 { color: #3A589D; font-size: 11pt; } h6 { color: #3A589D; font-size: 11pt; } ul { list-style-image: url('../imgs/bullet.gif'); } .action {background-color: #ffffff; } .progress_text { width: 400px; } .result { padding: 0px; text-align:left; display: block; } .result img{display: block;} .result_address { margin-top: 0.5em; margin-bottom: 1em;} .result_head { font-weight: bold; color: white;} .result_head_p { padding-left:1em; } .result_head_p2 { padding-left: 1em; padding-bottom: 0.5em; padding-top: 0.5em;} .results_box1 { color: #333333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding: 5px; border-style: solid; border-width: 0px 0px 1px 1px; border-color: #0577bc } .results_box1b { color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px; border-style: solid; border-width: 0px 0px 1px 1px; border-color: #0577bc } .results_box2 { color: #333333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding: 5px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #0577bc } .results_box2b { color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #0577bc } .time_limit {color: red; font-weight: bold; font-size: 11px; } .promo_limit {color: red; font-weight: bold; font-size: 12px; } .result_img { margin-bottom: 0.5em; } .gbcl12 { color: #689a00; font-weight: bold; font-size: 12px; } .gbcl12_b { color: black; font-weight: bold; font-size: 12px; } .border_light_top { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #b1b1b1; } .border_light_bttm { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #b1b1b1; } .border_light_lt { border-style: solid; border-width: 0px 0px 0px 1px; border-color: #b1b1b1;} .benefits { padding: 0px; margin: 0px; height: 190px; } .yellow_bgr { background-color: #ffff99; font-weight: bold; } .contact_button {text-align: right; margin-top: 0.5em; margin-right: 2em;} .gbb {font-weight: bold;} .detailsHeader { padding: 0px; margin:0px; background-color: #d5d4d7; font-size: 9pt; margin-right: 5px; font-weight: bold; width:150px; margin-left: 5px; text-align: left; padding-top:5px; padding-bottom:5px; padding-left: 5px; } .detailsDesc { background-color: #ffffff; text-align: left; } .whiteBoxTop { padding:0px; margin: 0px; width:225px; background-image: url('../imgs/partBoxTop.jpg'); background-repeat: no-repeat; height:10px; } .whiteBoxBottom { height: 10px; padding:0 0 0 0; margin: auto 0px; width:225px; background-image: url('../imgs/partBoxBottom.jpg'); background-repeat: no-repeat; background-position: bottom; } .whiteBox { text-align: left; background-image: url('../imgs/partBoxMid.jpg'); background-position: right; font-size: 9pt; width:225px; margin-bottom: 1em; } .whiteBox p { text-align: left; width:180px;padding:0px;margin:0px;margin-left:20px;margin-top:5px; } .top3_reasons {text-align: left; width:180px;padding:0px;margin:0px;margin-left:20px;margin-top:5px; } .greyHeader{ padding: 0px; margin:0px; background-color: #d5d4d7; font-size: 9pt; margin-right: 12px; font-weight: bold; width:190px; margin-left: 12px; text-align: left; padding-top:5px; padding-bottom:5px; padding-left: 10px; } .blueHeader{ padding: 0px; margin:0px; background-color: #678ECE; color: white; font-size: 9pt; margin-right: 12px; font-weight: bold; width:190px; margin-left: 12px; text-align: left; padding-top:5px; padding-bottom:5px; padding-left: 10px; } .reasonBoxTop { padding:0px; margin: 0px; width:511px; background-image: url('../imgs/reasonBoxTop.gif'); background-repeat: no-repeat; height:10px; } .reasonBoxBottom { height: 10px; padding:0 0 0 0; margin: auto 0px; width:511px; background-image: url('../imgs/reasonBoxBottom.gif'); background-repeat: no-repeat; background-position: bottom; } .reasonBox { text-align: left; background-image: url('../imgs/reasonBoxMid.gif'); background-position: right; font-size: 12px; width:511px; margin-bottom: 1em; } .reasonBox p { text-align: left; width:500px;padding:0px;margin:0px;margin-left:20px;margin-top:5px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ display: inline;} * html .clearfix{height: 1%;} .clearfix{display: block;} a { color: #4174cd; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } a:hover { color: #e27c34; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a:visited { color: #213A65; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } a:visited:hover { color: #A15C2C; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } img.inText{ margin-left: 5px; float:right; padding-bottom: 5px;display: inline; } .center { width: 100%; text-align: center; position: relative; } .line{ width: 100%; text-align:left; margin-left:auto; margin-right:auto; display:block; } .line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .providerLeft{ float: left; width:160px; text-align:center; position:relative; } .providerMiddle{ float: left; width:160px; text-align:center; position:relative; } .providerRight{ float: left; width:160px; text-align:center; position:relative; } a.activeTopMenu { color: #4174cd; font-weight: bold; font-size: 10px; text-decoration: none; padding-left: 56px;} a.activeTopMenu:hover { color: #4174cd; font-weight: bold; text-decoration: none; } a.activeTopMenu:visited { color: #4174cd; font-weight: bold; font-size: 10px; text-decoration: none; } a.activeTopMenu:visited:hover { color: #4174cd; font-weight: bold; text-decoration: none; } .activeMidMenu{ background-color: #121b62; } .alert { color: red; } .formLine{ width: 300px; text-align:left; margin-left:auto; margin-right:auto; display:block; float: left; } .formLine:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin-bottom: 3px; } .formHeader{ float: left; padding-top: 4px; width:90px; text-align:left; position:relative;} .formField{ float: left; width:200px; text-align:left; position:relative; } .contactInput{ border: gray 1px solid; font-size: 8pt; margin: 3px 0px; font-family: Verdana; background-color: white; } .wide li { margin: 0.5em 0; } .promo { color: #e27c34; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; display: inline; } .promo_code { color: #0075E5; padding: 10px 0; text-align: center; font-weight: bold; } .promo_code #code_place { font-size: 120%; } .hidden { display:none; } #PromoDesc{ position: absolute; top: -1000px; left: -1000px; } /* ATT Yahoo special DSL plans */ table.attdsl { border: #bebebe 1px solid; border-collapse: collapse; } table.attdsl td { border-right: #bebebe 1px solid; vertical-align: top; padding: 0 2px 10px 2px; width: 125px; } table.attdsl td.headtd { border-bottom: #bebebe 1px solid; } table.attdsl ul { padding-left: 20px; margin: 0; } .attplanspopup { position: absolute; } .attplanspopup div { width: 500px; position: relative; background-color: #ffffff; border: 1px #000000 solid; padding: 3px; } #customPromoBox { background-image: url('../imgs/promobg.jpg'); width: 500px; height: 180px; margin-left: auto; margin-right: auto; color: #fff; font-family: "Trebuchet MS", Georgia; } #customPromoBox .content { width: 370px; padding: 15px 0px 0px 7px; } #customPromoBox h2 { font-size: 22px; color: #fff; font-weight: normal; margin: 0; letter-spacing: -1px; } #customPromoBox p { font-size: 18px; padding-left: 10px; color: #eeffff; margin-top: 10px; padding-right: 15px; }