/* $Id: specialOffers.css,v 1.17 2011/10/12 08:53:39 awaes.i Exp $ */

/* Page Specific -> Special Offers Landing Page
-----------------------------------------------------------------------------*/
#specialOfferContainer{
	background: #fff url(themes/meon/images/specialOffers/background/fauxColumnBg.gif) repeat-y 0 0;	
	padding: 0 !important;
	width: 970px;
	overflow: hidden;
}
#specialOfferContainer #leftColumn{
	border-top: 16px solid #fff;
	margin: 0;
}
#specialOfferContainer #rightColumn{
	border: none;
	width: 682px;
	padding: 20px 10px;
	margin: 0;
}
#specialOfferContainer #searchPanel,
#specialOfferContainer #searchPanel #searchForm{
	background: none;	
	overflow: hidden;
	padding: 0;
}
#specialOfferContainer #searchPanel p.searchPanel{
	background:transparent url(themes/meon/images/offers/checkBook.gif) no-repeat scroll 0 0;
}

#footer {
	/* Hide space */
	margin-top:	0;
}
/* Specific Offers
------------------------*/
h1, h2{
	color: #014468;	
	margin-bottom: 10px;
}
h2{
	
	text-transform: uppercase;	
}
p.offerFiller {
	margin-bottom: 10px;	
}
.location {
	color: #014468;	
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 11px;	
}
.location a{
	color: #014468;	
	font-size: 13px;
	text-transform: none;
}
.popupLink{
	display:block;
	margin-bottom:10px;
}
.sleepsIcons{
	background:transparent url(themes/meon/images/search/sleepsUpTo.gif) no-repeat scroll 0 0;
	margin-bottom: 10px;
	padding-left: 25px;
}
/*** Search Panel Slide ***/
#panel {
	padding-top: 16px;
	padding-left: 16px;
	margin-bottom: 10px;
	display: none;
}
.slide {
	display: none;
	border-bottom:1px solid #CCCCCC;
	margin: 0;
	padding: 0 0 20px 0;
}

/*** EOF Search Panel Slide ***/

/*** Offers Navigation ***/
#offersNav  {
	border-top: 1px solid #fff;
	width: 245px;
	margin-bottom: 15px;
	padding-left:23px;
	padding-top: 19px;
	position: relative;
}
#offersNav ul{
	margin: 10px 0 0 0;
	list-style: none;
	padding: 0;
	posiition: absolute;
}
#offersNav ul li{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#offersNav ul li.tabSelected {
	background: #FFF;
	height: 26px;
	line-height: 26px;
	padding-left: 8px;
}
#offersNav ul li.tabSelected a {
	color: #014468;
	font-weight: bold;
}
#offersNav ul li.tabUnselected a {
	color: #fff;
	display: block;
	padding: 0px 12px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	background: url(../images/offers/no_top.gif) no-repeat top right;
}
#offersNav ul li.firstTab a {
	background: url(../images/offers/meonSubNavBg.gif) no-repeat top right;
	color: #fff;
	display: block;
	padding: 0px 10px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
}
#offersNav ul li.tabUnselected a:hover {
	background: url(../images/offers/no_top_hover.gif) no-repeat top right;
}
#offersNav ul li.tabUnselected span {
	padding-left: 10px;
}
#offersNav ul li.firstTab span {
	padding-left: 10px;
}
#offersNav ul li.firstTab a:hover {
	background: url(../images/offers/no_bottom_hover.gif) no-repeat top right;
}
/*** EOF Offers Navigation ***/


/* = SidePanel Call Widget
-----------------------------------------------------------------------------*/
#specialOfferContainer #leftColumn #phoneCTA {position: relative; margin: 0 5px 15px 5px ; overflow: hidden;}
#specialOfferContainer #leftColumn #phoneCTA span#title{ border: 1px solid #6E706B; border-bottom: none; display: block; background-color: #053C63; color: #FFF; padding: 5px; font-size: 14px; font-weight: bold; text-align: left;}
#specialOfferContainer #leftColumn #phoneCTA div { border: 1px solid #4797C2; background-color: #006EA9; }
#specialOfferContainer #leftColumn #phoneCTA p { color: #FFF; margin: 3px 5px 3px 3px; padding: 2px 0 0 59px;  height: 59px; font-size: 1.2em; font-weight: bold; background: transparent url("../themes/meon/images/pageElements/background/meonCall.jpg") no-repeat; }
#specialOfferContainer #leftColumn #phoneCTA p span.phoneNumber { display: block; font-size: 1.5em; letter-spacing: -1px; font-weight: normal; color: #FFF; margin-top: 3px;}
#specialOfferContainer #leftColumn #phoneCTA p span.phoneNumber span { position: relative; top: -8px; left: 2px; font-size: 0.7em; color: #FFF;}
#specialOfferContainer #leftColumn #phoneCTA p span.openingTimes { font-size: 0.6em; font-weight: normal; float: right; color: #FFF; }

/*** Layout Basic ***/

