/* update height from globlal 170px for upper-funnel pages */
#globalNav {
    height: 158px;
    position: relative;
    width: 100%;
    z-index: 90;
}
/*added for hruf offers */
.incartimage1 {
    left: 253px;
    top: -2px;
     position: absolute;
}
.incartimage2 {
   right: 341px;
    top: -2px;
     position: absolute;
}
        .incartimage3 {
                right: 27px;
                top: -2px;
                position: absolute;
            }
.col-group {
    display: inline-block;
    margin: 30px 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.mT40 {
    margin-top: 40px !important;
}
.col-group .col-2 {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    float: left;
    width: 50%;
}
.col-group .col-2.rounded {
    padding: 0;
    width: 284px;
}
.rounded {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
.col-group .col-3 {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    float: left;

}
.col-group .col-3.rounded {
    margin-left: 30px;
    padding: 0;
    width: 284px;
}

.bgGrayGradient {
    background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%) repeat scroll 0 0 #F0F0F0;
}
.shop-bundles .price-disclaimer {
    color: #666666;
    font-size: 11px;
    line-height: normal;
}
.pT20 {
    padding-top: 20px !important;
}
.shop-bundles-pricing {
    padding: 20px 0 10px 20px;
}
.shop-bundles-pricing.bgGrayGradient {
    border-radius: 4px 4px 0 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.pull-left {
    float: left !important;
}
.price1.price-x-large {
    font-family: omnes,Arial;
    font-size: 64px !important;
    font-weight: normal;
    line-height: 64px;
}
.price1 {
    color: #EF6F00;
    font-size: 46px !important;
}
.price1 {
    font-size: 16px;
}
.pT10 {
    padding-top: 10px !important;
}
.pB10 {
    padding-bottom: 10px !important;
}
.text-center {
    text-align: center !important;
}
a {
    color: #005B95;
    font-size: 14px;
}
.content-pad {
    padding: 20px;
}
.content-pad.h191 p {
    font-size: 14px;
}
.content-pad.h191 .p12, .content-pad.h191 .p12 a {
    font-size: 12px;
}
ul.bullet {
    margin: 20px 0 0 13px;
    padding: 0;
	list-style: disc;
}
.text-muted {
    color: #666666;
}
.mT5 {
    margin-top: 5px !important;
}
.mT5 {
    margin-bottom: 5px !important;
}
.mT15 {
    margin-top: 15px !important;
}
.ckavbuttontext{
	color : #ffffff;
	font-weight: bold;
    line-height: 1.5;
}
/*added for hruf offers*/
/* supported 3.0 font colors */
.orange {
	color: #f37f06;	
}

.blue {
color:#067ab4;	
}

.green {
color:#75BC20;	
}

/* this is just for reference, I don't think we use it anywhere */
.link {
	color:#005b95;	
}

/*hardrock upper funnel height and width specifications */
.h95 {
height:95px;	
}

.auto {
	height:auto;
	}
.h200 {
	height:200px;	
}
.h222 {
	height:222px;	
}
.h238 {
	height:238px;
}
.h309 {
	height:309px;	
}
.h320 {
	height:320px;	
}
.h335 {
	height:335px;	
}
.h350 {
	height:350px;	
}
.h380 {
	height:380px;	
}
.h400 {
	height:400px;	
}
.h450 {
	height:450px;	
}
.h462 {
	height:462px;	
}
.h480 {
	height:480px;	 
}
.h500 {
	height:500px;	 
}
.h525 {
height:525px;	
}
.h600 {
	height:600px;
}
.h700 {
	height:700px;
}
			
/* tile layout blocks not supported in global styles*/
.w275 {
float:left;
width:275px;
}

.w295 {
	float:left;
	width:295px;
}
.w380 {
	float:left;
	width:380px;

}
.w400 {
	float:left;
	width:400px;
	position:relative;
	margin: 0 54px 0 0;
}
.w463 {
	float:left;
	width:463px;
	position:relative;
	margin: 0 0 14px 14px;
}
.w650 {
	float:left;
	margin:0 14px 14px 0;
	width:650px;
}
.w695 {
	float:left;
	margin:0 14px 14px 0;
	width:695px;
}
.w765 {
	float:left;
	margin:0;
	width:765px;
}
/* shopping help shadow box positioning to prevent global nav overlay*/
.shoppingHelp {
height:10px;
}

/* positioning styles */
.mainPromoPosition {
position:relative;
margin-left:10px;
margin-top:50px;
margin-bottom:50px;	
}

/*Teamsite tile layouts*/

/*---------------------------------------------Full Width Tile css-----------------------------------------------*/
.fullWidthTile, .marqueeStyle {
	width: 972px;
}
.fullWidthTile .twoColTitle{
	position:relative;
	margin-top:-14px;
	margin-bottom:57px;
}
.fullWidthTile.internetEquipSecondaryFull {
	margin-bottom: 47px;
}
.fullWidthTile.internetEquipSecondaryFull .legal {
	margin-left: 35px;
}
.fullWidthTile .horizontalDivide {
	height:auto:
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/img_horizontal_divider_901x18_AA000OMJ.jpg);
	background-repeat:no-repeat;
	padding-bottom:50px;
}

/* positioning gradient divide above tile */
#divider {
	padding-top:98px;
	padding-bottom:0px;
}
.fullWidthTile .display p {
	position:relative;
	margin-bottom:40px;
}
.fullWidthTile h2.topCenter {
	font-size: 32px;
	line-height: 32px;
	color: #333333;
	text-align: center;
	padding-top: 25px;
}
.fullWidthTile .valueHidden {
	position:relative;
	margin-top:60px;
	padding-right:20px;
	width:260px;
	height:250px;
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/bkd_div_vertical_197_AA000PN6.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float: left;
}
.fullWidthTile .valueHidden.last {

	background-image:none;
}
.fullWidthTile.contentLeftDefault .titleAndCopy {
	padding-top:55px;
	padding-left: 90px;
	width: 432px;
}
.fullWidthTile.contentLeftDefault .btmLink {
	padding-left:70px;
}

/*
  THIS IS THE CURRENT STYLE... WHERE ELSE IS IT USED?
*/
.fullWidthTile.contentRightDefault .titleAndCopy {
	padding-top: 55px;
	padding-left: 482px;
	/* width: 446px; */
	padding-right: 64px;
}

/* Used on top slot in /shop/home-phone/   */
/*
.fullWidthTile.contentRightDefault .titleAndCopy {
	padding-top: 55px;
	padding-left: 550px;
	width: 355px;
}
*/

.fullWidthTile.contentRightDefault .btmLink {
	padding-left:485px;
}
.fullWidthTile.contentRight340 .titleAndCopy {
	padding-top: 26px;
	padding-left: 340px;
	padding-right: 64px;
}
.fullWidthTile.contentRight490 .titleAndCopy {
  	padding-top: 80px;
	padding-left: 490px;
	padding-right: 64px;
}
.fullWidthTile.contentRight520 .titleAndCopy {
  	padding-top: 80px;
	padding-left: 520px;
	padding-right: 64px;
}
.fullWidthTile.contentRight560 .titleAndCopy {
	padding-top: 80px;
	padding-left: 560px;
	padding-right: 64px;
}
.fullWidthTile.contentRight575 .titleAndCopy {
  	padding-top: 80px;
	padding-left: 575px;
	padding-right: 64px;
}
.fullWidthTile.contentRight490 .btmLink {
	padding-top: 20px;
	padding-left:490px;
}
.fullWidthTile.contentRight520 .btmLink {
	padding-top: 20px;
	padding-left:520px;
}
.fullWidthTile.contentRight560 .btmLink {
	padding-top: 20px;
	padding-left:560px;
}
.fullWidthTile.contentRight575 .btmLink {
	padding-top: 20px;
	padding-left:575px;
}
.fullWidthTile .titleAndCopy h5 {
	font-size: 1.2em;
	color: #666;
}
.fullWidthTile .titleAndCopy h2 {
	font-size: 2.4em;	
	color: #333;
	margin-bottom: 11px;
}
.mainPromoLayout .fullWidthTile .titleAndCopy h2 {
	font-size: 2.8em;
}
.mainPromoLayout .fullWidthTile .titleAndCopy h3 {
	font-size: 1.8em;
}
/*special formatting for home phone landing page*/
#homephoneOverview .fullWidthTile.contentRightDefault .titleAndCopy {
	padding-top: 25px;
	padding-left: 530px;
	width: 340px;
}
#homephoneOverview .fullWidthTile .titleAndCopy h2 {
	margin-top:15px;
	margin-bottom: 9px;
}
/*special formatting for internet key features tab*/
#internetKeyFeatures .homePhoneKeyFeatures {
	border-collapse: inherit;
	
}
#internetKeyFeatures table, homePHoneKeyFeatures table {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;

}
#internetKeyFeatures table tr.sectionHeader th {
	vertical-align:middle;
}
#internetKeyFeatures table tr.sectionHeader td {
	padding:0;
}
#internetKeyFeatures table tr td {
	padding:15px 10px 15px 20px;
}
/*special formatting for tv equipment tab*/
#tvEquipment {
	padding-top:22px;
}
#tvEquipment .pageLevel h2{
	font-size:32px;
	margin-top:-30px;
}
#tvEquipment h2 {
	font-size:20px;
