@import url("/!styles/dap/List.css");
@import url("/!styles/!generic/PhoneFeatures.css");
    
.NetworkHeader
{
	float:left;
	width:640px;
	height:88px;
}

.NetworkHeader .Logo
{
	float:left;
	width:150px;
	height:88px;
	
}

.NetworkHeader .Background
{
	float:left;
	background-image:url("/_images/_system/networks/network_page/network_title.gif");
    background-repeat:no-repeat;
	position:relative;
	width:490px;
	height:55px;
	margin-top:16px;
}
    
.NetworkHeader .Text h1
{
	float:left;
	line-height:55px;
	position:relative;
	color:#F10281;
	margin-left:10px;
	background-color:Transparent;
}

.BestMobilePhoneDeals 
    {
        background-image:url("/_images/homepage/best_deals_title_bg.gif") !important;
        background-repeat:no-repeat;
        width:640px;
        height:25px !important;
        margin-top:6px !important;
        margin-bottom:8px !important;
    }
    
.Offer 
{
	float:left;
	width:311px;
	height:208px;
	font-size:75%;
	margin:0px 3px 8px 3px;
	overflow:hidden;
}

.Offer .Top .TopSpacer
{
	background:url(/_images/_system/networks/network_page/tmobile/tmobile_hpg_top.gif) no-repeat ;
	width: 312px;
	height: 6px;
	font-size:0%;
}

.Offer .Top .HandsetText
{
	background-color:#FFC4E2;
	width: 309px;
	height:auto;
	text-align: center;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#A8A8A8;
	padding-top:2px;
}

.Offer .Top .BottomSpacer
{
	background-color:#FFC4E2;
	width:309px;
	height:19px;
	font-size:0%;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#A8A8A8;
}

.Offer .Top  
{
	color:#F10281;
	background-color:#FFC4E2;
	font-size:170%;
	margin:0px 0px 0px 0px;
	height:45px;
}

.Offer .Inner 
{
	height:150px;
	background:url(/_images/homepage/placements/hpg_mid.gif) repeat ;
}

.Offer .Bottom
{
	height:15px;
	background:url(/_images/homepage/placements/hpg_bottom.gif) no-repeat ;
}

.Offer .Handset 
{
	float:left;
	position:absolute;
	margin-left:10px;
	margin-top:10px;
	height:145px;
	z-index:1;
}

.Offer .Handset img 
{
	height:140px;
}

.Offer .Gift
{
	float:left;
	position:absolute;
	width:50px;
	height:50px;
	z-index:10;
	margin-top:90px;
	margin-left:40px
}

.Offer .OfferDetails
{
	width:190px;
	float:right;
}

.Offer .NetworkLogo
{
	position:relative;
	margin-right:16px;
	float:right;
}

.Offer .PromoText 
{
	height:110px;
	overflow:hidden;
	font-size:125%;
	clear:both;
	vertical-align:middle;
	padding-top:15px;
	color:#000000;
}

.Offer .PromoText p
{
	margin:0;
	padding:0px 8px 0px 0px;
}

.Offer .PromoText a 
{
	color:#000000;
	font-weight:normal;
}

.Offer .PromoText a:hover
{
	color:#FFCC00;
	font-weight:normal;
}

.Offer .JS_ImgSwap {
    float:left;
}

.Tabs {
	margin:0;
    height:34px;
	white-space:nowrap;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	background-position:left -260px;
	_margin:0;
}

.Tabs,
.Tabs select {
	font-size:90%;
}

.Tabs,	
.Tabs li,
.Tabs li a,
.Tabs li div 
{
	background-image:url("/_images/_system/networks/network_page/tmobile/tmobile_tabs.png");
	background-repeat:no-repeat;
}
.Tabs li {
    height:35px;
	padding-left:8px;
	background-position:left -90px;
	float:left !important;
	cursor:pointer;
	cursor:hand;
	margin:0 2px 0 0;
}

.Tabs li a,
.Tabs li div {
    height:35px;
	text-decoration:none;
	padding-top:12px;
	padding-right:10px;
	background-position:right -90px;
	display:block;
	float:left;
	color:#F10281;
}
.Tabs li div {
	padding-top:8px;
}

.Tabs li a:hover {
	text-decoration:underline;
}

.Tabs li.active {
	background-position:left top;
}

.Tabs li.active a,
.Tabs li.active div {
	color:#ffffff;
	background-position:right top;
}

.TabsBase {
    font-size:1px;
    background-color:#F10281;
    height:10px;
}

/*	--[ simple phone view ]---------------------------------------------------	*/

.NetworkBestSellingModels {
		width:640px;
		height:290px;
		overflow:hidden;
		float:left;
	}
	
.NetworkBestSellingModels .Content {
		width:640px;
		height:230px;
		background-image:url("/_images/_system/networks/network_page/tab_content_bg_not_expanded.png");
		background-position:left bottom;
		background-repeat:no-repeat;
		overflow:hidden;
	}

.NetworkBestSellingModels .Content .Inner {
		margin-top:6px;
		margin-right:10px;
		margin-left:3px;
		display:none;
		width:635px;
		height:210px;
		overflow:auto;
	}

.NetworkBestSellingModels .Phone 
{
		float:left;
	    height:150px;
	    width:87px;  
}
	
.NetworkBestSellingModels .Phone .Image 
{
		float:left;
	    height:112px;
	    width:87px;
	    text-align:center;
	    vertical-align:bottom;
}

.NetworkBestSellingModels .Phone .Link
{
		float:left;
	    height:30px;
	    width:87px;
	    font-size:80%;
	    text-align:center;
}