/*----------------------- standalone device landing page style -----------------------*/
.w350 {width:350px;}

.deviceMainContainer {
	padding-top:30px;
}

.deviceSocialMediaVerticalBar {
	position:absolute;
	top:25px;
	right: -42px;
}

.deviceFacebookContent {
	border: medium none;
	height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 6px;
	width: 340px;
	z-index: 9;
}

.deviceGooglePlusOneContent {
	position: absolute;
	right: 330px;
	top: 6px;
	z-index: 99;
}

.deviceMarqueeContainer {
	position: relative;
	top: -6px;
	left: -1px;
	width:972px;
	height:615px;
}

#bannerLayover {
	position:absolute;
	left:-7px;
	top:40px;
	z-index:6;
}

#legal {
	position:absolute;
	font-size:9px;
	color:#666666;
	z-index:5;
}

#marqueeEmailCapture {
	position:absolute;
	text-align:left;
	z-index:5;
}

#marqueeEmailCapture p {
	font:normal normal normal 14px arial;
	color:#333333;
}

#marqueeEmailCapture #emailCapture .box {
	width:150px;
	height:26px;
	color:#777777;
	vertical-align:top;
}

#marqueeEmailCapture #emailCapture .arrow {
	margin:2px 0 0 1px;
}

.deviceContent {
	margin:-90px 0 0 12px;
	position:relative;
	float:left;
	z-index:5;
}

.deviceContent .deviceMainContent {
	float:left;
    margin:0 10px 10px 0;
    width:708px;
	position:relative;
}

.deviceContent .deviceMainContentFull {
	float:left;
    margin:0 10px 10px 0;
	padding-bottom:30px;
    width:948px;
	position:relative;
}

.deviceContent .appsMainContent {
	float:left;
    margin:0 10px 10px 0;
    width:708px;
	position:relative;	
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
}

.deviceContent .appsMainContentFull {
	float:left;
    margin:0 10px 10px 0;
    width:948px;
	position:relative;	
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
}

.deviceContent .pageTitle {
	position:relative;
	padding:25px;
	width:658px;
	font:normal normal normal 25px arial;
	color:#000000;
}

.deviceContent .appsMainContent .tab-group, .deviceContent .appsMainContentFull .tab-group {
	border:0;
}

.deviceContent .appsMainContent .tab-group .tabcontent, .deviceContent .appsMainContentFull .tab-group .tabcontent {
	padding:0;
}

.deviceContent .deviceSideContent {
	float:left;
	margin:0 0 10px 0;
	width: 230px;
	position:relative;
}

.deviceContent .deviceBottomContent {
	float:left;
	width: 948px;
	position:relative;
}

.deviceContent .deviceLegalContentFull {
	float:left;
	width:948px;
	position:relative;
	color:#666666;
}

.deviceContent .deviceLegalContent {
	float:left;
	width:710px;
	position:relative;
	color:#666666;
}

.deviceContent .deviceLegalContent b, .deviceContent .deviceLegalContentFull b {
	font:normal normal bold 11px arial;
}

.deviceContent .deviceLegalContent p, .deviceContent .deviceLegalContentFull p {
	color:#666666;
}

.leftContent {
	float:left;
}

.rightContent {
	float:right;
}

.fullTile {
	width:948px;
	clear:both;
}

.fullTile .deviceVideoContainer {
	background-color: #F7F7F7; 
	font-size: 13px; 
	margin-top: 20px; 
	padding: 15px 20px; 
	width: 360px;
}

.fullTile .deviceVideoContainer .deviceVideo {
	float:left; 
	margin-bottom:10px; 
	position:relative;
}

.fullTile .deviceVideoContainer .deviceVideoCopy {
	float:left; 
	margin-left:14px;
}

.fullTile .deviceVideoContainer .deviceVideoCopy h3 {
	font: 16px arial;
}

.fullTile .deviceVideoContainer .deviceVideoCopy p {
	margin-bottom:0px;
}

.threeQuarterTile {
	width:708px;
	clear:both;
}

.threeQuarterTile .rightContent.abs, .fullTile .rightContent.abs {
	right:0;
}

.threeQuarterTile p, .fullTile p {
	font:normal normal normal 12px/20px arial;
	color:#666666;
}

.threeQuarterTile h2, .fullTile h2 {
	font:normal normal normal 30px arial;
	color:#000000;
}

.threeQuarterTile h3, .fullTile h3 {
	font:normal normal normal 20px arial;
	color:#333333;
}

.threeQuarterTile img, .fullTile img {
	display:block;
}

.fullTile .titleAndCopy {
	padding:20px 60px;
}
.threeQuarterTile .titleAndCopy {
	padding:20px;
}

.threeQuarterTile .titleAndCopy h2, .fullTile .titleAndCopy h2 {
    margin:0 0 41px;
}

.threeQuarterTile .titleAndCopy h3, .fullTile .titleAndCopy h3 {
    margin:0 0 10px;
}

.threeQuarterTile .titleAndCopy p, .fullTile .titleAndCopy p {
    margin:0 0 10px;
}

.threeQuarterTile .titleAndCopy ul, .fullTile .titleAndCopy ul {
	list-style-type:disc;
    margin-left:15px;
    color:#666666;
}
.threeQuarterTile .titleAndCopy ol, .fullTile .titleAndCopy ol {
	list-style-type:decimal;
    margin-left:20px;
    color:#666666;
}

