/* = Region / Resort Level Browse styles
	 $Id: browse.css,v 1.17 2011/10/26 14:08:20 andy.p Exp $ 
-----------------------------------------------------------------------------*/

/* = Region area descriptions
-----------------------------------------------------------------------------*/

.columnContainer,
	.columnContainerV2 { overflow: hidden; width: 728px; }

.areaList { margin: 0 0 10px 0; }
.columnContainerV2 .areaList { margin: 0 0 30px 0; border: 1px solid #6D6D6D }

.areaList ul { margin:0; padding-left:24px; list-style-type: none; }
.columnContainerV2 .areaList ul { padding: 0 8px; margin: 0; background-color: #F3F3F3 }

.areaList li { padding-left:12px; background: transparent url(../images/generic/breadcrumbArrow.gif) 0 50% no-repeat; }
.columnContainerV2 .areaList li { height: 26px; line-height: 26px; padding-left:16px; border-bottom: 1px solid #fff; font-weight: bold }
.columnContainerV2 .areaList li a { text-decoration: none; }

.aTasteOfItaly { overflow: hidden; width: 100% }

.aTasteOfItaly h3,
.areaList h3 {
	background: #F3F3F3;
	padding: 2px 0 2px 5px;
}

.aTasteOfItaly img {
	float: right;
	height: 125px;
	padding: 5px 5px 0px 0px;
	width: 120px;
}

.aTasteOfItaly a.recipeTitle {
	font-weight: bold;
}

.aTasteOfItaly a img.adobe {
	float: left;
	height: 33px;
	width: 112px
}
.columnContainerV2 .aTasteOfItaly a img.adobe { display: block; float: none; }

.hotelLeftColContainer { float:left; margin: 0 10px 0 0; width: 343px; }
.columnContainerV2 .hotelLeftColContainer { width: 410px; }

.hotelLeftColContainer ul {
	float: left;
	width:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;;
}
.hotelLeftColContainer ul.highlights {
	margin-top: 5px;
	margin-bottom: 1em;
	width:auto;
}
.hotelLeftColContainer li {
	width:150px;
	padding-left:12px;
	list-style:none;
	background: url(../images/generic/breadcrumbArrow.gif) no-repeat left;
}
.hotelLeftColContainer ul.highlights li {
	width:auto;
}
#browse .hotelLeftColContainer h2.aboutAreaText {
	background: #F3F3F3;
	margin: 0;
	padding: 2px 0 2px 5px;
	clear: both;
}

h3.locationHeading {
	background: #F3F3F3;
	float:right;
	margin: 10px 0px;
	padding: 2px 0px 2px 5px;
	width: 370px;
}

h2.hotelListings,
.areaList h2.hotelListings {
	background: #F3F3F3;
	padding: 2px;
	margin: 0px 0px 0px 0px;
}

body#browse .columnContainerV2 .areaList h2.hotelListings { margin: 0; padding: 8px; background: #6D6D6D; color: #fff; font-weight: bold; font-size: 14px; }

#detailedDestinationsList {
	clear:both;
	height:220px;
	width: 728px;
}

#detailedDestinationsList a {
	color: #000;
}

#detailedDestinationsList .regionContent {
	margin-right: 5px;
	padding-top:10px;
}

#detailedDestinationsList .regionContent p {
	margin:0px;
	padding-bottom:10px;
}

#detailedDestinationsList .regionContent p a {
	color: #D30061!important;
	font-weight: bold;
	text-decoration: underline;
}

#detailedDestinationsList .destinationsLeftCol {
	float: left;
	margin-bottom: 12px;
	padding-right:15px;
}

#detailedDestinationsList .destinationsLeftCol img {
	border: 1px solid #E4E4E4;
	padding: 2px;
}

#detailedDestinationsList .individualResortsList {
	background: url(themes/cit/images/pageElements/background/mainResortListBG.jpg) no-repeat;
	clear: both;
	height: 60px;
	padding: 5px;
	width: 720px;
}

#detailedDestinationsList .individualResortsListSicily {
	background: url(themes/cit/images/pageElements/background/mainResortListBG-large.jpg) no-repeat;
	clear: both;
	height: 80px!important;
	padding: 5px;
	width: 715px;
}

#detailedDestinationsList .individualResortsList ul,
#detailedDestinationsList .individualResortsListSicily ul,
#detailedDestinationsList .individualResortsList strong,
#detailedDestinationsList .individualResortsListSicily strong {
	padding: 8px 0 0 10px !important;
	margin: 0 !important;
}