position:relative;
margin-bottom:20px;
}
#tvEquipment .fullWidthTile .legal p{
	float:left;
padding-left:44px;
}
#tvEquipment .fullWidthTile.contentLeftDefault .titleAndCopy {
	padding:62px 0 0 44px;
	width:450px;
}

.fullWidthTile .titleAndCopy h3 {
	font-size: 2em;
	margin-bottom: 10px;
}
.fullWidthTile .titleAndCopy p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 9px;
}
.fullWidthTile .titleAndCopy .priceNote {
	font-size:10px;
	font-weight:400;
	color: #666;
	margin: 0px;
}
.fullWidthTile .titleAndCopy p.price {
	font-size: 25px;
	line-height: 16px;
	color: #f27d00;
	margin-bottom: 2px;
}
.fullWidthTile .titleAndCopy span.detail {
	font-size:12px;
	font-weight:400;
	color: #666;
	letter-spacing:.05em;
}
.fullWidthTile .titleAndCopy span.priceDetail {
    font-size:15px;
    font-weight:400;
    color: #666;
    letter-spacing:.05em;
}
a.learnMore {
	color: #005695;
	text-decoration: none;
}
a.learnMore img {
	padding: 5px 0px 5px 6px;
	vertical-align: middle;
}
.fullWidthTile .titleAndCopy ul, div.bullets ul{
	list-style-type: disc;
	margin-left: 15px;	
}

.fullWidthTile .titleAndCopy ul li, div.bullets ul li {
	line-height: 1.5em;
	padding-bottom:5px;
}
ul.secondaryList {	
	margin-left: 15px;
	padding-top:10px;
}
ul.secondaryList li  {
	list-style: none;
	font-size:1em;
	line-height: 1.5em;
	padding-bottom:5px;
}
.fullWidthTile .titleAndCopy .mediaTitle {
	margin-top: 2.3em;
	font-size: 1.4em;
	font-weight: bold;
}
.titleAndCopy .mediaContainer {
    width: 437px;
    min-height: 100px;
    margin-top: 12px;
    background-color: #f7f7f7;
}
.fullWidthTile.contentRight490 .titleAndCopy .mediaContainer {
    width: 435px;
}
.fullWidthTile.contentRight520 .titleAndCopy .mediaContainer {
    width: 420px;
}
.fullWidthTile.contentRight560 .titleAndCopy .mediaContainer {
    width: 380px;
}
.fullWidthTile.contentRight575 .titleAndCopy .mediaContainer {
    width: 365px;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption {
    width: 105px;
    margin: 5px 14px 0 3px;
    float: left;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption .mediaLink {
    height: 75px;
    margin-bottom: 5px;
    position: relative;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption .mediaLink a {
    position: static;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption .mediaLink img.thumb {
    margin: 0px;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption .mediaLink img.play {
    position: absolute;
    top: -10px;
    right: -25px;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaLinkAndCaption p {
    text-align: center;
    width: auto;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-left: 10px;
    margin-top: 12px;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaCopy {
    float: left;
    width: 285px;
    margin: 10px 0 10px 15px;
}
.fullWidthTile.contentRight490 .titleAndCopy .mediaContainer .mediaCopy {
    width: 290px;
}
.fullWidthTile.contentRight520 .titleAndCopy .mediaContainer .mediaCopy {
    width: 260px;
}
.fullWidthTile.contentRight560 .titleAndCopy .mediaContainer .mediaCopy {
    width: 220px;
}
.fullWidthTile.contentRight575 .titleAndCopy .mediaContainer .mediaCopy {
    width: 205px;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaCopy h4 {
    font-size: 1.3em;
    line-height: 1.5em;
}
.fullWidthTile .titleAndCopy .mediaContainer .mediaCopy p {
    font-size: 11px;
    line-height: 16px;
    color: #666666;
    margin-top: 4px;
}
.fullWidthTile.contentLeftDefault .h310 .titleAndCopy {
	padding-top: 50px;
}
.fullWidthTile .titleAndCopy .cta {
	margin-right: 10px;
}
.fullWidthTile .titleAndCopy .cta img {
	margin-bottom: 6px;
	margin-top: 15px;
}
.fullWidth_clearEach_specialMargin1 {
	margin-bottom: 50px;
	margin-left: 40px;
	margin-right: 20px;
}
.fullWidth_clearEach_specialMargin2 {
	margin-bottom: -125px;
	margin-left: 180px;
	margin-top: -120px;
}
.marqueeStyle .titleAndCopy {
	padding-top: 60px;
	padding-left: 330px;
}
.marqueeStyle .titleAndCopy h2 {
	font-size: 2.4em;
	margin-bottom: 17px;
}
.marqueeStyle .titleAndCopy h3 {
	font-size: 2em;
	margin-bottom: 10px;
}
.marqueeStyle .titleAndCopy p {
	font-size: 1.3em;
	line-height: 1.6em;
	width: 300px;
}
.marqueeStyle .cta img {
	margin-top:11px;
	margin-left:21px;
}
#dealBlock {
	position:relative;
	float:right;
	width:630px;
	height: 60px;
}
#dealBlock .price {
	width:120px;
	float:left;
	padding-right:14px;
}
#dealBlock .price.small {
	width:100px;
	float:left;
}		
#dealBlock h6{
	margin-top:37px;
	font-size:12px;
	color:#666;
}
.fullWidthMarquee{
	margin-bottom:0;
}

#marquee.w650{
	float:left;
	margin:0 14px 0 0;
	width:650px;
}

/*-----------------------------------------promo tiles, family tiles, value tiles, layout tiles---------------------------*/
.tile {
	position:relative;
	margin:0;
	padding:0;
}
.tile p, .tile label {
	font-size:12px;
	font-weight:normal;
	padding:10px 0 10px 0;	
}
.tile h3  {
	font-size:10px;
	text-transform:uppercase;
	margin:0 0 0 0;
	color:#666;
	padding:0 0 0 0 ;
}
.tile h4 {
	color:#333;
	font-size:16px;
	font-weight:500;
	margin:8px 0 0 0;
}
.tile a{
	text-decoration:none;	
	color:#3381B7;
	padding-right:6px;
}
.tile a:hover {
text-decoration:underline;	
}
.tile a img{
	padding:5px 0 5px 6px;
	vertical-align:middle;
}
.tile a:hover{
	text-decoration:inline;	
	color:#3381B7;
}
.tile .icon{
	float:left;
	width:100px;
	text-align:center;
}
.tile .icon img{	
	margin:0;
	padding:0;
}
.tile.h162 {
	height:162px;	
}
.tile .h55 {
	height:55px;
}

/*Marquee Tile 1 and Marquee Tile 2 used in in layout /WEB-INF/jspf/layouts/marquee.jsp, this tile will be 138 px tall per comp, "botder bottom dotted adds the ten pixels of height*/

.tile.h138 {
	height:118px;
}
.tile.h222 h3{
	position:relative;
	margin-top:11px;
	margin-bottom:4px;
}
.tile.h222 h4 {
	color:#333;
	font-size:16px;
	font-weight:500;
	margin:0 0 0 0;
	line-height: 16px;
}
.tile .infotext{
	position:relative;
	margin-left:110px;
	width:343px;
	margin-top:0px;
}
.tile .bullet{
	clear:both;
	float:right;
	position:relative;
	width:343px;
	margin-top:0px;
}
.tile .bullet h4{
	position:relative;
	margin-left:0;
	margin-bottom: 7px;	
}
.tile .bullet ul li {
	line-height: 1.5em;
	margin-bottom:15px;
	
}
.tile .points ul{
	list-style-type: disc;
	margin-left: 1.6em;vertical-align:top;
}
.tile .textRight {
	padding-top:13px;
	margin-left:145px;
	max-height:115px;
}
.tile .textRight p{
	font-size:13px;
	font-weight:500;
	color:#333;
	line-height:16px;
	margin:0 0 0 0;
	padding:4px 0 0 0;
}
.tile .textRight img.cta{
	position:absolute;
	margin: 0 0 0 0;
}
.tile .textLeft {
	padding-top:13px;
	margin-left:14px;	
}
.tile .textLeft p{
	font-size:12px;
	font-weight:500;
	color:#333;
	line-height:16px;
	margin:-4px 0 0 0;
}

.tile .textLeft p.priceNote {
	padding: 6px 0 0 0;
}

#bundles .textLeft {
	margin-left:30px;
}
#bundles .titleAndCopy h2 {
	font-size:24px;
}
#bundles .pageLevel h2 {
	font-size:32px;
	padding:15px 0px 20px 14px;
	margin-bottom:0px;
}
#bundles .twoUp {
	padding-top:20px;
}
#bundles .twoUp h2 {
	font-size:24px;
}
.tile p.price {
	font-size: 24px;
	color:#f27d00;
	padding:10px 0 0 0;
	margin:0 0 0 0;
}
.tile span.detail{
	font-size:12px;
	font-weight:400;
	color: #666;
	letter-spacing:.05em;
}

