@import url('../css/global-grid/reset.css');

/*----------------------------------------------------------------
Structure Styles
----------------------------------------------------------------*/
sup {font-size:70%;position:relative;top:-7px;}
b {font-weight:bold;}
.italic {font-style:italic;}
.uppercase {text-transform:uppercase;}
.error {border:2px dashed red !important;color:red !important;}

body {background:#f8f8f8 url(../images/attsavings/body-bg.png) repeat-x 0 0;font:12px/1.33 Arial, sans-serif;}
#extHeader, #container {width:960px;margin:0 auto;}
#extHeader {height:107px;padding:10px 0;}
#contentArea, #rail {float:left;display:inline;}
#contentArea {width:725px;}
#rail {width:210px;margin-left:25px;}
#intFooter {clear:both;min-height:60px;}
#extFooter {min-height:130px;background:#e1e0e0;border-top:3px solid #FFF;padding-top:10px;}

/*----------------------------------------------------------------
Header Styles
----------------------------------------------------------------*/
#extHeader img {float:left;display:inline-block;}
#extHeader img.logo {margin:20px 20px 0 0;}
#extHeader img.ahc-logo {margin:40px 10px 0 0;}
#extHeader div {float:right;width:525px;margin:10px 10px 0;text-align:right;}
#extHeader div h3 {font-size:14px;color:#333;margin-bottom:10px;margin-right:6px;}
#extHeader ul {
	width:512px;
	height:36px;
	padding:3px 0 10px 8px;
	background:transparent url(../images/attsavings/nav-bg.png) no-repeat 0 0;
}
#extHeader ul li {float:left;display:inline;height:35px;}
#extHeader ul li a {
	font-size:14px;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	display:block;
	height:35px;
}
#extHeader ul li a.uverse {width:95px;}
#extHeader ul li a.uverse:hover {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat 0 0;}
body.uverse #extHeader ul li a.uverse {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat 0 0;}
#extHeader ul li a.internet {width:97px;}
#extHeader ul li a.internet:hover {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -95px 0;}
body.internet #extHeader ul li a.internet {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -95px 0;}
#extHeader ul li a.phone {width:124px;}
#extHeader ul li a.phone:hover {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -192px 0;}
body.phone #extHeader ul li a.phone {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -192px 0;}
#extHeader ul li a.bundles {width:102px;}
#extHeader ul li a.bundles:hover {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -316px 0;}
body.bundles #extHeader ul li a.bundles {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -316px 0;}
#extHeader ul li a.contact {width:94px;}
#extHeader ul li a.contact:hover {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -418px 0;}
body.contact #extHeader ul li a.contact {background:transparent url(../images/attsavings/nav-bg-hover.png) no-repeat -418px 0;}

/*----------------------------------------------------------------
Content Area Styles
----------------------------------------------------------------*/
#focus {position:relative;}
#focus {margin-top:20px;}
body.home #focus { height: 250px; }
body.uverse.state #focus {margin-top:20px !important;}
body.uverse #focus {margin-top:19px;height:250px;}
body.internet #focus {margin-top:20px !important;}
body.contact #focus {margin-top:5px !important;}
body.faq #focus {margin-top:10px !important;}

/*body.uverse #focus a {position:absolute;bottom:10px;_top:200px;_z-index:3;left:240px;}
body.uverse #focus a:active {bottom:9px;_top:201px;}
body.uverse #zip-box {
	height:110px;
	width:356px;
	background:transparent url(../images/attsavings/uverse/zip-bg.png) no-repeat 0 0;
}
body.uverse #form-cover {
	height:85px;
	width:335px;
	background:#FFF;
	position:absolute;
	left:10px;
	top:10px;
	z-index:10;
	text-align:center;
}
body.uverse #form-cover h1 {
	color:#0099ff;
	font-size:14px;
}
body.uverse #form-cover h1.phone {
	font-size:26px;
}
body.uverse #zip-box form {
	height:110px;
	width:356px;
	position:relative;
}
body.uverse #zip-box form input {position:absolute;bottom:20px;left:30px;}
body.uverse #zip-box form #btn-submit {position:absolute;bottom:18px;left:230px;}*/

body.bundles #focus-drop {position:absolute;left:55px;bottom:68px;_top:155px;}
body.internet #focus-drop {position:absolute;left:55px;bottom:67px;}