#detailedDestinationsList .individualResortsList li,
#detailedDestinationsList .individualResortsListSicily li {
	display: inline;
	padding-right: 10px;
}

#detailedDestinationsList .individualResortsList li.italianCities {
	list-style-image: url(themes/cit/images/generic/breadcrumbArrow.gif);
	display: inline;
	padding-right: 15px;
}

#detailedDestinationsList .individualResortsList li a,
#detailedDestinationsList .individualResortsListSicily li a  {
	color: #D30061;
}

#detailedDestinationsList .individualResortsList strong,
#detailedDestinationsList .individualResortsListSicily strong {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}

/* = Static Region area pages
-----------------------------------------------------------------------------*/

.regionRightColContainer { float:right;	width: 360px; }
.columnContainerV2 .regionRightColContainer { width: 290px; }

.regionLeftColContainer {
	float: left;
	padding-right: 15px;
	width: 323px;
}


/* = Resort area descriptions
-----------------------------------------------------------------------------*/
.resortContentText {
	margin: 15px 0px;
}

#browseHotelItem {
	height: 130px;
	float: right;
	width: 370px;
}

#browseHotelItem .browseHotelImage {
	border: 1px solid #CCC;
	height: 103px;
	float: left;
	padding: 2px;
	width: 143px;
}

#browseHotelItem img {
	float: left;
}

#browseHotelItem .hotelDetails {
	float: right;
	height: 120px;
	padding-left: 5px;
	width: 210px;
}

#browseHotelItem div .hotelDetails .callToAction {
	float: left;
	height: 35px;
	padding-top: 10px;
}

#browseHotelItem div .hotelDetails div {
	font-size: 1.2em;
}

#browseHotelItem div .atAGlance {
	background:transparent url(themes/cit/images/generic/atAGlanceBG.gif) no-repeat scroll 0 0;
	float:right;
	height:121px;
	width:195px;
}

/* = Resort Level Gallery
-----------------------------------------------------------------------------*/

.gallery {
	background: #E9E9E9;
	border-color:#6C6C6C;
	border-style:solid;
	border-width:10px 1px 1px;
	margin-bottom: 10px;
	padding: 19px 9px 9px 9px;
	width: 708px;
	overflow: hidden;
}
.gallery h3,
#hotelDetails .gallery h3{
	font-weight: normal;
	margin: 0 0 10px 0;
	position: relative;
	height: 16px;
}
#hotelDetails .gallery h3 {
	text-align: left;
	font-size: 1.2em;
	margin-bottom:	10px;
	line-height: auto;
}
.gallery h3 span{
	font-size: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 16px;
}
.gallery .mainPic{
	float: left;
}

.gallery .gallerySmall,
.gallert .thumbs {
	float: right;
	width: 370px;
}
.gallery .thumbs {
	float:right;
	height:210px;
	overflow:hidden;
	padding-top:10px;
	width: 370px;
}
.gallery .gallerySmall #hotelRolloverImage{
	border: 1px solid #000;
	height: 66px;
	padding: 0;
	width: 88px;
}
.gallery .thumbs img {
	border: 1px solid #000;
	height:64px;
	margin-bottom:4px;
	margin-left:4px;
	padding:0;
	width:84px;
}

.gallery .gallerySmall .innerGalleryHeader {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
	width: 360px;
}

.gallery .gallerySmall .mainPic {
	background: #E9E9E9;
	float: left;
	height:242px;
	padding:20px 0px 28px 10px;
	width: 310px;
}

.gallery .mainPic #hotel_main_image {
	border: 1px solid #000;
	margin-bottom: 10px;
}
.galNoMargin{
	margin-bottom: 0;
}
.videoAnd360 { border:1px solid #6C6C6C; border-top:none; margin-bottom:10px; overflow:hidden; padding:19px 9px 9px; width:708px; }
.videoAnd360 a { float:left; margin-right:5px; }
.videoAnd360 a.thickbox { float:right; }
.videoAnd360 a#video { background:url(../images/pageElements/buttons/btnVideos.gif) no-repeat; display:block; height:25px; overflow:hidden; text-indent:-9999px; width:55px; }

#resortContentText {
	clear: both;
	margin: 20px 0px;
}

/* = Luxury Collection Resort Level
-----------------------------------------------------------------------------*/

#pdbContentWrapper {
	width: 728px;
}

#pdbContentWrapper .hotelLeftColContainer {
	float: left;
	width: 323px;
}