.tile span.detail + br {margin-bottom:5px}

.tile p.legalese {
	font-size:10px;
	font-weight: 700;
	padding: 0 0 0 0;	
}
.tile div.MaxSpaceLearn {
	height:64px; 
	width:100px;
	background-image: url(https://0.ecom.attccc.com/media/att/2011/global/btn/btn_en_learnmore_blu29_AA000Q9X.gif); 
	background-position:bottom;
	background-repeat:no-repeat;	
}
.tile div.MedSpaceLearn {
	height:43px; 
	width:100px;
	background-image: url(https://0.ecom.attccc.com/media/att/2011/global/btn/btn_en_learnmore_blu29_AA000Q9X.gif); 
	background-position:bottom;
	background-repeat:no-repeat;	
}
.tile div.SmSpaceLearn {
	height:32px; 
	width:100px;
	background-image: url(https://0.ecom.attccc.com/media/att/2011/global/btn/btn_en_learnmore_blu29_AA000Q9X.gif); 
	background-position:bottom;
	background-repeat:no-repeat;
}
.marqueeTile .tile  h3 {
	padding:9px 0 0 0;
}
.marqueeTile .tile  h4 {
	font-size:16px;
	margin:5px 0 0 0;
	padding:0;
	line-height:16px;
}
.marqueeTile.bottom {
	margin:13px 0 0 0;
}
.marqueeTile.top{
	margin:14px 0 0 0;	
}
.marqueeTile p{
	position:relative;
	width: 200px;
	font-size:13px;
	margin:-6px 0 4px 0;
	padding-bottom:0px; 
}
 .marqueeTile.border-bottom-dotted {
    background: url("https://0.ecom.attccc.com/images/global/row-seam-dotted.gif") repeat-x scroll center bottom transparent;
    margin-bottom: 0;
    padding-bottom: 14px;
}

/*generic page title styles, these titles are teamsite tile layouts, not CA assets*/

.pageLevel h2 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 0.1em;
	padding-top: 15px;
}
.pageLevel h3 {
	text-align: center;
	font-size: 1.8em;
	color: #666666;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 1.8em;
}
.paddingLeft {
	position:relative;
	margin-left:0px;
}
.paddingLeft h2 {
	clear:both;
	font-size:18px;
	text-align:left;
	position:relative;
	margin:0 0 0 16px;	
	color:#333;
}
.twoUp .pageLevel h2 {
	font-size:18px;
	margin-bottom:16px;
	padding-top:5px;
}
#promoTile {
	margin:0;
	padding:0;
}
#promoTile h3  {
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 0 0;
	color:#666;
	padding:0 0 5px 0 ;
}
#promoTile h4 {
	color:#333;
	font-size:26px;
	font-weight:500;
	margin:0 0 0 0;
}
#promoTile p.price {
	font-size: 25px;
	color:#f27d00;
	padding:10px 0 0 0;
	margin:0 0 0 0;
}
#promoTile .textLeft {
	width:180px;
	position:absolute;
	margin-top: 34px;
	margin-left:30px;
}
.displayTile {
	float:left;
	width:298px;
	margin-left:20px;
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/div_uverse-difference_AA000P5E.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.displayTile img.display {
	width:280px;
	overflow:none;
	margin-right:1px;
	padding:0;
}
.last .displayTile, .displayTile.last {
	background:none;	
}			
.displayTile .linkBlock {
	position:relative;
	height:138px;
}
.linkTile {
	width:161px;
	float:left;
	margin-left:20px;
	margin-top:30px;
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/div_uverse-difference_AA000P5E.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
.linkTile .linkBlock {
	position:relative;
	height:100px;
}
.linkBlock li {
	margin-bottom:7px;
}
.bottomAlign {
	position:absolute;
	margin-bottom:0;
	padding-bottom:14px;	
}
.bottomBlock {
	padding-left:14px;
	padding-top:115px;	
}
.bottomBlock .legal {
	position:relative;
	margin-top:-10px;
}
.legal {
	font-size: 10px;
	color: #666;
	line-height:11px;
}

.directTV1 .legal {
position:absolute;
margin-left:285px;
margin-top:125px;
margin-bottom:0px;
text-align:left;
width:170px;
}

.directTV2 .legal {
position:absolute;
margin-left:-542px;
margin-top:80px;
margin-bottom:0px;
text-align:left;
width:974px;
}



/*-------------------------------------------packages tile---------------------------------------------------------------*/
#tvOffers, #homephoneOffers, #internetOffers, #fullWidthTile, #offers {
	position:relative;
	margin-bottom: 10px;
}
#tvOffers h2, #homephoneOffers h2, #internetOffers h2, #fullWidthTile h2, #offers h2 {
	text-align: center;
	font-size: 2.8em;
	position:relative;
	margin-bottom: 8px;
	padding: 0;
	margin-top:-17px;
}	
#tvOffers h3, #homephoneOffers h3, #internetOffers h3, #fullWidthTile h3, #offers h3{
	text-align: center;
	font-size: 2em;
	color: #666666;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 34px;
	line-height:22px;
}

#tvMain {
padding-bottom:60px;
}

#tvOffers p.legal, #homephoneOffers p.legal, #internetOffers p.legal, #fullWidthTile p.legal, #offers p.legal, #tvMain div.legal, #tvMain span.legal{
	position:relative;
	margin-left: 35px;
	margin-right:30px;
}



#offerGrid {
	text-align: center;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#pkgGrid {
	text-align: center;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.pkgCol{
	border-right: 1px solid #e3e3e3;
	float: left;
}

/* supporting package columns from 2 to 7 cols tiled across. Choose the number of columns to get the appropriate width. For example, the style for a three column pkg tile would be <div class="pkgCol col3">  */
.col2{
	width: 449px;
}
.col2-last {
	width: 450px;
	border-right: 0px none;
}
.col3{
	width: 299px;
}
.col3-last {
	width: 300px;
	border-right: 0px none;
}
.col4{
	width: 224px;
}
.col4-last {
	width: 225px;
	border-right: 0px none;
}
.col5{
	width: 179px;
}
.col5-last {
	width: 180px;
	border-right: 0px none;
}
.col6{
	width: 149px;
}
.col6-last {
	width: 150px;
	border-right: 0px none;
}
.col7{
	width: 128px;	
}
.col7-last {
	width: 129px;
	border-right: 0px none;
}