#focus h1 {
	font-size:52px;
	font-weight:bold;
	color:#0099ff;
	position:absolute;
}
#focus h1 sup {font-size:60%;top:-13px;}
#focus h1 sub {font-size:25%;font-weight:normal;color:#999;position:relative;left:-25px;}
body.phone #focus h1 {top:50px;left:118px; font-size:21pt; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: white;}

body.phone #focus h1.geoName {background: transparent url(../images/attsavings/geo/location-bar.png) no-repeat 0 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 14px; height: 23px; width: 315px; padding-top: 4px; left: 8px; text-align: center; text-transform: uppercase; top: -26px;}
body.bundles #focus h1.geoName {background: transparent url(../images/attsavings/geo/location-bar.png) no-repeat 0 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 14px; height: 23px; width: 315px; padding-top: 4px; left: 8px; text-align: center; text-transform: uppercase; top: -26px;}
body.internet #focus h1.geoName {background: transparent url(../images/attsavings/geo/location-bar.png) no-repeat 0 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 14px; height: 23px; width: 315px; padding-top: 4px; left: 8px; text-align: center; text-transform: uppercase; top: -26px;}
body.uverse #focus h1.geoName {background: transparent url(../images/attsavings/geo/location-bar.png) no-repeat 0 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 14px; height: 23px; width: 315px; padding-top: 4px; left: 8px; text-align: center; text-transform: uppercase; top: -11px;}


body.contact #focus h1.call-number {font-size:28px;color:#FFF;position:absolute;left:145px;_top:196px;bottom:24px;text-shadow:1px 1px 2px #000;}

