/* $Id: specialOffer.css,v 1.31 2011/11/16 10:22:49 awaes.i Exp $ */

/* Page Specific -> Special Offers Landing Page
-----------------------------------------------------------------------------*/
/* = SidePanel Call Widget
-----------------------------------------------------------------------------*/
#offersCTA {width: 232px; border: 1px solid #FFF; position: relative; margin: 0 0 15px 7px; overflow: hidden; background-color: #FFF;}
#offersCTA span#title{ display: block; background-color: #707070; color: #FFF; padding: 8px 12px; font-size: 13px; font-weight: bold; text-align: center;}
#offersCTA p { margin: 5px; padding: 2px 0 0 54px;  height: 59px; font-size: 1.2em; font-weight: bold; background: #FFF url("../themes/cit/images/pageElements/background/citaliaCall.jpg") no-repeat; }
#offersCTA p span.phoneNumber { display: block; font-weight: bold; font-size: 1.8em; color: #D10157;}
#offersCTA p span.phoneNumber span { color: #000; position: relative; top: -8px; left: 2px; font-size: 0.7em;}
#offersCTA p span.openingTimes { font-size: 0.9em; font-weight: normal; }
/* rating colors */
.rating{
	color: #D9D9D9;
	font-size: 58px;
	margin: 5px 0;
	line-height: 30px;
}
.rating span{
	color: #5d5d5d;
	display: inline;
	font-size: 58px;

}
/* Specific Offers
------------------------*/
/* layoutFull */

h2.TopOffersheading {
	margin: 15px 0 15px 0;
}

#offerRec {
	margin: 0 20px 20px 20px;
	width: 655px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid #D3005F;
	background: #FFFFFF url('../images/offers/d0VLine.gif') scroll no-repeat;
}

div.topInnerBox {
	position: relative;
	margin: 0;
	width: 655px;
	overflow: hidden;
}


.offerLarge {
	border-top: 5px solid #000;
	width: 531px;
	overflow: hidden;
	padding-bottom: 25px;
}
.offerLarge img{
	float: left;
	margin-right: 10px;
}
.offerLarge .fullDetails{
	width: 339px;
	float: right;
}

.offerLarge .fullDetails .offerTitleBlock{
	float: left;
	width: 190px;
}
.offerLarge .fullDetails .offerTitleBlock p{
	color: #000;
	font-size: 28px;
	margin: 10px 0;
}
.offerLarge .fullDetails .offerTitleBlock p span{
	display: block;
	font-size: 16px;
}
.offerLarge .fullDetails .offerTitleBlock p.rating{
	color: #D9D9D9;
	margin: 5px 0;
	font-size: 58px;
	line-height: 30px;
}
.offerLarge .fullDetails .offerTitleBlock p.rating span{
	display: inline;
	font-size: 58px;
}
.offerLarge .fullDetails .pricePanel{
	width: 139px;
	float: right;
}
.offerLarge .fullDetails .pricePanel .valueAdded{
	background: #F1F1F1;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: none;
	padding: 5px;
}
.offerLarge .fullDetails .pricePanel .valueAdded p{
	color: #000;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	text-align: center;
}
.offerLarge .fullDetails .pricePanel .valueAdded ul,
.offerLarge .fullDetails .pricePanel .valueAdded li{
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	color: #2B912B;
	margin: 0;
	padding: 0;
}
.offerLarge .fullDetails .pricePanel .valueAdded li{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}
.offerLarge .fullDetails .pricePanel p.priceBlock{
	background: #000;
	color: #fff;
	font-size: 26px;
	margin: 0;
	padding: 13px 8px 5px 10px
}
.offerLarge .fullDetails .pricePanel p.priceBlock span{
	font-size: 10px;
}
.offerLarge .fullDetails .pricePanel p.priceBlock span.termsText{
	display: block;
}
.offerLarge .fullDetails .pricePanel a.interstitial-link{
	background: url(../images/specialOffers/elements/viewHotelBtn.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 26px;
}
.offerLarge span.callToBook{
	background: url(../images/specialOffers/elements/callToBook.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 65px;
}
/* layoutBasic */
ul#offersBasic,
ul#offersBasic li{

	list-style: none;
	margin: 0;
	padding: 0;
}
ul#offersBasic{
	margin-left: -15px;
}
ul#offersBasic li{
	border-top: 6px solid #000;
	float:left;
	width: 162px;
	margin-left: 15px;
	margin-bottom: 20px;
}
ul#offersBasic li a {
	background: url(../images/specialOffers/elements/basicButton.gif) no-repeat bottom left;
	color: #000;
	display:block;
	text-decoration:none;
	padding-bottom: 26px;
	width: 162px;
}
ul#offersBasic li a:hover {
	background-color: #FFFFE1;
}
ul#offersBasic li a strong{
	font-size: 18px;
	display:block;
	margin-bottom: 10px;
}
ul#offersBasic li a i {
	display:block;
	font-style: normal;
}
ul#offersBasic li a i.date {
	font-weight: bold;
	margin-bottom: 10px;
}
ul#offersBasic li a i em{
	font-style: normal;
	color: #74736F;
}
ul#offersBasic li a span.cellBody{
	display: block;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 10px;
}
ul#offersBasic li a span.priceBlock{
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	display: block;
	font-size: 12px;
	margin:0;
	padding:13px 8px 5px 10px;
	text-align: right;
}
ul#offersBasic li a span.priceBlock em{
	font-size: 26px;
	font-style: normal;
}