#offersBasic{
	width: 662px;
	overflow: hidden;
	padding: 0 10px 10px;
}
#offersBasic .aliasUnit{
	margin-bottom: 9px;	
}
#offersBasic ul.offerRecs,
#offersBasic ul{
	background-color:#E9E9E9;
	margin-left: -20px;
	width: 666px;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
}
#offersBasic ul.offerRecs{
	background-color:#014468;
}
#offersBasic ul.offerRecs .recHeading{
	font-size:14px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 11px;
	padding: 0 10px;
}
#offersBasic ul li.offerBox {
    width:211px;
    border:1px solid #0071AE;
    float:left;
    margin-left: 9px;
   
    background-color:#fff;
    display: inline;
}
#offersBasic ul li.offerBox div{
	border: 2px solid #ccc;	
	padding:7px;
}
#offersBasic .offerBox p{
	margin-bottom: 5px;
}
table.priceList{
	width: 100%;
	margin-bottom: 10px;
}
#offersBasic ul .offerBox table.priceList{
	width: auto;
}
.priceList th,
.priceList td{
	padding: 5px; 	
	background: #DEDBD3;
}
.priceList .empty {
	background: #FFF;
}
.priceList th{
	padding-bottom: 0px;
}
.priceList td{
	padding-top: 0px;	
}
.priceList .vo{
	width: 80px;
	border-right: 2px solid #fff;
}
.priceList span{
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
}
.priceList strong{
	color:#015A8B;
}

img.aliasUnit {
    width: 193px;
    height: 145px;
}
#offersBasic p.location{
	color:#095289;
	margin-bottom: 5px;
	text-transform:uppercase;
	border-bottom: 1px solid #095289;
	line-height: 16px;
}
#offersBasic p.location a{
	text-transform: none;
	font-size: 14px;
	line-height: 16px;

}
#offersBasic p.location a strong{
	padding-top: 4px;
}
#offersBasic .starRating{
	color:#095289;
	font-size:20px;
	line-height:17px;
	margin-bottom:5px;

}
#offersBasic .pricesFrom{
	font-weight: bold;
	margin-bottom: 5px;
}
#offersBasic .pricesFrom strong{
	color: #B85030;
	font-size: 18px;
}
.savingsText {
    color:#015A8B;
    font-size:13px;
    line-height: 15px;
    margin-bottom: 5px;
}
#offersBasic .savingsText{
	font-weight:bold;
}
#offersBasic .txtRight{
	margin-bottom: 0px;
	padding-left: 120px
}

/*** EOF Layout Basic ***/


/*** Layout Full ***/
#offersFull li{
	float: none;
	margin-bottom: 15px;
	background: #e9e9e9;
	padding: 10px;
}
#offersFull li.offerRec{
	background: #014468;
}
#offersFull li.offerRec .recHeading{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
#offersFull li div{
	border: 1px solid #0071AE;
	background: #CCCCCC;
	padding: 2px;
	overflow: hidden;
	position: relative;
	
	/*Trigger hasLayout for IE6*/
	zoom: 1;
	
}
#offersFull li div .txtRight{
	bottom:10px;
	position:absolute;
	right:10px;	
}
#offersFull div ul{
	overflow: hidden;
	border: 10px solid #fff;
	background: #fff;
	width: 636px;
}
#offersFull div ul li{
	background: transparent;
	margin: 0;
	padding: 0;
	float: left;
}
#offersFull li.imgCol{
	width: 205px;
}
#offersFull li.imgCol img{
	height: 151px;
	width: 201px;
}
#offersFull li.detailsCol{
	width: 250px;
	padding:0 10px 0 6px;
}
#offersFull li.detailsCol p.saving{
	color: #015A8B;
	font-size: 12px;
	margin-bottom: 5px;
}
#offersFull li.detailsCol p{
	margin-bottom: 5px;	
}
#offersFull li.detailsCol strong.price{
	color: #B14727;
	font-size: 16px;	
}
#offersFull li.greatCol{
	color: #014468;
	padding-top: 15px;
	width: 160px;
}
#offersFull li.greatCol p{
	color: #014468;
	font-weight: bold;
	margin-bottom: 5px;
}
#offersFull .greatForList{
	border: none;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 15px;
	width: 145px;
}
#offersFull .greatForList li{
	float:none;
	font-size:12px;
	line-height:15px;
	margin-bottom:2px;
}

#offersFull li.detailCol .savingsText{
    color:#015A8B;
    font-size:12px;
    line-height: 15px;
    margin-bottom: 5px;
}
#offersFull p.soTsCs{
	margin-bottom: 0;
	border-top: 1px solid #e9e9e9;
	padding-top: 10px;
	line-height: 15px;
}
/*** EOF Layout Full ***/

/* buttons */
.btn-slide {
	background: url(../images/pageElements/buttons/showHideVillaSearch.gif) no-repeat 0 0;
	display: block;
	height: 0;
	margin:0 auto;
	overflow: hidden;
	padding-top: 28px;
	width: 260px;
	outline: none;
}
.btn-slide:hover {
	background-position: 0 -28px;
}
.btn-slide:active {
	background-position: 0 -56px;
}
.active {
	background-position: -260px 0px;
}
.active:hover {
	background-position: -260px -28px;
}
.active:active {
	background-position: -260px -56px;
}

p.txtRight span {
	display: none;
}
.viewBtnMore {	
	background:transparent url(../images/pageElements/buttons/btnMore.gif) no-repeat scroll 0 0;
	display:block;	
	height:0px;
	overflow: hidden;
	padding-top: 25px;
	width: 75px;
}

.viewInfo {	
	background:transparent url(../images/pageElements/buttons/btnMoreInformation.gif) no-repeat scroll 0 0;
	display:block;	
	height:0px;
	overflow: hidden;
	padding-top: 25px;
	width:125px;
}
.viewBtnMore:hover, 
.viewInfo:hover {
	background-position: 0 -25px;
}
.viewBtnMore:active,
.viewInfo:active {
	background-position: 0 -50px;
}


/* Interstitial Fix */

p#interstitial {
    margin-bottom: 10px;
}