/* end of column width specifications */

/*begin column height specifications*/
#internetOffers .pkgCol .pkgName {
	height: 55px;
}
.pkgCol .pkgName {
	background-color: #eee;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0 20px 0;
}
.pkgCol .pkgName h4{
	font-size: 2.1em;	
}
.pkgCol .pkgOfferCt{
	font-size: 1.2em;
	padding:0;
}
.pkgCol .pkgOfferCt p{
	text-transform:uppercase;
}
.pkgCol .pkgOfferCt .count{
	font-size: 2.4em;
	line-height: 0.8em;
}
.pkgCol .horizSep {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #e3e3e3;
}
.pkgCol .pkgChanIcons {
	border-bottom: 1px solid #e3e3e3;
}
.pkgCol .pkgChanIcons img {
	text-align:center;
	padding:0px 0 0 0;
}
#tvOffers .pkgCol .pkgCopy {
	height:220px;
	padding: 15px 15px 30px;
	background-color: #eee;
}
#homephoneOffers .pkgCol .pkgCopy {
	height:50px;
	padding: 15px 15px 30px;
	background-color: #eee;
}
#internetOffers .pkgCol .pkgCopy {
	height:110px;
	padding: 15px 15px 30px;
	background-color: #eee;
}

.pkgCol .btmLink {
	padding-bottom: 20px;	
}
.pkgCol div.btmLink + div.btmLink {
	background-color: #eee;
/*	padding-bottom: 20px;
	margin-top: -10px;  */
}
.tvOffersFooter {
	width:974px;
	position:relative;
	margin:26px 0 0 0;
	font-size:12px;
	color:#666;
	text-align: center;
}

/*-------------------------------------------helpMenu tile---------------------------------------------------------------*/
.boxpadding {
	padding:14px;
}
.helpMenu {
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/shoppinghelp/bkd-shopping-help.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:700px;
	margin-right:2px;	
	padding-top:20px;
}

.helpMenu li, .helpMenu h2 {
width:250px;	
}

#helpMenu .linkTile {
	float:left;
	margin-left:30px;
	margin-top:16px;
	background:none;
}
#helpMenu .w320 {
    float: left;
    margin: 0 0 0 0;
    width: 320px;
}
#helpMenu .linkBlock {
	position:relative;
	height:auto;
}
#helpMenu .w290 {
	width:290px;
	float: left;
    margin: 0 14px 14px 0;
}
#helpMenu .border-bottom {
	position:relative;
	margin:0 0 20px 30px;
	height:1px;
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/div_dotted.png);
	clear:both;
}
#helpMenu .tile p {
	font-size:12px;
	font-weight:normal;
	padding:6px 0;	
	margin-bottom:2px;
}
#helpMenu .h231 {
	height: 231px;
}

/*-------------------------------------------twoCol tiles---------------------------------------------------------------*/
#twoCol .w438 {
	float:left;
	width:438px;
	position:relative;
	margin: 0 0 14px 42px;
}

#twoCol .w438 h2 {
	padding-bottom: 10px;
}

#twoCol .w438 p {
	line-height: 1.5em;
}

#twoCol .w438 a.vertPad img {
    padding: 5px 0 5px 6px;
    vertical-align: middle;
}

#twoCol .tile .infotext{
	position:relative;
	margin-left:132px;
	width: 306px;
	margin-top:0px;
}

.infotext .btmLink {
	position:relative;
	z-index:100;
}

#twoCol .tile {
	position:relative;
	margin:0;
	padding:0;
}
#twoCol .tile .icon{
	float:left;
	width:110px;
	text-align:center;
}
#twoCol .tile .icon img{	
	margin:0;
	padding:0;
}
#twoCol .tile h4 {
	color:#333;
	font-size:20px;
	font-weight:normal;
	margin:0 0 0 0;
}
#twoCol .tile p, .tile label {
	font-size:12px;
	font-weight:normal;
	padding:9px 0;	
	margin:0;
	line-height:20px;
}

/*-------------------------------------------Link farm layouts-----------------------------------------------------*/
#linkFarm {
	width:972px;
}
#linkFarm.fiveCol{
	background: url("http://0.ecom.attccc.com/shopcms/media/att/2012/shop/wireless/common/linkfarm-sprite.png") no-repeat scroll left top transparent;
}
#linkFarm.homepage {
	border: none;
}
#linkFarmTopLinks {
	background: url("http://0.ecom.attccc.com/shopcms/media/att/2012/shop/wireless/common/linkfarm-sprite.png")  -325px -366px ;
	margin-bottom: 25px;
	margin-left: 30px;
	margin-top: 25px;
	padding: 4px 0 4px 24px;
	width: 600px;
}
#linkFarmTopLinks .topLinkImg {
	vertical-align: middle;
}
#linkFarmTopLinks p {
	color: #666666;
}
#linkFarmTopLinks .pipe {
	color: #d9d9d9;
}
#linkFarmTopAndMain {
	float: left;
	width: 765px;
	height:auto;
}
#linkFarm.fullWidth #linkFarmTopAndMain{
	width: 972px;
	background:transparent url(https://0.ecom.attccc.com/media/att/2011/shop/common/ie-gr-top-topgradient-nofat.png) no-repeat top left;
	background-color:#f9f9f9;
}
#linkFarm.homepage #linkFarmTopAndMain {
	background-color: transparent;
}
#linkFarmMain {
	position:relative;
	margin-left: 42px;
	width: 932px;
	padding-bottom:15px;
}
.fourColumnFormat {
	width:976px;	
}
.fourColumnFormat  .linkFarmCol {
	width: 200px;
	padding-left: 20px;
}
.fourColumnFormat  .linkFarmCol img {
	width: 37px;
	height: 40px;
}
#fiveColumnFormat {
	position:relative;
	margin-left:42px;
	width:720px;	
	float:left;
	padding-bottom:25px;
}

#fiveColumnFormat .linkFarmSectionWithImg div.leftImg {width:200px}
#fiveColumnFormat .linkFarmSectionWithImg .titleAndList {width:145px}

#linkFarmOther {
	float: left;
	width: 207px;
	height:auto;
	padding-bottom:25px;
}
#linkFarmTopAndMain .linkFarmCol {
	float: left;
	margin-left: 4px;
}
.linkFarmSectionWithImg .leftImg,
.linkFarmSectionWithImg .titleAndList {
	float: left;
}
.linkFarmSectionWithImg .leftImg {
	margin-right: 22px;
}
.linkFarmCol .linkFarmSection {
	width: 160px; 
}

#fiveColumnFormat .linkFarmCol .linkFarmSection
{
	width: 150px; 
}

#linkFarm.homepage .linkFarmSection {
	width: 210px;
}
.linkFarmCol .linkFarmSectionWithImg {
	width: 210px;
}
#linkFarm.fullWidth .linkFarmSectionWithImg {
	width: auto;
}
.linkFarmSectionWithMargin {
	margin-left: 55px;
	margin-top: 20px;
}
.linkFarmSection h4, .linkFarmSectionWithImg h4,
.linkFarmSectionWithMargin h4 {
	color: #666666;
	font-size: 10px;
	line-height: .9em;
	text-transform:uppercase;
	position:relative;
	margin-bottom:8px;
	padding-right:5px;
}
.linkFarmSection ul, .linkFarmSectionWithImg ul,
.linkFarmSectionWithMargin ul {
	font-size: 12px;
}
.linkFarmSection ul li, .linkFarmSectionWithImg ul li,
.linkFarmSectionWithMargin ul li {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 7px;
}
.linkFarmSection ul li a, .linkFarmSectionWithImg ul li a,
.linkFarmSectionWithMargin ul li a {
	font-size: 12px;
	color: #3381B7;
}
#linkFarmOther .linkFarmCol {
	margin-left: 30px;
}
#linkFarmOther .linkFarmSection {
	margin-top: 71px;
}
#fiveColLinkFarm .bg-gr-bottom-shadow {
	background:transparent url(https://0.ecom.attccc.com/media/att/2011/shop/common/ie-gr-bottom-background-5tile-nofat.png) no-repeat top left;
}
.bg-gr-bottom-shadow {
    background: url(https://0.ecom.attccc.com/media/att/2011/shop/common/ie-gr-shop-bottom-background-nofat.png) no-repeat scroll left top transparent;
}
.wirelessLegal {
	position:absolute;
	margin-top:-30px;
	margin-left:103px;
	margin-bottom:10px;	
}

/*-----------------------Layout Styles----------------------------*/
.secondary4uplayout h2 {
	font-size:18px;
	text-align:left;
	margin-left:30px;
	margin-bottom:14px;
}

/*-----------------------valueTile Styles----------------------------*/
#uverseFamilyBox {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#uverseFamilyBox .vertSep .valueTile{
	background:url(https://0.ecom.attccc.com/media/att/2011/shop/common/bkd_div_vertical_197_AA000PN6.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
#uverseFamilyBox .valueTile {
	height: auto;	
	margin-bottom:20px;
}
#uverseFamilyBox .valueTile .last{
	height: auto;
	background:none;
}

