@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:1px dashed red;color:red;}

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.uverse.state #focus {margin-top:20px !important;}
body.uverse #focus {margin-top:4px;}
body.internet #focus {margin-top:-25px !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:55px;
	width:325px;
	background:#FFF;
	position:absolute;
	left:15px;
	top:45px;
	z-index:10;
	text-align:center;
}
body.uverse #form-cover h1 {
	color:#0099ff;
	font-size:14px;
}
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:63px;_top:160px;}
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:-40px;}
body.phone #focus h1 {top:75px;left:20px;}

body.phone #focus h1.geoName {top:85px;left:20px;font-size:48px;}
body.bundles #focus h1.geoName {top:100px;left:25px;font-size:42px;}
body.internet #focus h1.geoName {top:140px;left:20px;font-size:42px;}
body.uverse #focus h1.geoName {top:130px;left:20px;font-size:40px;color:#fff;text-shadow: 0 0 5px #000;}


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

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

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

/*----------------------------------------------------------------
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;font-weight:bold;color:#0099ff;}
#pricing .price {
	font-size:40px;
	font-weight:bold;
	color:#53bc38;
}
#pricing .price sup {font-size:60%;top:-13px;}
#pricing .price sub {font-size: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;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:40px;}

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:15px;margin-right:7px;}
body.internet #pricing .price-tier .title {margin-bottom:3px;}
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;
	position:relative;
	top:-7px;
}
body.internet #pricing .price-tier .offers {width:142px;position:absolute;top:165px;}

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