h1.call-box {font:26px/1.33 'Verdana', Arial, sans-serif;margin:10px 0;color:#ff6600;}
h1.call-box2 {
	font:26px/1.33 'Verdana', Arial, sans-serif;
	margin:10px 10px 20px 0;
	text-align:center;
	color:#FFF;
	text-shadow:1px 1px 4px #000;
	background:#ff6600;
}

#offers {margin-bottom:20px;}
#offers div {float:left;display:inline;}
#offers div.amex-box {margin-right:30px;}
div.amex-box {height:200px;width:202px;background:transparent url(../images/attsavings/amex-box.png) no-repeat 0 0;position:relative;}
div.amex-box img {position:absolute;top:55px;right:-20px;}

div.learnMore-box {
	background:#FFF;
	width:460px;
	height:178px;
	padding:10px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.learnMore-box.large {width:690px;height:208px;margin-bottom:10px;}
div.learnMore-box div {float:left;display:inline;width:210px;margin:0 10px;}
div.learnMore-box.large div {width:200px;margin:0 15px;}
div.learnMore-box div h1 {
	height:40px;
	display:block;
	font-size:15px;
	color:#0099ff;
	padding-left:50px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
div.learnMore-box div h1.internet {background:transparent url(../images/attsavings/header-icon-web.gif) no-repeat 0 0;}
div.learnMore-box div h1.phone {background:transparent url(../images/attsavings/header-icon-phone.gif) no-repeat 0 0;}
div.learnMore-box div h1.tv {background:transparent url(../images/attsavings/header-icon-tv.gif) no-repeat 0 0;}
div.learnMore-box div p {font-size:11px;line-height:18px;color:#333;}
div.learnMore-box div p a {margin-top:10px;display:block;color:#0099ff;text-align:right;text-decoration:none;}
div.learnMore-box div p a:hover {text-decoration:underline;}

div.whySwitch-box {
	height:121px;
	width:537px;
	padding-left:175px;
	margin:10px 0 20px;
	background:transparent url(../images/attsavings/uverse/money-back-box.jpg) no-repeat 0 0;
	position:relative;
}
div.whySwitch-box h1 {font-size:15px;color:#0099ff;margin:10px 0 5px;}
div.whySwitch-box ul {list-style:disc;width:410px;}
div.whySwitch-box ul li {margin-left:15px;margin-bottom:8px;font-size:10px;color:#666;}
div.whySwitch-box a {position:absolute;bottom:10px;right:20px;color:#0099ff;text-decoration:none;}
div.whySwitch-box a:hover {text-decoration:underline;}

#content {margin-top:10px;clear:both;}
body.internet #content{margin-top:20px;}
#content h1 {font-size:14px;color:#666;margin-bottom:10px;}
#content h1.blue {color:#0099ff;}
#content h2{font-size:13px;color:#666;}
#content p {font-size:11px;color:#666;margin:10px 0;}
#content b.italic {font-size:12px;}
#content ul {list-style:disc;}
#content ul li {font-size:11px;color:#666;margin:10px 15px;}
#content a{color:#666;text-decoration:underline;}
#content a:hover{text-decoration:none;}
body.internet #content b.italic {font-size:14px;display:block;}

body.faq #content {position:relative;top:-25px;}
body.faq #content ul {list-style-image:url(../images/attsavings/bullet.gif);margin-left:35px;margin-bottom:20px;}
body.faq #content ul li {margin-bottom:10px;*padding-left:10px;}
body.faq #content ul li a {font-size:11px;color:#0099ff;text-decoration:none;font-weight:bold;position:relative;bottom:4px;}
body.faq #content ul li a:hover {text-decoration:underline;}
body.faq #content .qa {
	padding:29px 14px 30px;
	margin-bottom:1px;
	border:1px solid #666;
	border-left-color:#f8f8f8;
	border-right-color:#f8f8f8;
	border-top-color:#f8f8f8;
}
body.faq #content .qa.first {border-top-color:#666;padding:30px 14px;}
body.faq #content .qa h1 {font-size:15px;color:#ff6600;margin-bottom:10px;}
body.faq #content .qa p {font-size:12px;color:#666;margin-bottom:10px;}
body.faq #content .qa a {font-size:12px;font-weight:bold;color:#666;text-decoration:none;}
body.faq #content .qa a:hover {text-decoration:underline;}

#moreIN {margin:30px 0 10px;text-align:left;}
#moreIN b {font-size:11px;color:#999;}
#moreIN a {font-size:11px;margin-left:5px;text-align:left;text-decoration:none;color:#999;}
#moreIN a:hover {color:#666;text-decoration:underline;}

body.uverse #focNav, body.home #focNav {position:absolute;left:-13px;top:10px;}
body.uverse #focNav a, body.home #focNav a {border:1px solid #999;background:#ccc;text-decoration:none;color:#333;padding:1px 3px;display:block;}
body.uverse #focNav a.activeSlide, body.home #focNav a.activeSlide {background:#18A9E2;color:#FFF;}
body.uverse #focNav a:focus, body.home #focNav a:focus {outline:none;}

/*----------------------------------------------------------------
Rail Styles
----------------------------------------------------------------*/
#rail {padding-top:20px;}
#rail div.uverse-box {
	height:243px;
	width:202px;
	background:transparent url(../images/attsavings/uverse/uverse-box.png) no-repeat 0 0;
	position:relative;
	margin-bottom:60px;
}
#rail div.uverse-box a {
	display:block;
	height:38px;
	width:115px;
	background:transparent url(../images/attsavings/uverse/learn-more-button.png) no-repeat 0 0;
	position:absolute;
	bottom:7px;
	left:-13px;
	text-indent:-9999px;
	overflow:hidden;
}
#rail div.uverse-box a:active {bottom:5px;}
#rail div.uverse-box img {position:absolute;bottom:-44px;right:-12px;}

#rail div.faq-box {margin:10px auto;}
div.faq-box {
	background:#FFF;
	border:1px solid #ccc;
	height:220px;
	width:180px;
	padding:10px;
}
div.faq-box h1 {
	height:43px;
	display:block;
	font-size:13px;
	color:#666;
	padding-left:53px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	background:transparent url(../images/attsavings/faq-icon.jpg) no-repeat 0 0;
}
div.faq-box p {margin:10px 0;}
div.faq-box p a {font-size:12px;color:#333;}
div.faq-box a {font-size:12px;margin-top:10px;color:#0099ff;text-decoration:none;}
div.faq-box a:hover {text-decoration:underline;}

#rail div.dvr-box {margin-bottom:54px;}
div.dvr-box {
	height:183px;
	width:182px;
	padding:60px 10px 0;
	background:transparent url(../images/attsavings/home-dvr-box.gif) no-repeat 0 0;
	position:relative;
	*left: 722px;
	*top: -1185px;
}
div.dvr-box p {font-size:11px;line-height:16px;color:#333;margin-top:5px;}
div.dvr-box img {position:absolute;bottom:0;right:-5px;}

#rail img.moneyBack-box {margin-bottom:10px;}

#rail div.benefits {width:180px;margin:10px 0;padding:0 10px;}
div.benefits h1 {font-size:15px;color:#0099ff;margin-bottom:10px;}
div.benefits ul {list-style:disc;margin-left:15px;}
div.benefits ul li {color:#666;font-size:11px;margin-bottom:5px;}

#rail div.amex-box {margin:10px 0;}

#rail div.gear-box {margin-bottom:60px;}
div.gear-box {background:transparent url(../images/attsavings/uverse/uverse-box-2.png) no-repeat 0 0;height:243px;width:202px;position:relative;}
div.gear-box img {position:absolute;bottom:-44px;right:-12px;}

#rail div.what-is {margin-bottom:0px;}
div.what-is {background:transparent url(../images/attsavings/uverse/update/what-is-uverse.jpg) no-repeat 0 0;height:290px;width:202px;position:relative;}
div.what-is img {position:absolute;top:110px;right:-12px;}

/*----------------------------------------------------------------
intFooter/Pricing Styles
----------------------------------------------------------------*/
#pricing {position:relative;}

#pricing-sidebar, #pricing .price-tier {float:left;display:inline;}
#pricing-sidebar {width:182px;margin-right:10px;}
#pricing .price-tier.last {margin-right:0 !important;}

#pricing .price-tier .title {font-size:15px;line-height:17px;font-weight:bold;color:#0099ff;}
#pricing .price {
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	color:#53bc38;
}
#pricing .price sup {font-size:60%;line-height:60%;top:-13px;}
#pricing .price sub {font-size:25%;line-height:25%;color:#999;position:relative;left:-20px;}
#pricing .price-tier .offers .offers-title {
	font-size:14px;
	font-weight:bold;
	color:#f87823;
	margin-left:0;
	margin-bottom:5px;
	list-style:none;
}
#pricing .price-tier ul li {font-size:11px;color:#666;list-style:disc;margin-left:16px;margin-bottom:10px;}

body.phone #pricing h1 {position:absolute;top:70px;left:15px;}

body.uverse #pricing {height:581px;width:950px;margin-bottom:15px;background:transparent url(../images/attsavings/uverse/uverse-pricing-bg.jpg) no-repeat 0 0;}
body.uverse #pricing-sidebar #bundle-box {
	height:158px;
	width:182px;
	background:transparent url(../images/attsavings/uverse/uverse-bundle-box.gif) no-repeat 0 0;
	position:relative;
	margin-bottom:20px;
}
body.uverse #pricing-sidebar #bundle-box .price {position:absolute;left:10px;top:65px;}
body.uverse #pricing .price-tier {
	margin-right:11px;
	height:385px;
	width:151px;
	padding:15px;
	position:relative;
}
body.uverse #pricing .price-tier .price {position:absolute;top:64px;}
body.uverse #pricing .price-tier .offers {width:151px;position:absolute;top:170px;}

body.bundles #pricing {height:496px;width:711px;background:transparent url(../images/attsavings/bundles/bundles-pricing-bg.jpg) no-repeat 0 0;}
body.bundles #pricing .price-tier {width:202px;height:317px;padding:15px;margin-right:7px;}
body.bundles #pricing .price-tier .price {margin-bottom:55px;}

body.bundles #pricing .price-tier .offers .offers-title, body.internet #pricing .price-tier .offers .offers-title {color:#666;}

body.internet #pricing {height:486px;width:711px;background:transparent url(../images/attsavings/internet/internet-pricing-bg.jpg) no-repeat 0 0;}
body.internet #pricing .price-tier {width:142px;height:317px;padding:10px 15px 15px;margin-right:7px;}
body.internet #pricing .price-tier .title {margin-bottom:5px;}
body.internet #pricing .price-tier .title span {display:block;font-size:11px;color:#999;}
body.internet #pricing .price-tier .price span {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#0099ff;
	line-height:12px;
}
body.internet #pricing .price-tier .price span.small-black {font-size:9px;color:#000;}
body.internet #pricing .price-tier .offers {width:142px;position:absolute;top:165px;}

#tabNav li {float:left;display:inline;}
#tabNav li a {width:178px;height:31px;display:block;text-indent:-9999px;}
#tabNav li a:hover {background-position:0 -31px;}
#tabNav li a.selected {background-position:0 -62px;}
#tabTV {background:transparent url(../images/attsavings/uverse/update/tv-btn.png) no-repeat 0 0;}
#tabBundles {background:transparent url(../images/attsavings/uverse/update/bundles-btn.png) no-repeat 0 0;}
#tabInternet {background:transparent url(../images/attsavings/uverse/update/internet-btn.png) no-repeat 0 0;}
#tabVoice {background:transparent url(../images/attsavings/uverse/update/voice-btn.png) no-repeat 0 0;}

.tabBox {width:940px;position:relative;margin-bottom:20px;padding-top:20px;padding-left:10px;}
#TBTV {height:556px;background:transparent url(../images/attsavings/uverse/update/tv-bg.jpg) no-repeat 0 0; font-family: Verdana, Helvetica, Arial, sans-serif; position: relative;}
#TBTV table tr, #TBBundles tr {height: 65px; *height: 25px;}
#TBTV table tr.channels {height: 225px; *height: 180px;}
#TBTV table tr td {width: 140px; margin: 0px;}
#TBTV table td.label, #TBInternet table td.label{font-size: 13px; font-weight: bold; color:#666; padding: 25px 0px 10px 10px; width: 130px;}
#TBTV table td.label span, #TBBundles table td.label span, #TBInternet table td.label span, #TBVoice table td.label span {font-size: 9px; font-weight: normal;}
#TBTV table td.label img {display: block;}
#TBTV table td.r1, #TBBundles table td.r1 {font-size: 15px; font-weight: bold; color:#09f; padding-left: 15px; width: 125px;}
#TBTV table td.r2, #TBBundles table td.r2, #TBInternet table td.r2 {font-size: 10px; color:#999; padding-left: 5px; width: 135px;}
#TBTV table td.r2 span.price, #TBBundles table td.r2 span.price, #TBInternet table td.r2 span.price {font-size: 31px; color:#53bc38; letter-spacing: -1px;}
#TBTV table td.r2 span.price sup, #TBBundles table td.r2 span.price sup, #TBInternet table td.r2 span.price sup {font-size: 16px; position: relative; top: -10px;}
#TBTV table td.r3, #TBTV table td.r4, #TBBundles table td.r3, #TBInternet table td.r3 {padding-left: 10px; width: 130px;}
#TBTV table td.r3 p, #TBTV table td.r4 p, #TBBundles table td.r3 p, #TBInternet table td.r3 p {font-size: 11px; font-weight: bold; color:#808284;}
#TBTV table td.r3 p img, #TBTV table td.r4 p img, #TBBundles table td.r3 p img, #TBInternet table td.r3 p img {float: left; padding-right: 5px; *background-repeat: no-repeat; *position: relative; *top: -30px;}
#TBTV table td.r4 div.caps, #TBBundles table td.r3 div.caps {font-size: 9px; text-transform: uppercase; color:#808284; width: 80%; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #c5c6c8; margin: 10px auto;}
#TBTV table td.r4 ul, #TBBundles table td.r3 ul{list-style: disc inside; padding: 0px 10px;}
#TBTV table td.r4 ul li, #TBBundles table td.r3 ul li {font-size: 11px; color:#808284; margin-bottom: 5px;}
#TBTV #channelBtn {cursor:pointer;position: absolute; right: 28px; top: 350px;}
#TBTV p.blue {font-size: 10px; color:#09f; margin-top: 10px;}
h2.orangePhone {margin-top: 15px; font-size: 26px; color:#f60; font-weight: normal;}
h2.orangePhone.tv {margin-top: -4px;}

#TBBundles {height:742px;background:transparent url(../images/attsavings/uverse/update/bundles-bg.jpg) no-repeat 0 0; position: relative;}
#TBBundles p {font-size: 15px; color:#808284; margin-left: 10px;}
#TBBundles table td.label img {float: left; padding-right: 5px;}
#TBBundles table tr.channels {height: 170px;}
#TBBundles table td {width: 173px;}
#TBBundles table td.label {font-size: 13px; font-weight: bold; color:#666; padding: 25px 0px 10px 10px; width: 163px;}
#TBBundles table tr.indent td.label {padding-left: 50px; width: 123px;}
#TBBundles table tr.indent td.label img {position: relative; top: 5px;}
#TBBundles img.internetImg {position: relative; top: -5px;}
#TBBundles img.phoneImg {position: relative; top: -10px;}
#TBBundles table td.r1 {width: 158px; padding-left: 15px; font-size: 13px;}
#TBBundles table td.r2 {width: 163px; position: relative; padding-left: 10px;}
#TBBundles table td.r2 div.bottom, #TBInternet table td.r2 div.bottom {position: relative; bottom: 3px; left: 0px; line-height: 12px;}
#TBBundles table td.r3 {width: 163px;}
#TBBundles table tr.internetRow td.label {padding-top: 10px;}
#TBBundles table tr.internetRow p {*position: relative; *top: -10px;}
#TBBundles table tr.internetRow p img {*top: 0px;}
#TBBundles #channelBtn {cursor:pointer;position: absolute; right: 25px; top: 372px;}

#TBInternet {height:735px;background:transparent url(../images/attsavings/uverse/update/internet-bg.jpg) no-repeat 0 0; position: relative;}
#TBInternet table tr {height: 65px; *height: 30px;}
#TBInternet table tr.priceRow {height: 84px; *height: 50px;}
#TBInternet table tr.short {height: 43px; *height: 15px;}
#TBInternet table tr.short td.label {padding-top: 17px; padding-right: 5px; width: 125px;}
#TBInternet table tr.short td.tall {padding-top: 11px; line-height: 13px; padding-bottom: 5px;}
#TBInternet table td.r1 {font-size: 15px; font-weight: bold; color:#09f; text-align: center;}
#TBInternet table td.r2 span.price {margin-left: 30px;}
#TBInternet table td.r3 img {text-align: center;}
#TBInternet table tr.short td img {margin-left: 60px; position: relative; top: 4px; *left: 60px; *background-repeat: no-repeat;}
#TBInternet table tr.short img.tall {top: 13px;}

#TBVoice {height:355px;background:transparent url(../images/attsavings/uverse/update/voice-bg.jpg) no-repeat 0 0; position: relative;}
#TBVoice table {width: 700px;}
#TBVoice table tr {height: 65px; *height: 30px;}
#TBVoice table td {width: 155px; text-align: center; vertical-align:middle; padding: 0px 15px;}
#TBVoice table td.label {font-size: 13px; font-weight: bold; color:#666; padding: 25px 0px 10px 10px; width: 130px; text-align: left;}
#TBVoice table td.r1 {font-size: 15px; font-weight: bold; color:#09f;}
#TBVoice table td.r2 span.price {font-size: 45px; color:#53bc38; letter-spacing: -1px;}
#TBVoice table td.r2 span.price sup {font-size: 25px; position: relative; top: -10px;}
#TBVoice table td.r3 p {font-size: 11px; font-weight: bold; color:#808284;}
#TBVoice table td.r3 p img {padding-right: 5px; *background-repeat: no-repeat; *position: relative; *top: -20px;}
#TBVoice table td.r3 small {font-size: 9px; color:#808284;}
#TBVoice table td p.wide {*width: 560px; *position: relative; *top: -10px;}
#TBVoice table td small {*position: relative; *left: 170px; *top: -5px;}
#TBVoice table td p.wide img {*top: 0px;}


.tabBox h1 {font-size:18px;color:#808284;text-indent:10px;margin-bottom:6px;}
.tabBox h1 span {font-size:15px;display:block;}
#TBTV table {height:425px;width:700px;margin-left:2px;}
/*----------------------------------------------------------------
extFooter Styles
----------------------------------------------------------------*/
#footerContainer {width:960px;margin:0 auto;}
#footer-content, #footer-rail {float:left;display:inline;}

#footer-content {width:725px;}
#footer-content p {font-size:11px;line-height:16px;color:#666;margin:10px 0;}
#footer-content p a {font-size: 11px; line-height: 16px; color:#666; text-decoration: underline;}
#footer-content p a:hover {text-decoration: none;}

#footer-rail {width:199px;margin-left:29px;}
#footer-rail ul {margin:10px 0;padding-left:10px;padding-bottom:20px;border-left:1px solid #666;}
#footer-rail ul li {margin:5px 0 ;}
#footer-rail ul li a {color:#666;text-decoration:none;}
#footer-rail ul li a:hover {text-decoration:underline;}

body.home #footer-rail ul li a.home, body.uverse #footer-rail ul li a.uverse, body.internet #footer-rail ul li a.net,
body.phone #footer-rail ul li a.phone, body.bundles #footer-rail ul li a.bundles, body.faq #footer-rail ul li a.faq,
body.contact #footer-rail ul li a.contact {text-decoration:underline;}

/*----------------------------------------------------------------
GEO Styles
----------------------------------------------------------------*/
#loctypelist {margin-top:30px;}
#loctypelist li a {text-decoration:none;color:#ccc;}
#loctypelist li a em, #locations a, #locations span {font-size:10px;line-height:10px;color:#ccc;text-decoration:none;}
#locations a:hover {text-decoration:underline;}
#locations {margin-bottom:10px;width:725px;}

/*----------------------------------------------------------------
Blog Styles
----------------------------------------------------------------*/


/* MAIN FORM STYLES */
#availability-form {width: 187px; background: #d8e6f3 url(../images/attsavings/form-bg.jpg) repeat-x 0px 54px; padding-bottom: 10px; margin-bottom: 20px;}
#availability-form h2 {font-size: 16px; color:#fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-align: center; background: url(../images/attsavings/form-headline.jpg) no-repeat; height: 47px; padding: 7px 0px 0px; margin-bottom: 8px;}
#availability-form input {width: 153px; padding: 7px 5px 5px; margin: 0px 0px 10px 10px; border: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #666;background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* W3C */ box-shadow: inset 1px 1px 4px #aaaaab;}
#availability-form select {margin: 0px 0px 10px 10px; border: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666; float: left; margin-right: 8px; height: 20px; position: relative; top: 1px; padding-top: 4px; box-shadow: inset 1px 1px 4px #aaaaab;}
#availability-form input.zip {width: 75px; float: left;}
#availability-form input, #availability-form select {border: 2px solid transparent;}
#availability-form input:focus, #availability-form select:focus {border: 2px solid #0099ff;}
#availability-form input.submit {width: auto; height: auto; padding: 0px; box-shadow: none; border: 0px;}
#availability-form input.submit:focus {border: 0px;}

.form-response{
	position: absolute;
	z-index: 100;
}
#avail-uverse{width: 915px; height: 525px; background: url(../images/attsavings/response-uverse.png) no-repeat 0px 0px;}
#avail-uverse h1{font-size: 27px; color:#fff; text-shadow: 1px 1px 4px #666; font-family: Tahoma, Helvetica, Arial, sans-serif; position: absolute; top: 154px; left: 350px;}
#avail-uverse ul{position: absolute; top: 227px; left: 55px;}
#avail-uverse ul li, #avail-att ul li{display: block; float: left;}
#avail-uverse ul li a, #avail-att ul li a {display: block; float: left; width: 199px; height: 66px; text-indent: -9000px;}
#avail-uverse ul li a.uverse{background: url(../images/attsavings/btn-uverse.png) no-repeat 0px 0px; margin-right: 3px;}
#avail-uverse ul li a.internet, #avail-att ul li a.internet{background: url(../images/attsavings/btn-internet.png) no-repeat 0px 0px; margin-right: 1px;}
#avail-uverse ul li a.phone, #avail-att ul li a.phone{background: url(../images/attsavings/btn-phone.png) no-repeat 0px 0px;}
#avail-uverse ul li a.bundles, #avail-att ul li a.bundles {background: url(../images/attsavings/btn-bundles.png) no-repeat 0px 0px;}
#avail-uverse ul li a:hover, #avail-att ul li a:hover {background-position: 0px -66px;}

#avail-att{width: 741px; height: 479px; background: url(../images/attsavings/response-att.png) no-repeat 0px 0px;}
#avail-att h1{font-size: 24px; color:#fff; text-shadow: 1px 1px 4px #666; font-family: Tahoma, Helvetica, Arial, sans-serif; position: absolute; top: 162px; left: 350px;}
#avail-att ul{position: absolute; top: 237px; left: 77px;}

#avail-others{width: 714px; height: 244px; background: url(../images/attsavings/response-others.png) no-repeat 0px 0px; text-align: center;}
#avail-others h1{font-size: 27px; color:#fff; text-shadow: 1px 1px 4px #666; font-family: Tahoma, Helvetica, Arial, sans-serif; position: relative; top: 170px;}

#avail-address{width: 714px; height: 250px; background: url(../images/attsavings/response-address.png) no-repeat 0px 0px; text-align: center;}
#avail-address h1{font-size: 27px; color:#fff; text-shadow: 1px 1px 4px #666; font-family: Tahoma, Helvetica, Arial, sans-serif; position: relative; top: 175px;}

#avail-uverse, #avail-att, #avail-others, #avail-address{
	display: none;
}
#modal{
	overflow: hidden;
	opacity: .5;
	background: #000;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 90;
}

img.close-btn{
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
}

#loader{
	display: none;
	margin-left: 15px;
	color: #888888;
}

/*  */