#uverseFamilyBox .valueTile a{
	clear:both;
	position:relative;
	margin-left:50px;
	margin-bottom:0px;
	text-align:left;
	margin-right:168px;
}

#uverseFamilyBox .valueTile h4{
	margin-left:50px;
	width:auto;
	text-align:left;
	margin-bottom:20px;
}

#uverseFamilyBox .valueTile {
	text-align:left;
}
#uverseFamilyBox .valueTile img.notch {
	position: relative;
	margin-left:140px;
	margin-top:-1px;
}
#uverseFamilyBox .valueTile .mainImg{
	position: relative;
	margin-left:50px;
	margin-top:5px;
}
#uverseFamilyBox .valueTile .notchContainer {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.valueTile {
	text-align: center;
	float: left;
	width: 299px;
	height: auto;
	position: relative;
}

.lastValueTile {
	width: 300px;
}
.valueTile img.notch {
	position: relative;
	margin-top:-1px;
}
.valueTile .notchContainer {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.valueTileGradient {
	background: transparent url(https://0.ecom.attccc.com/media/att/2011/shop/common/meetuverse_bkd_active.jpg) repeat-x scroll left top;
	
}
.valueTile img.mainImg {
	width: 146px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	margin-bottom: 18px;
}
#tvEquipmentValueTiles {
	width: 972px;
	margin:0 0 0 13px;
}
#tvEquipmentValueTiles .valueTile {
	float:left;
	text-align:center;
	width: 319px;
	height: auto;
	min-height: 400px;
	position: relative;
	border-right:1px #d4d4d4 solid;
}
#tvEquipmentValueTiles .valueTile .last{
	border-right:none;
}
#tvEquipmentValueTiles .valueTile img.mainImg {
	text-align:center;
	width: auto;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	margin-bottom: 18px;
}

#tvEquipmentValueTiles .valueTile h4 {
	font-size: 20px;
	text-align:left;
	position:relative;
	margin-left:30px;
}
#tvEquipmentValueTiles .valueTile p {
	color:#333333;
}

#tvEquipmentValueTiles .valueTile a {
	margin-left:-125px;
}

#tvEquipmentValueTiles .valueTile ul {
position:relative;
margin-left:45px;
}

#tvEquipmentValueTiles .valueTile ul li {
	vertical-align:middle;
	text-align:left;
	width:240px;
}

#tvEquipmentValueTiles p {
	text-align:left;
	width:250px;
	margin-left:30px;
}


/* controls the arrow placement on CTA*/
.valueTile img {
	position:relative;
	vertical-align:middle;
	margin-left:3px;
}
.valueTile h4 {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
.valueTile p {
    width: 200px;
    text-align: left;
    margin: auto;
    margin-bottom: 30px;
    color: #666666;
    font-size: 1.2em;
    line-height: 1.5em;
    height:75px;
}
#uverseFamilyBox .familyFooter {
	border-top: 1px solid #e3e3e3;
	height: 30px;
	background-color: #f3f3f3;
	text-align: left;
	padding: 20px 20px 24px 20px;
}
#uverseFamilyBox .familyFooter .textAndCta {
	margin-left: 165px;
}
#uverseFamilyBox .familyFooter p {
	font-size: 18px;
	color: #646464;
	float: left;
	margin-top: 4px;
}
#uverseFamilyBox .familyFooter a {
	margin-left: 20px;
	float: left;
}
.transparency40per {
	opacity:0.4;
}
#whyChooseATT h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
}
#whyChooseATT .bgDiv {
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/bkd_div_vertical_197_AA000PN6.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float: left;
	width: 310px;
	padding-left: 10px;
}
#whyChooseATT .valueTile {
    float: left;
    width: 320px;
    height: auto;
    min-height: 205px;
    text-align: left;
    margin-top: -4px;
}
#whyChooseATT .valueTile img.mainImg {
	float: left;
	width: 150px;
	height: 175px;
	margin-right: 5px;
}
#whyChooseATT .valueTile h4 {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #333;
	margin: 20px 0 4px 0;
}
#whyChooseATT .valueTile p {
    font-size: 12px;
    line-height: 16px;
    color: #333;
    padding-right: 25px;
    width: auto;
}
#whyChooseATT .valueTile a {
	text-decoration: none;
}
#whyChooseATT .valueTile a img {
    padding: 5px 0;
    vertical-align: middle;
}
#whyChooseATT .vertSep {
    float: left;
}
#uverseValueTiles {
	width: 898px;
	margin-left: 36px;
	background-color:#F7F7F7;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}
#uverseValueTiles .bgDiv {
	background-image: url(https://0.ecom.attccc.com/media/att/2011/shop/common/div_uverse-difference_AA000P5E.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 298px;
}
#uverseValueTiles .valueTile img.mainImg {
	width: 284px;
	height: 142px;
	margin-top: 0px;
}
#uverseValueTiles .valueTile {
	text-align:left;
	float: left;
	width: 298px;
	height: auto;
	min-height: 355px;
	position: relative;
	/* background-color: #F7F7F7; */
}
#uverseValueTiles .first .valueTile {
	float: left;
	width: 298px;
	height: auto;
	min-height: 400px;
	position: relative;
}
#uverseValueTiles .valueTile h4 {
	text-align: left;
	padding-left: 55px;
}
#uverseValueTiles .valueTile p {
	margin: 0 0 20px 0;
	padding-left: 55px;
	color:#333;
}
#uverseValueTiles .valueTile .tileBtm {
	text-align: left;
	padding-left: 55px;
	position: absolute;
	bottom: 30px
}
#uverseValueTiles .bgDiv .valueTile a {
	text-align:left;
    left: 55px;
    position: absolute;
    top: 300px;
}
#uverseValueTiles .valueTile .cta {
    left: 75px;
    position: absolute;
    top: 290px;
}

