/* update height from globlal 170px for upper-funnel pages */
#globalNav {
    height: 158px;
    position: relative;
    width: 100%;
    z-index: 90;
}

/* 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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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.contentRight405 .titleAndCopy {
    padding-top: 26px;
    padding-left: 405px;
    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.priceDetail {
    font-size:15px;
    font-weight:400;
    color: #666;
    letter-spacing:.05em;
}
.fullWidthTile .titleAndCopy span.detail {
    font-size:12px;
    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;
}
.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;
    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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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 .offer {
	padding: 40px;
}
.pkgCol .pkgOfferCt{
    font-size: 1.2em;
    padding:16px 0 0  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 {
    background-color: #eee;
    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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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("https://www.att.com/es-us/shopcms/media/att/2012/shop/wireless/common/linkfarm-sprite.png") no-repeat scroll left top transparent;
}
#linkFarm.homepage {
	border: none;
}
#linkFarmTopLinks {
	background: url("https://www.att.com/es-us/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;
   min-height: 13px;
}
#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://www.att.com/es-us/sd0/sdecom/dattccc/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: 15px;
    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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9oAAAALCAAAAACl9qqMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMJJREFUGBntwcFRw0AQRcH3/qzsGMg/Ow4cMKagVN5FDkNmut0f+/774xut/S8fF1BU5IW8j+t122poTNFaexGJQsBUTVprLyFViUZNRm601l7A16hECSZV2/1Ga+307vs2KsJAUwu+P2vOuRattRMSk8xx2UZFHWIAUw+V1to5echWY1RUBhjA1GOuA621M1KTVFUOMAQCzoy51qK1dk4aY8WIDhBi5npi0Vo7I/EpPoGLxWIdWIvDorV2NgKiooj8AWYWNabLfeBXAAAAAElFTkSuQmCC") no-repeat top left;
}
.bg-gr-bottom-shadow {
    background: url(https://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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;
}

#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("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAWgAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQIBAQECAgIBAQICAgICAgICAgMCAwMDAwIDAwQEBAQEAwUFBQUFBQcHBwcHCAgICAgICAgICAEBAQECAgIFAwMFBwUEBQcICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgI/8AAEQgBBAABAwERAAIRAQMRAf/EAGAAAQABBAMAAAAAAAAAAAAAAAADAQIEBQYHCgEBAAAAAAAAAAAAAAAAAAAAABABAAAEBQUAAAAAAAAAAAAAAAFRYRMRsQISUpIDVAUVEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD2m/A9b4fa6QcxsQ45A2OEJAqAACO5QEYAAAALtmqQJgAXbNUgTAyAATWqRBlA7IAAAAAAAAAAAB//2Q==") 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: 203px;
    text-align: left;
    margin: auto;
    margin-bottom: 20px;
    color: #666666;
    font-size: 1.2em;
    line-height: 1.5em;
}
#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://www.att.com/es-us/sd0/sdecom/dattccc/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;
    bottom: 0;  
    padding-bottom: 15px;
    position: absolute;
    right:100px;
}
#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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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;
}
.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: 58px;
    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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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(https://www.att.com/es-us/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(https://www.att.com/es-us/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif) no-repeat -42px 0px;
}
.jcarousel-next-disabled-horizontal {
    cursor: default;
    background: url(https://www.att.com/es-us/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(https://www.att.com/es-us/media/att/2011/global/btn/btn-Carousel-sprite_AA001471.gif) no-repeat 0px 0px;
}
.jcarousel-prev-disabled-horizontal {
    cursor: default;
    background: url(https://www.att.com/es-us/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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://www.att.com/es-us/sd0/sdecom/dattccc/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 */

/* BEGIN: shopMyWay Landing Page */
.shopmywayLandingHero{
    padding: 54px 0 0 0;
}

#storelocator div.page-title h1{
    padding: 12px 0 0 0;
}
/* END: shopMyWay Landing Page */

/* start: styles to address broken mediashare layout */
.newMediaShare {
	width: 208px;
	position: relative;
}
.newMediaShare h5 {
	font-size: 12px;
	top: 14px;
	left: 10px;
	position: absolute;
	z-index: 50 !important;
}
/* end: styles to address broken mediashare layout */

/* BEGIN: ACCESSIBILITY */
.hidden-spoken { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; }
.hidden-text-spoken { text-indent:-999em; overflow:hidden; display:inline-block; }
.hidden-silent { display:none; }
/* END: ACCESSIBILITY */