#pdbContentWrapper .luxuryHotelListings {
	float: right;
	width: 375px;
}

/* fixes for browse page so cleaner */
body#browse .hotelRightColContainer {
	width:371px;
	overflow: hidden;
}

body#browse .hotelLeftColContainer {
	clear:both;
}

body#browse h2 {
	margin-bottom: 10px;
}

body#browse #middle_column {
	margin-bottom: 10px;
}

.destinationOfferBox{
	background: #333;
	background-image: url(../images/pageElements/background/destinationOffersBottomBg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	clear: left;
	width: 343px;
}

.destinationOfferBox .roundBoxHeader {
	background-image: url(../images/pageElements/background/destinationOffersTopBg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

.destinationOfferBox .roundBoxHeader div {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	padding: 5px;
}

.destinationOfferBox .roundBoxContent {
	color:#FFFFFF;
	padding: 10px 10px 15px 10px;
}
body#browse .destinationOfferBox .roundBoxContent p{ float:none; margin: 0; float: none;}
.destinationOfferBox .roundBoxContent ol{ margin: 0 0 0 2em; padding: 0;}
.destinationOfferBox .roundBoxContent ol li{ padding: 0; margin-bottom: 5px; background: none; width: auto;}
.destinationOfferBox p,
.destinationOfferBox .roundBoxHeader h3 {
	color: #fff;
	font-size: 1.0em;
	padding: 5px 5px;
}

.tsandcs 	{font-size: 0.8em;}
.tsandcs p 	{clear: left; margin: 0px; width: 343px; padding: 10px 0 0;}




/* = Bedbank Hotel Details
-----------------------------------------------------------------------------*/
.bedbankContent #hotelContent { float: left; width: 360px; margin: 0 20px 0 0; }

.bedbankContent #hotelHeader .headerDiv { width: 400px; }
.bedbankContent #hotelHeader .priceBlockAndFacilitiesContainer { width: 307px }

.bedbankContent .infoColumn { float: left; width: 342px; margin-top: 14px; }
.hotelDetails .bedbankContent .infoColumn { float: right; }
.bedbankContent .gallery { width: 322px; padding: 10px; }
.hotelDetails .bedbankContent .gallery { float: right; margin: 0 0 10px 20px; width: 287px; }

.bedbankContent #gallery h3 { height: auto; }
.bedbankContent .gallery p { margin: 0 0 10px 0; font-size: 14px; }
.bedbankContent .gallery #gallink img { width: 320px; height: 189px; border: 1px solid #343434; }
.hotelDetails .bedbankContent .gallery #gallink img { width: 285px; height: 169px }
.bedbankContent .checkAvailability { text-align: right; }
.bedbankContent .infoColumn #infoGallery { float: left; margin: 0 10px 5px 0; }
.bedbankContent .infoColumn .resortInfo { padding: 10px; background: transparent url('../images/pageElements/background/greyGradient.jpg') 0 0 repeat-x; }
.bedbankContent .infoColumn .resortInfo h3 { background: none; margin: 0; }

.bedbankContent .gallery #image-paging { padding: 6px 0 0; }
.bedbankContent .gallery #image-paging ul { list-style-type: none; margin: 0; padding: 0; }
.bedbankContent .gallery #image-paging ul.paging { float: right; width: auto; }
.bedbankContent .gallery #image-paging ul.paging li { float: left; padding: 1px 3px 0; width: auto; line-height: 17px; list-style-image: none; }
.bedbankContent .gallery #image-paging ul.paging li a { display: block; height: 0; width: 17px; padding-top: 17px; overflow: hidden; background: transparent url('../images/pageElements/background/spriteBBanksArrows.jpg') 0 0 no-repeat; }
.bedbankContent .gallery #image-paging ul.paging li.next a { background-position: -17px 0; }

.bedbankContent .tripAdvisorAndOffersContainer { clear: right; width: 342px; padding: 0; }
.bedbankContent #tripAdvisorBox { width: 342px; margin: 0 0 12px 0; }
.bedbankContent #tripAdvisorBox div.container p { width: 328px }
.bedbankContent #tripAdvisorBox div.footer { width: 338px; }
.bedbankContent #tripAdvisorBox #expectBox,
	.bedbankContent #tripAdvisorBox #ratingBox { width: 142px; }
.bedbankContent #tripAdvisorBox #ratingBox .recoThumb { margin: 5px 0 0 0; }

.bedbankContent .infoColumn .gallery #image-paging ul img { border: 0 none !important; }