.threeQuarterTile .titleAndCopy ul li, .threeQuarterTile .titleAndCopy ol li, .fullTile .titleAndCopy ul li, .fullTile .titleAndCopy ol li {
	line-height: 1.5em;
    padding-bottom: 5px;
    color:#666666;
}

.threeQuarterTile .titleAndCopy .tm, .threeQuarterTile .tm {
	top: -15px;
	font-size: 9px;
}

.threeQuarterTile .deviceVideoContainer {
	font-size:13px;
	width: 230px;
	margin: 25px 0 0 0;
	padding:15px 0 20px 110px;
}

.threeQuarterTile .deviceVideoContainer a {
	line-height:18px;
}

.threeQuarterTile .dottedDivider, .fullTile .dottedDivider {
	border-bottom: 1px dotted #cccccc;
	clear: both;
	margin: 0 0 0 20px;
}

.threeQuarterTile .specsWrapper {
	width:670px;
	margin:0 auto 20px;
	padding:0 0 5px;
}

.specsWrapper .specsTitle {
	padding:17px 20px 0;
	margin:0 0 29px;
}

.specsWrapper .specsTitle p {
	margin:0 0 9px;
}

.specsWrapper .specsTitle h3 {
	margin:0 0 12px;
}

.specsContainer {
	width:670px;
	clear:both;
}

.specsTile {
	margin:0 0 7px 0;
	width:335px;
	float:left;
}

.specsTile p {
	width:258px;
	margin:0 0 7px;
}

.specsTile .rightContent {
	margin:0 17px 0 0;
}

.specsTile .imgContainer {
	width:56px;
}

.specsTile .imgContainer img {
	float:right;
}

.specsTile .dottedDivider {
	border-bottom:1px dotted #cccccc;
	clear:both;
	width:255px;
	margin:0;
}

.oneQuarterTile {
	padding:12px 0 0;
	margin:0 0 10px;
	width:228px;
	height:143px;
	clear:both;
}

.oneHalfBtmTile {
	float:left;
	padding:12px 0 0;
	margin:0 10px 10px 0;
	width:468px;
	height:212px;	
}

.oneThirdBtmTile {
	float:left;
	padding:12px 0 0;
	margin:0 10px 10px 0;
	width:307px;
	height:143px;	
}

.oneThirdBtmTile.last, .oneHalfBtmTile.last {	
	margin:0 0 10px 0;
	clear:right;
}

.oneQuarterTile h2 {
	font:normal normal normal 16px arial;
	color:#333333;
	margin:0 0 0 12px;
}

.oneHalfBtmTile h2 {
	font:normal normal normal 16px arial;
	color:#333333;
	margin: 35px 0 0 45px;
}

.oneThirdBtmTile h2 {
	font:normal normal normal 16px arial;
	color:#333333;	
}

.oneQuarterTile p {
	margin:12px 5px 0 0;
	padding:0;
	width:127px;
	font:normal normal normal 14px arial;
	color:#333333;
}

.oneHalfBtmTile p {
	margin:12px 0 0 45px;
	padding:0;
	width:127px;
	font:normal normal normal 12px arial;
	color:#333333;
}

.oneThirdBtmTile p {
	margin:12px 5px 0 0;
	padding:0;
	width:170px;
	font:normal normal normal 12px arial;
	color:#333333;
}

.oneHalfBtmTile ul {
	margin:12px 0 0 45px;	
}

.oneHalfBtmTile li {
	line-height: 1.8em;	
}

.oneQuarterTile .btmLink, .oneHalfBtmTile .btmLink {
	margin:12px 0 0;
	padding:0;
	width:110px;
}

.oneThirdBtmTile .btmLink {
	margin:12px 0 0;
	padding:0;
}

a.tileLinkRightArrow {
	text-decoration: none;
	padding-right: 13px;
	background: url("http://www.att.com/media/att/2011/global/btn/img_blue_arrow_9x13_AA000OM4.gif") no-repeat scroll right bottom transparent;
	font:normal normal normal 12px arial;
	color:#067AB4;
}

a.tileLinkRightArrow:hover {
	text-decoration:underline;
}

.oneQuarterTile img {
	margin:12px 0 0 5px;
}

.oneHalfBtmTile img {
	margin:12px 5px 0 0;
}

.oneThirdBtmTile img {
	margin:24px;
}

#appTabsLinks .tabs {
	height: 50px;
	position:relative;
	z-index:1;
}

#appTabsLinks .tabs li {
	height:49px;
	float:left;
	position:relative;
	margin:0 5px 0 0;
	border-radius:5px 5px 0 0;
	border-top:1px solid #E3E3E3;
	border-right:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
}

#appTabsLinks .tabs li a {
	height: 48px;
    color: #C3C3C3;
    display: block;
    font-size: 1.3em;
    padding: 0 20px;
    line-height:49px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background:url('http://www.att.com/media/att/2011/shop/common/gradient_img.png') repeat-x left top;    
    border-radius:5px 5px 0 0;
}

#appTabsLinks .tabs li a.current {
    color: #333333;
    background:#ffffff;
    border-bottom:1px solid #ffffff;
}

.priceBlock {
	margin-right:10px;
}

.priceBlock p.price {
	color:#F37F06; 
	font-size:24px;
	margin-top:10px;
}

.priceBlock p.priceLegal {
	font-size: 10px; 
	line-height: 9px;
	text-align:right;
}

.priceDivider {
	margin-right:14px;
	}

.tabs li div .bottomRound,
.tabs li div .bottomRound div {
	background:0;
}