/* special offers new pages */
#column-left { width: 231px; padding-top: 12px; _padding-right: 0px; }

#specialOffers #content {
	width: 727px;
	margin: 15px 0;
	padding: 0;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	background: #f1f1f1;
}
#container-content.newOffers {
	background: #707070;
	margin-top: 8px;
	width: 973px;
	border-bottom: 20px solid #FFFFFF;
}

#container-content h1.introHeading,
	#specialOffers h1.pageheader {
	font-size: 1.6em;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 7px 0px 16px 0px;
	border-bottom: 1px solid #707070;
	text-indent: 20px;
	line-height: 1.6em;
}
div.error_div { padding: 0 20px 20px 20px }

#offersNav  {
	width: 221px;
	margin-bottom: 15px;
	margin-left: 24px;
}
#offersNav ul{
	margin: 10px 0 0 0;
	list-style: none;
	padding: 0;
}
#offersNav ul li{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#offersNav ul li.tabSelected {
	background: #F1F1F1;
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
#offersNav ul li.tabSelected a {
	color: #000;
	font-weight: bold;
}
#offersNav ul li.tabUnselected a {
	color: #fff;
	display: block;
	padding: 0px 8px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background: url(../images/offers/no_top.gif) no-repeat top right;
}
#offersNav ul li.firstTab a {
	background: url(../images/offers/citSubNavBg.gif) no-repeat top right;
	color: #fff;
	display: block;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	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;
}
.offersSpacer {
	margin-top: 12px;
}
p.introText {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 14px;
	margin-left: 20px;
	padding: 0;
}
p.tcText {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0 0 14px 0;
}

