/* Deals setup */

#landing-offer1{
	background:url(/eshop/content/common/redesign-img/shop-landing/hero_bg_offers.jpg) 0 0 no-repeat;
	z-index: 1;
}

#landing-offer2{
	background:url(/eshop/content/common/redesign-img/shop-landing/hero_bg_offers.jpg) 0 -293px no-repeat;
}

#landing-offer3{
	background:url(/eshop/content/common/redesign-img/shop-landing/hero_bg_offers.jpg) 0 -586px no-repeat;
}

#landing-offer4{
	background:url(/eshop/content/common/redesign-img/shop-landing/hero_bg_offers.jpg) 0 -879px no-repeat;
}

#landing-offer5{
	background:url(/eshop/content/common/redesign-img/shop-landing/hero_bg_offers.jpg) 0 -1172px no-repeat;
}

#container{
	background:url(/eshop/content/common/redesign-img/gradients/shop_landing_bg.png) 0 100% repeat-x;
	overflow:hidden;
}

/* Landing promo panel */

#landing-promo-panel {
	position:absolute; 
	bottom:0; 
	right:10px; 
	z-index:2000;
	padding-bottom:0;
	margin-bottom:0;
}

#landing-promo-panel .panel-content {
	background: #fff url(/eshop/content/redesign-img/shop-landing/buy_phones_bg.jpg) 100% 100% no-repeat;
}

#landing-promo-panel .panel-content .inner {
	min-height:200px;
	height:auto!important;
	height:210px;	
}

.hero-bg {
	min-height:293px;
	height:auto ! important;
	height:293px;
	position:relative;
}

.hero-content .headline{
	font-weight:normal;
	color:#666 !important;
	font-size:1.8em !important;
	line-height:1em;
	margin-top:10px;
}

.hero-content .price{
	font-weight:bold;
	font-size:1.9em;
	color:#e20074;
}

.hero-content .price2{
	font-weight:bold;
	font-size:1.7em;
	color:#e20074;
}

.hero-content .month{
	font-size:1.5em;
	color:#666;
}

.hero-content{
	padding:0;
	margin:0;
	width:710px;
	float:left;
}

.hero-content h2{
	padding:15px 0 0 0 !important;
	margin:0;
	color:#e20074 !important;
}

.hero-content h3{
	padding:0;
	margin:0;
	font-weight:normal;
	color:#666 !important;
}

.hero-content h3.larger {
	font-size:2em;
	font-weight:bold;
}

.hero-content h3.solo-hero{
	margin-bottom:20px;
}

.hero-content .intro{
	font-size:1.4em !important;
	margin-top:10px;
}

/* Deal 1 */

.personal #landing-offer1 .hero-content {
	padding-left:60px;
	margin-top:180px;
	width:300px;
}

#landing-offer1 .hero-content h2{
	color:#fff ! important;
	font-weight:normal;
}

/* Deal 2 */

.personal #landing-offer2 .hero-content {
	padding-left:20px;
	width:300px;
}

#landing-offer2 h3 {
	color:#333 ! important;
	font-size:2.1em;
}

#landing-offer2 strong.large {
	font-size:2.1em;
}

/* Deal 3 */

.personal #landing-offer3 .hero-content {
	padding-left:20px;
	width:300px;
}

#landing-offer3 h3 {
	color:#333 ! important;
	font-size:2.1em;
}

#landing-offer3 strong.large {
	font-size:2.1em;
}

/* Deal 4 */

.personal #landing-offer4 .hero-content {
	padding-left:20px;
	width:680px;
}

#landing-offer4 .big-price {
	font-size:1.8em; line-height:1em;
}

#landing-offer4 .offer1 {
	float:left;
	padding-left:170px;
	margin-top:-50px;
}

#landing-offer4 .offer2 {
	float:left;
	padding-left:250px;
	margin-top:-50px;
}

/* Deal 5 */

.personal #landing-offer5 h1,
.personal #landing-offer5 h2,
.personal #landing-offer5 p {
	color:#FFFFFF ! important;
}

#landing-offer5 h1 {
	margin-bottom:5px;
}

#landing-offer5 h2 {
	margin-top:0px;
	font-weight:100;
}

#landing-offer5 .hero-content {
	padding-left:20px;
	width:520px;
}

#landing-offer5 p.small  {
	font-size:.95em;
	margin-top:10px;
}



/* TIME LIMTED OFFER */
#landing-offer-timed {
	background:url(/eshop/content/common/redesign-img/shop-landing/time_limited_offer.jpg) 0 0 no-repeat;
}

.Col1 {
	width:220px;
	padding-left:20px;
}

.Col1 h2.lowlight {
	color:#666;
	font-size:1.8em;
}

.Col2 { width:100px; margin:190px 0 0 110px;}
.Col3 {	width:95px; margin:160px 0 0 10px;}
.Col4 {	width:80px; margin:100px 0 0 10px;}

a.no-udln { text-decoration:none;}
a.no-udln:hover { text-decoration:underline;}



/* Other CSS for sorting */

.listwrapper{margin-top:40px;}
.first-list{width:50%;}
.second-list{width:22%;}
.first-list, .second-list, .third-list {float:left;}
.second-list {margin-top:150px;}
.third-list {margin-top:110px;}

.margin-top-5 {
margin-top:5px;
}
.margin-top-50 {
margin-top:50px;
}

*html .panel-height-100 .panel-content .inner { min-height:115px; height:auto!important; height:115px; }	
*html .panel-height-110 .panel-content .inner { min-height:125px; height:auto!important; height:125px; }	

.image-offset-accessory {position:absolute; bottom:5px; right:-10px;}



.disclaimer { font-size:1.1em;}
h1 .un-highlight {color:#000;}