#uverseValueTiles .valueTile .cta img{
position:relative;
margin-left:-20px;
margin-top:-5px;
float:left;
}
#homephoneValueTilesTitle {
	margin-top: 34px;
}
#homephoneValueTilesTitle h2 {
    font-size: 2.4em;
    margin-bottom: 0.1em;
    padding-top: 0px;
    text-align: center;
}
#homephoneValueTilesTitle h3 {
    color: #666666;
    font-size: 1.8em;
    margin-bottom: 1.8em;
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
}
#homephoneValueTiles {
	width: 900px;
	margin-left: 36px;
	background-color:#F9F9F9;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	min-height: 275px;
}
#homephoneValueTiles .bgDiv {
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/bkd_div_vertical_197_AA000PN6.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float: left;
	width: 298px;
}
#homephoneValueTiles .valueTile img.mainImg {
	width: auto;
	height: 150px;
	margin: 24px 0 0 0;
}
#homephoneValueTiles .valueTile {
	float: left;
	width: 298px;
	height: auto;
	min-height: 275px;
	position: relative;
}
#homephoneValueTiles .valueTile h4 {
	text-align: left;
	padding-left: 55px;
}
#homephoneValueTiles .valueTile p {
	margin: 0 0 20px 0;
	padding-left: 55px;
}
#homephoneValueTiles .valueTile .tileBtm {
	text-align: left;
	padding-left: 55px;
	position: absolute;
	bottom: 30px
}
#learnMoreValueTiles h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
}
#learnMoreValueTiles .bgDiv {
	background-image:url(https://0.ecom.attccc.com/media/att/2011/shop/common/bkd_div_vertical_197_AA000PN6.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float: left;
	width: 310px;
	padding-left: 10px;
}
#learnMoreValueTiles .valueTile {
    float: left;
    width: 320px;
    height: auto;
    min-height: 205px;
    text-align: left;
    margin-top: -4px;
    padding: 0 0 20px 0;
}
#learnMoreValueTiles .valueTile img.mainImg {
	float: left;
	width: 150px;
	height: 175px;
	margin-right: 5px;
}
#learnMoreValueTiles .valueTile h4 {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #333;
	margin: 20px 0 4px 0;
}
#learnMoreValueTiles .valueTile .focusImg{
    float: left;
}
#learnMoreValueTiles .valueTile .focusText{
    float: left; width: 150px;
}
#learnMoreValueTiles .valueTile .focusText .description {
    font-size: 12px;
    line-height: 16px;
    color: #333;
    padding: 0 25px 20px 0;
    width: auto;
}
#learnMoreValueTiles .valueTile a {
	text-decoration: none;
}
#learnMoreValueTiles .valueTile div.valueImg{
    position: relative;
    left: 155px;
}
#learnMoreValueTiles .valueTile div.valueImg img{
    margin: 0;
    padding: 0;
}
#learnMoreValueTiles .valueImg {
    clear: both;
}
#learnMoreValueTiles .vertSep {
	float: left;
}

/*-----------------------------StayConnected Styles---------------------------------------*/
.w946 {
	float:left;
	margin:0 14px;
	width:946px;
}
.box.w946 {
	left:-1px;
	position:relative;
}
.optIn {
	position:relative;
	margin:14px 0 14px 0;
	height:48px;
}
.optIn p, .optIn label {
	margin:0 0 14px 0px;
	color:#333333;
}

.padding20 {
	padding-left:20px;
}

div.enterEmail {
	position:relative;
	margin-top:15px;
	height:25px;	
}

#stayConnectedID {
	margin-left:20px;
	float:left;
	background-color:#f3f3f3;
}

#stayConnectedID span {font-weight:bold; font-size:11px text-transform:uppercase}
#stayConnectedID span + span {font-weight:normal; font-size:12px; text-transform:none}

span.stayConnected-sp, label.stayConnected-sp, div.stayConnected-sp {
	position:relative;
	margin-top:-9px;
	font-size:12px;
	color:#333333;
	line-height:12px;
}