#topOffers {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 5px 8px 20px 20px;
	background: #FFFFFF;
	width: 660px;
	overflow: hidden;
	border: 3px solid #D3005F;
}
.villaWrapper {
	float: left;
	border-top: 10px solid #707070;
	border-right: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	border-left: 1px solid #ABABAB;
	width: 206px;
	margin-right: 12px;
}
#normalOffers {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px 8px 20px 20px;
	background: #FFFFFF;
	width: 660px;
	overflow: hidden;
}
img.aliasUnit {
	width: 206px;
}
p.location {
	margin: 10px 10px 0 10px;
	font-size: 12px;
}
p.location a {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
p.location a:hover {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}
span.uppercase {
	font-size: 12px;
	text-transform: uppercase;
}
p.starRating {
	color: #D9D9D9;
	font-size: 24px !important;
	line-height: 14px;
	font-weight: bold;
	margin: 4px 10px 0 10px;
}
.starRating span{
	color: #5d5d5d;
}
p.offerHotelText {
	margin: 0 10px 0px 10px;
	padding: 0 0 3px 0;
	font-size: 12px;
	line-height: 13px;
}
p.offerBoardText {
	margin: 0 10px 0px 10px;
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 13px;
	border-bottom: 1px solid #D0D0D0;
}
p.pricesFrom {
	margin: 5px 10px 5px 10px;
}
span.offersPrice {
	font-size: 16px !important;
	font-weight: bold;
}
p.savingsText {
	margin: 0 10px 15px 10px;
	font-size: 12px;
	font-weight: bold;
}

/* buttons */

p.txtRight span {
	display: none;
}
.viewBtnMore {
	background: transparent url('../images/pageElements/buttons/btnViewOffer.gif') no-repeat scroll 0 0;
	width: 93px;
	height: 0px;
	padding: 20px 0 0 0;
	margin: 0 0 8px 0;
	float: right;
	overflow: hidden;
	zoom: 1;
	display: block;
}

.viewHotelBtn {
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	background:transparent url(../images/pageElements/buttons/btnViewHotel.gif) no-repeat scroll 0 0;
	display:block;
	height:31px;
	text-indent:-9999px;
	width:123px;
}

.viewHotelBtn:hover {
	background:transparent url(../images/pageElements/buttons/btnViewHotel.gif) no-repeat scroll 0 -31px;
}
.viewHotelBtn:active {
	background:transparent url(../images/pageElements/buttons/btnViewHotel.gif) no-repeat scroll 0 -62px;
}
#buttonWrapper {
	position: absolute;
	bottom: 0px;
	height: 45px;
	width: 656px;
}
.txtRight {
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: right;
}
/*** Search Panel Slide ***/
#panel { margin-left: 7px; margin-bottom: 10px; }
#searchForm { margin-bottom: 12px; background: #404040; }

.btnSlide { width: 218px; padding-top: 41px; margin: -12px 6px 0 6px; background-image: url(../images/pageElements/buttons/btnShowHolidaySearch.gif); }
.btnSlide:hover { background-position: 0 -41px; }
.btnSlide:active { background-position: 0 -82px; }
.active { background-position: -218px 0px; }
.active:hover {	background-position: -218px -41px; }
.active:active { background-position: -218px -82px; }

#panel #rctSearch { width: 227px; margin-left: 0; margin-right: 0; }
#panel #svdAccomm { width: 227px; margin-left: 0; margin-right: 0; }

