@charset "UTF-8";
/* CSS Document */

#container {
	background:url(/eshop/content/common/redesign-img/phones-landing/bg_greyfade.gif) repeat-x 0 100%;
}


/* Hero space at top of page */

.hero-bg {
	width:790px;
	height:300px;
	background:url(/eshop/content/common/redesign-img/phones-landing/bg_phonelandingHero.jpg) no-repeat 0 0;
	position:relative;
}
.hero-bg .hero-text {
	padding-left:10px;
}

.hero-bg .hero-text h1 { margin:0 0 10px; }
.hero-bg .hero-text p { margin-bottom:24px; }


.hero-bg .exclusive-badge {
	position:absolute;
	right:0;
	display:block;
	height:80px;
	width:80px;
	background:url(/eshop/content/common/redesign-img/phones-landing/bg_tMobileExclusive.png) no-repeat
}

*html .hero-bg .exclusive-badge {
	background:url(/eshop/content/common/redesign-img/phones-landing/bg_tMobileExclusive.gif) no-repeat;
	right:10px;
}

#top-promo-phone {
	position:absolute; 
	bottom:-1px; 
	right:10px;	
	}

.top-offer .phone-image {
	float:left;
	width:85px;
	vertical-align:middle;
	text-align:left;
	padding-top:5px;
}
.top-offer .phone-details {
	float:left;
	width:120px;
	padding:5px 0 0 5px;
}


/* Phone panel setup */
.phone-promo{min-height:145px; height:auto!important;}
* html .phone-promo{height:125px !important;}

.phone-image {
	float:left;
	width:60px;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;

}
.phone-details {
	float:left;
	width:120px;
	padding:5px 0 0 10px;
	min-height:120px;
}
.phone-details h3 {
	margin:0 0 5px 0;
	padding:0px;
}
.pay-monthly-image {
	float:left;
	width:100px;
	vertical-align:middle;
	text-align:center;
	min-height:12em;
}

.pay-monthly-details {
	float:left;
	width:100px;
	padding:10px 0 0 0px;
	min-height:12em;
}
.payg-image {
	float:left;
	width:90px;
	vertical-align:middle;
	text-align:center;
	min-height:12em;
}
.payg-details {
	float:left;
	width:90px;
	padding:10px 0 0 10px;
	min-height:12em;
}
.coming-soon-promo img {
	float:right;
}
.coming-soon-promo ul {
	float:left;
	background:#fff;
}
.coming-soon-promo p {
	padding:0 10px 0 0;
}

.top-margin{
margin-top:10px;
}
.min-height {
min-height:220px;
}

*html .min-height {
height:220px;}

.min-height-phones {
min-height:205px;
}

*html .min-height-phones {
height:205px;}