div.enterEmail input.clear-input {
font-size:12px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:transparent url(https://0.ecom.attccc.com/images/global/forms/bg-input.png) repeat-x scroll 0 0;
border-color:#AAAAAA #CCCCCC #CCCCCC #AAAAAA;
border-style:solid;
border-width:1px;
color:#777777;
font-weight:normal;
outline-color:-moz-use-text-color;
outline-style:none;
height:25px;
}

div.enterEmail input.arrow {
	height:27px;position:absolute;margin-top:-3px;*margin-top:-2px;margin-left:-20px;border:none;
}
.mediaShare {
	border:0px;
	width:205px;
	height:auto;
	position:relative;
	margin-top:-70px;
	margin-left:716px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;	
}

.position-sp {
position:relative;
margin-top:-85px;
}


.mediaShare h5 {
	font-size:12px;	
	position:absolute;
	margin-top:6px;
	padding-left:3px;
	z-index: 50!important;
}

.mediaShare img {position:absolute; right:1px; top:-8px}
/*-----------------------upperfunelPage Styles----------------------------*/
/* overwriting global style for upper funnel page width */
.primary-content-full {
	width: 974px;
	position:relative;;
	margin: 0;
}
.page-title, .page-title3 {
	height: auto;
	padding: 10px 0 0 25px;
	position: absolute;
	top: 0px;
	left: -28px;
}
.page-title-container {
	position: relative;
}
.page-title2 {
	height: auto;
	padding: 0 0 25px 30px;
}		
.page-title h1{
	font-size: 18px;
	color: #666666;
	position:relative;
	z-index:89
}
.page-title3 h1 {
	float: left;
	line-height: 28px;
	margin: 3px 10px 0 28px;
	font-size: 26px;
	color: #666666;
	position:relative;
	z-index:89
}
.page-title2 h1 {
	font-size: 26px;
	color: #333333;
}			


/*breadcrumb styles*/
.breadcrumbs {
	position:relative;
	padding:20px 0 20px 30px;
	color:#666;
	font-size:11px;
}
.breadcrumbs a{
	font-size:11px;
	color:#067ab4;
}			
.right {
	float:right;	
}
.left {
	float:left;	
}
.topMargin {
	position:relative;
	margin-top:50px;
}

/* positioning for LivePerson chat div */
.lpDiv {
	position: absolute;
	top: 7px;
	right: 15px;
	z-index: 1;
}
.lpDiv-so {
	position: absolute;
	top: 17px;
	right: 15px;
	z-index: 1;
}
.lpDiv-lob {
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 1;
}

/*-----------------------upperfunel carousels style----------------------------*/
/* 
 * Styles for carousels implemented in upper funnel with jcarousel.
 */
 .carouselWrapper {
 	margin-bottom: 30px;
 }
 .carouselWrapper h2 {
 	margin-left: 28px;
	padding-top:20px;
 	font-size: 18px;
 }
.jcarousel-container-horizontal {
    width: 948px;
    height: 350px;
	margin:auto;
    /* border: 1px solid red; */
}
.wirelessCarouselStyle1, .wirelessCarouselStyle2 {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background:transparent url(https://0.ecom.attccc.com/media/att/2011/shop/wireless/landing/bkd_carousel_gradient_AA000RVV.jpg) repeat-x bottom left;
}
.appsCarouselWrapper {
	width:926px;
	margin:0 10px 20px;
	background:transparent url(https://0.ecom.attccc.com/media/att/2011/shop/wireless/landing/bkd_carousel_gradient_AA000RVV.jpg) repeat-x bottom left;
}
.carouselWrapper .dropShadow {
	background-color:#F2F2F2;
	width:100%;
	height:1px;
}
.wirelessCarouselStyle1 .jcarousel-container-horizontal,
.wirelessCarouselStyle2 .jcarousel-container-horizontal {
    width: 948px;
    height: 190px;
    /* border: 1px solid red; */
}
.appsCarouselWrapper .jcarousel-container-horizontal {
    width: 928px;
    height: 410px;
    /* border: 1px solid red; */
}
.jcarousel-clip-horizontal {
    width: 862px;
    height: 350px;
    margin: 0 42px 0 43px;
    z-index: 20;
}
.wirelessCarouselStyle1 .jcarousel-clip-horizontal {
	width: 825px;
	height: 150px;
	padding-top: 20px;
	margin: 0px 62px 10px 62px;
	clear:both;
}
.wirelessCarouselStyle2 .jcarousel-clip-horizontal {
	width: 825px;
	height: 150px;
	padding-top: 20px;
	margin: 0px 62px 0px 62px;
}
.appsCarouselWrapper .jcarousel-clip-horizontal {
	width: 805px;
	height: 370px;
	padding-top: 20px;
	margin: 0px 62px 0px 62px;
}
#shopLandingCarousel .horiz-item-li,
#shopLandingCarousel .jcarousel-item-horizontal,
#shopLandingCarousel .jcarousel-item-placeholder-horizontal {
    width: 431px;
    height: 348px;
    margin: 1px 0 1px 0;
    /*background: url(/images/Wireless/Promotions/LandingPages/B2C-59346_-_U-verse_Choice/img_59353_BGGradient_AA000L3Q.png) no-repeat left;*/
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-li,
.wirelessCarouselStyle1 ul.jcarousel .jcarousel-item-horizontal,
.wirelessCarouselStyle1 ul.jcarousel .jcarousel-item-placeholder-horizontal {
    width: 275px;
    height: 150px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-li,
.wirelessCarouselStyle2 ul.jcarousel .jcarousel-item-horizontal,
.wirelessCarouselStyle2 ul.jcarousel .jcarousel-item-placeholder-horizontal {
    width: 407px;
    height: 150px;
}
#appsCarousel .horiz-item-li,
#appsCarousel .jcarousel-item-horizontal,
#appsCarousel .jcarousel-item-placeholder-horizontal {
    width: 268px;
    height: 370px;
}

.shopLandingCarousel .jcarousel-list {
	height: 350px;
}
.wirelessCarouselStyle1 .jcarousel-list {
	height: 150px;
}
.wirelessCarouselStyle2 .jcarousel-list {
	height: 150px;
}
.appsCarousel.jcarousel-list {
	height: 370px;
}
.horiz-item-div {
	position: relative;
	float: left;
}
.shopLandingCarousel .horiz-item-div {
	width: 428px;
	height: 340px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div {
	width: 265px;
	height: 150px;
	margin-right: 10px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div .prodImg {
	float: left;
	width: 86px;
	height: 143px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div .prodInfoContainer {
	float: left;
	width: 172px;
	height: 150px;
	padding-left: 5px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div .prodInfo {
	width: 172px;
	height: 120px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div .prodInfo .ratingImg {
	/* width: 105px;
	height: 21px;*/
	margin-left: -12px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div a img {
	padding-left: 0px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div img.cta {
	width: 90px;
	height: 24px;
}
.wirelessCarouselStyle1 ul.jcarousel .horiz-item-div .prodInfo p.price {
	font-size: 18px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div {
	width: 358px;
	height: 150px;
	margin-right: 26px;
	margin-left: 26px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div .prodImg {
	float: left;
	width: 92px;
	margin-left: 45px;
	margin-right: 45px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div .prodInfoContainer {
	float: left;
	width: 172px;
	height: 150px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div .prodInfo {
	float: left;
	width: 172px;
	height: 120px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div .prodInfo .ratingImg {
	margin-left: -12px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div a img {
	padding-left: 0px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div img.cta {
	width: 90px;
	height: 24px;
}
.wirelessCarouselStyle2 ul.jcarousel .horiz-item-div .prodInfo p.price {
	font-size: 18px;
}
#shopLandingCarousel .textLeft,
#shopLandingCarousel .textRight {
	padding-top: 43px;
	padding-left: 23px;
}
#shopLandingCarousel .tile h3 {
	font-size: 11px;
	color: #666;
	padding: 0;
}
#shopLandingCarousel .tile h4 {
	font-size: 26px;
	color: #333;
	width: 150px;
	padding-top:4px;
	line-height: 1.0em;
	margin-top:0;
}
#shopLandingCarousel .tile p {
	width: 150px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding-top: 5px;
	height: 46px;
	margin: 0 0;
}
#shopLandingCarousel .tile p.price {
    color: #F27D00;
    font-size: 25px;
    margin: 0;
    padding: 10px 0 5px 0;
    height: auto;
	position:absolute;
	
}
#shopLandingCarousel .tile p.detail {
    color: #666;
	font-size: 11px;
	height: auto;
	position:relative;
	top:25px;
}
#shopLandingCarousel .tile p span.detail {
	font-size: 11px;
	color: #999;
}
#shopLandingCarousel .tile img {
	width: auto;
	height: 40px;
	padding:5px 0;
}
#shopLandingCarousel img.vertSep {
	float: left;
	width: 3px;
	height: 350px;
}
#shopLandingCarousel .textLeft .legal {
	position: absolute;
	top: 324px;
}
#shopLandingCarousel .textLeft .cta {
	position: absolute;
	top: 273px;
}
#appsCarousel li {
	float:left;
}
.appsCarouselHeader {
	margin:0 0 0 16px;
}
.appsCarouselItem {
	width:233px;
	margin:0 auto;
	padding:0;
}
.appsCarouselItemTitle {
	font-weight:bold;
	margin:0;
	font-size:12px;
	line-height:20px;
}
.appsCarouselItemDescription {
	font-size:12px;
	line-height:17px;
}
.jcarousel-next-horizontal {
    position: absolute;
    top: 160px;
    right: 5px;
    width: 21px;
    height: 32px;
    cursor: pointer;
    background: url("http://0.ecom.attccc.com/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif") no-repeat -42px 0px;
}
.jcarousel-next-disabled-horizontal {
    cursor: default;
    background: url("http://0.ecom.attccc.com/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif") no-repeat -63px 0px;
    
}
.jcarousel-prev-horizontal {
    position: absolute;
    top: 160px;
    left: 5px;
    width: 21px;
    height: 32px;
    cursor: pointer;
    background: url("http://0.ecom.attccc.com/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif") no-repeat 0px 0px;
}
.jcarousel-prev-disabled-horizontal {
    cursor: default;
    background: url("http://0.ecom.attccc.com/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif") no-repeat -21px 0px;
}
.wirelessCarouselStyle1 .jcarousel-next-horizontal,
.wirelessCarouselStyle1 .jcarousel-next-disabled-horizontal {
	top: 70px;
	right: 25px;
}
.wirelessCarouselStyle1 .jcarousel-prev-horizontal,
.wirelessCarouselStyle1 .jcarousel-prev-disabled-horizontal {
	top: 70px;
	left: 25px;
}
.wirelessCarouselStyle2 .jcarousel-next-horizontal,
.wirelessCarouselStyle2 .jcarousel-next-disabled-horizontal {
	top: 70px;
	right: 25px;
}
.wirelessCarouselStyle2 .jcarousel-prev-horizontal,
.wirelessCarouselStyle2 .jcarousel-prev-disabled-horizontal {
	top: 70px;
	left: 25px;
}
.appsCarouselWrapper .jcarousel-next-horizontal,
.appsCarouselWrapper .jcarousel-next-disabled-horizontal {
	top: 170px;
	right: 25px;
}
.appsCarouselWrapper .jcarousel-prev-horizontal,
.appsCarouselWrapper .jcarousel-prev-disabled-horizontal {
	top: 170px;
	left: 25px;
}
ul.carouselTabContentSelector {
	margin-left: 14px;
	position:relative;
	z-index:50;
}
ul.carouselTabContentSelector li {
	float: left;
	margin-right: 20px;
	text-align:center;
}
ul.carouselTabContentSelector li a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
ul.carouselTabContentSelector li img {
	margin-top:9px;
	visibility:hidden;
}
ul.carouselTabContentSelector li.forcedOrange img   {
	visibility:visible !important;
}
ul.carouselTabContentSelector li.forcedOrange a {
	color: #f37f06 !important;
}
.w226 {
	margin:0 8px 0 0;		 	
}
.w226-inner-padding {
	background: url('https://0.ecom.attccc.com/media/att/2011/tiles/w227h125/clo-need-more-help_AA000QTO.jpg') no-repeat scroll right bottom transparent;
	padding:10px;
	}
#spoff  {
	width:100%;
}
#spoff #lpButton-1 {
	float:right;
	height:30px;
	margin-top:margin:23px;
}
#spoff .button-wrap {
	float:right;
}
#spoff #print-button {
	width:100px;
	height:30px;
	width:70px;
	margin:17px 14px 0px 10px;
	cursor:pointer;
	background:transparent url(https://0.ecom.attccc.com/media/att/2011/global/btn/btn_en_print_wht29_AA000RH4.gif) top left no-repeat;
}
#spoff .spoff-title {
	float:left;
}
#spoff .spoff-title h1 {
	padding:20px 0px 14px 30px;
}