/*** Special offers page ***/
.innerBox {
	position: relative;
	border: 1px solid #707070;
	margin: 0 20px 20px 20px;
	padding: 15px;
	background: #FFFFFF;
	width: 655px;
	overflow: hidden;
	background: #FFFFFF url('../images/offers/d0VLine.gif') scroll no-repeat;
}
img.offerImage {
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}
p.offerHotelResortRegion {
	margin: 0;
	padding: 0;
}
a.offersHotelName {
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 8px 0;
}
a:hover.offersHotelName  {
	font-size: 18px;
	font-weight: normal;
	text-decoration: underline;
	margin: 0 0 8px 0;
}
.detailsCol {
	float: left;
	margin: 0;
	width: 250px;
}
p.starDisplay {
	color: #D9D9D9;
	margin: 4px 0 0 0;
	padding: 0px;
	font-size: 24px;
	line-height: 14px;
	font-weight: bold;
}
.starDisplay span {
	color: #5d5d5d;
}
p.holidayDetails {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#fullPricesFrom {
	font-size: 15px;
	margin: 8px 0 0 0;
	padding: 0;
}
span.bigPrice {
	font-size: 17px;
	font-weight: bold;
}
p.citTsCs {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 12px;
}
.savingCol {
	float: left;
	width: 158px;
	border-left: 1px solid #D0D0D0;
	padding: 0 0 0 15px;
}
p.valueAdded {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0;
	text-transform: uppercase;
}
ul.addedValueList {
	list-style-image:url(themes/cit/images/pageElements/background/readMoreArrowGrey.gif);
	padding: 0;
	margin: 0;
}
li.valueList {
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 3px;
}
.worthText {
	border-top: 1px solid #D0D0D0;
	width: 148px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* layout Multicentres */
.fullDetails .offerTitleBlock ul.depDtls {list-style: none; margin: 0; padding: 0;}
.mcDetails dt {float: left; font-size: 24px; font-weight: bold; margin-top: 0px; line-height: 20px;}
.mcDetails dd {margin-bottom: 0px; margin-left: 115px;}
.offerLarge .mcDetails dd p {margin-top: 0;}
.offerLarge .mcDetails dd p.country {font-size: 18px; margin: 0;}
.offerLarge .fullDetails .mcDetails dd p.rating {height: 13px; overflow: hidden; padding-top: 4px; font-size: 50px;}
.offerLarge .fullDetails .mcDetails dd p.rating span {font-size: 50px;}
.depDtls li {padding: 1px;}

.mcInnerBox {
	border: 1px solid #707070;
	margin: 0 20px 20px 20px;
	padding: 5px 0 15px 15px;
	background: #FFFFFF url('../images/offers/d0VLine.gif') scroll no-repeat;
	width: 670px;
	overflow: hidden;
}
div.mcInnerBox {
	position: relative;
	min-height: 150px;
	padding-bottom: 20px;
}
div.ctb {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 174px;
	background-color: #D3005F;
	border-top: 8px solid #707070;
}
h2.mcOffersTitle {
	font-size: 18px;
	margin: 4px 0 15px 0;
	padding: 0 0 3px 0;
	font-weight: normal;
	border-bottom: 1px solid #D0D0D0;
	width: 461px;
}
#mcHolidayDetails {
	margin: 0;
	padding: 0;
}
#mcHolidayDetails li {
	list-style-type: none;
	line-height: 10px;
}

p.mcRating{
	color: #D9D9D9;
	font-size: 28px;
	margin: -6px 0 0 0;
	line-height: 10px;
}
p.mcRating span{
	color: #5d5d5d;
	display: inline;
	font-size: 28px;
}
p.mcDescription {
	margin: -3px 0 25px 0;
}

/* Very new layout Multicentres */
#detailsWrapper {
	width: 480px;
	float: left;
}
.mcOfferImage {
	width: 76px;
	float: left;
	margin: 0 12px 0 0;
	-ms-interpolation-mode: bicubic;
}
#mcDetailsCol {
	border-left: 1px solid #D0D0D0;
	padding-left: 10px;
	width: 185px;
	float: right;
}
.mcSavingCol {
	float: left;
	width: 168px;
	padding: 0;
}
div.mcCtb {
	position: absolute;
	bottom: 0;
	height: 70px;
	width: 190px;
	background-color: #D3005F;
}
.mcWorthText {
	border-top: 1px solid #D0D0D0;
	width: 148px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 10px;
}
p.mcValueAdded {
	font-size: 15px;
	font-weight: normal;
	margin: 10px 0 6px 10px;
	padding: 0;
	text-transform: uppercase;
}
ul.mcAddedValueList {
	list-style-image:url(themes/cit/images/pageElements/background/readMoreArrowGrey.gif);
	padding: 0;
	margin: 0;
}
li.mcValueList {
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0;
	margin-left: 25px;
	margin-bottom: 3px;
}
#mcPricesFrom {
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding: 4px;
}
#mcWob {
	background: #000000;
	color: #FFFFFF;
}
#ctbTextMC {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
    width: 120px;
    text-align: center;
    line-height: 15px;
}
#ctbTextMC span {
	font-size: 16px;
}
span.mcNumbers {
	font-size: 24px;
	font-weight: bold;
	margin-top: 0px;
	line-height: 20px;
}
span.mcCountry {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
#searchSpacer {
	width: 245px;
	height: 10px;
	background: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 15px;
}