/* table formatting styles for features tabs on wireless and internet pages */
table {
	margin: 0 35px 16px 35px;
	width: 900px;
}
table {
	border:1px solid #E5E5E5;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} 
table tr.sectionHeader {
	background-color: #F2F2F2;
}
table tr.sectionHeader td {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding-top: 10px;
}
table tr.sectionHeader td.colHeader {
	text-align: center;
	padding: 10px;
}
.s10 {
	font-size: 10px;
	font-weight: normal;
}
.s12 {
	font-size: 12px;
	font-weight: normal;
}
.s14b {
	font-size: 14px;
	font-weight: 900;
}
.s22 {
	font-size: 22px;
	font-weight: normal;
}
#featureClean {
	padding: 0px;
	margin: 0px;
}
#featureName {
	float: left;
	font-size: 1.2em;
	font-weight: 900;
	padding: 20px 10px 20px 20px;
}
#featurePrice {
	float: right;
	font-size: 16px;
	font-weight: normal;
	padding: 18px 40px 18px 10px;
}
#optFeatureTitle {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	padding: 20px 20px 15px 20px;
}
#optFeatureName {
	line-height: 30px;
	float: left;
	font-size: 1.2em;
	font-weight: 900;
	padding-left: 20px;	
	text-align: left;
}
#optFeaturePrice {
	line-height: 30px;
	float: right;
	font-size: 16px;
	font-weight: normal;
	padding-right: 40px;
}
#padBottom10 {
	padding-bottom:10px;
}
table tr td#tableHeader {
	background-image: url(https://0.ecom.attccc.com/media/att/2011/shop/common/img_bg_gray_tabs_1x54_AA000OML.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px;
}
table tr td#tableHeader .Title {
	font-size: 20px;
	font-weight: normal;
	float: left;
	padding:25px 20px 20px 20px;
}
table tr td#tableHeader .Button {
	float: right;
	padding: 15px 20px 15px 20px;
}
table tr td#tableFooter {
	background-color: #F2F2F2;
	padding:0px;
}
table tr td#tableFooter .Button {
	float: right;
	padding: 15px 20px 15px 20px;
}
table tr td {
	font-size: 12px;
	font-weight: normal;
	height: 40px;
	padding-top: 10px;
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-left: 20px;
	border: 1px solid #E5E5E5;
	text-align: center;
	vertical-align: middle;
	line-height:15px;
}
table tr td .left {
	text-align: left;
}
table tr td .bold {
	font-weight: 900;
}
table tr.sectionHeader th {
	font-size: 14px;
	font-weight: 900;
	text-align: center;
	padding: 25px 10px 25px 10px;
	line-height: 18px;
}
.keyFeaturesFootnote {
	padding-left: 30px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #666666;
}
/* Over-writing style in global-styles.css for /shop/special-offers/ */
.w306.box, .w306.box.last {
	float: left;
	width: 304px;
	margin-left: 14px;
	margin-bottom: 14px;
	margin-right: 0px;
}

/* in page messaging sections styles */
#inPageMessagingBox { position: relative; margin-top: 5px; padding: 12px 38px; }
#inPageMessagingBox .toggle {
	position: absolute;
	right: 10px;
	top: 8px;
	padding-right: 25px;
	display: inline-block;
	background: url("https://0.ecom.attccc.com/images/global/btn_close.gif") no-repeat scroll 100% 50% transparent;
}
#inPageMessagingBox .titleSection, #inPageMessagingBox .messageSection, #inPageMessagingBox .linkSection {
	text-align: center;
}
#inPageMessagingBox .titleSection p {
	font-size: 1.8em;
	color: #333333;
}
#inPageMessagingBox .messageSection p {
	font-size: 1.4em;
	color: #666666;
}
#inPageMessagingBox .linkSection a {
	font-size: 1.3em;
	color: #067AB4;
	margin-right: 20px;
	background: url(https://0.ecom.attccc.com/media/att/2011/global/btn/img_blue_arrow_9x13.gif) no-repeat scroll right 2px transparent;
	padding-right: 12px;
}

/* BEGIN: LG THRILL 4  */

ul.specs li {
	padding: 0 0 0 40px;
}
ul.specs li div.specs-div {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	color: #000;
}
div.right-tiles {
padding: 14px;
width: 230px;
height: 130px;
}
div#specs-tile {
	padding: 20px;
	width: 633px;
	margin: 0 auto 15px auto;
}

p#fine-print {
	z-index: 9999;
	bottom: 120px;
	right: 15px;
	color: #999;
	font-weight:bold;
	font-size: 10px;
}
p#crumbs {
	z-index: 9999;
	top: 10px;
	left: 35px;
}

iframe#social-icons {
	position: absolute; 
	top: 10px; 
	right: -10px;
	z-index: 9999;
	width: 350px;
}

#ie iframe#social-icons {
	right: -25px; 
}

/* END: LG THRILL 4 */
div.orangeheading h3.orangeheadingtext, div.orangeheading h2.orangeheadingtext {
	margin-bottom: 1em;
    color: #F37F06;
}
/* adding below css to fix ECOM1202-3597 ticket */

div.primary-content-full .sixup h2 {
  font-size: 18px;
  margin-left: 28px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.shopmywayLandingHero{
	padding: 54px 0 0 0;
}

#storelocator div.page-title h1{
	padding: 12px 0 0 0;
}

.leadgeneration .newMediaShare {
	width: 208px;
	position: relative;
}

.newMediaShare h5 {
	font-size: 12px;
	top: 14px;
	left: 6px;
	position: absolute;
	z-index: 50!important;
}
.promotionalcontent{
	height:10px;
}
/* B2C-198505 Start */
.catagory{padding-bottom:38px; padding-top:49px; display: table; padding-left:14px;}
.catagory{border-top:1px dotted  #e3e3e3;}
.catagory .catagoryImgLeft{ padding-right:40px;  display: table-cell;  vertical-align: middle;}
.catagory .catagoryImgRight{display: table-cell;  vertical-align: middle; padding-left: 38px}
.catagory .catagoryImgLeft img, .catagory .catagoryImgRight img{width:400px; }
.accordionCategory{width:452px; margin:0 ; display:inline-block}
.accordionCategory .expandAll{margin-bottom: 0; padding: 10px 18px;text-align:right;}
.accordionCategory .toggleRow{padding: 12px 24px 12px 16px;}
.accordionCategory a.toggle{ color: #067ab4; font-size: 16px; padding-left:35px }
.accordionCategory h2{padding-bottom:21px; line-height:21px}
.accordionCategory p{font:12px/17px normal Arial, Helvetica, sans-serif; margin-bottom:0;  width:340px}
.accordionCategory .row.accordionBody{padding:14px}
.accordionCategory .accordionBody .imgLeft{float:left; margin-right:14px}
.accordionCategory .accordionBody p{width:280px; float:left;}
.accordionCategory .accordionBody .contentBottom{ margin-left:67px; margin-top:14px;}
.clearfix{clear:both;}
.accordionCategory .accordionBody .contentBottom .learnMore{padding: 0 0 0 15px;width: 80px; margin-right:20px}
.accordionCategory .accordionBody .contentBottom .learnMore .offer{font-size:11px; color:#333333; }
.accordionCategory .accordionBody .contentBottom .learnMore a{font-size:14px;display:block; margin-top:12px;}
.accordionCategory .accordionBody .contentBottom .OSAvail{font-size:10px; text-transform:uppercase; color:#666666; margin-bottom:10px;}
.accordionCategory .accordionBody .contentBottom .OS{border-left:1px solid #e3e3e3; padding-left:20px}
.accordionCategory .accordionBody .contentBottom .OSLogo img{margin-right:10px;}
@font-face {
    font-family: 'OmnesATTW02Medium';
    src: url('fonts/Omnes-Medium.eot');
    src: url('fonts/Omnes-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Omnes-Medium.woff') format('woff'),
         url('fonts/Omnes-Medium.ttf') format('truetype'),
         url('fonts/Omnes-Medium.svg#omnes_attregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.productPrice { color: #f27d00; margin: 0; padding: 3px 0; width:63px}
.productPrice .priceMain { float: left; font-size: 36px; font-family:OmnesATTW02Medium!important;  line-height: 36px;}
.productPrice .currency, .productPrice .priceDec {float: left; font-size: 21px;margin-top: -6px;font-family:OmnesATTW02Medium !important;  line-height: 36px;}
.productPrice .priceDuration{  font-family:OmnesATTW02Medium !important;	float: left;  font-size: 13px; margin-left: -23px; margin-top: 21px;}
.productPricepar{width:63px;}
.OSpar{width:109px;}
.accordionCategory .accordionContent .Heading.section h2 { font-size: 2em; padding :0px 0px 21px 0px;}
/* B2C-198505 End */