/* = Region / Resort Level Browse styles
-----------------------------------------------------------------------------*/

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

.areaList {
	float: right;
/*	padding-top: 10px; */
	width: 360px;
}

.destinationsList { width:325px !important }

.areaList ul {
	margin:0px;
	padding-left:24px;
}

.areaList li {
	padding-left:12px;
	background: url(../images/generic/breadcrumbArrow.gif) no-repeat left;
	list-style:none;
}

.aTasteOfItaly {
	float: right;
	padding-top: 10px;
	width: 360px;
}

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

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

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

.aTasteOfItaly a img.adobe {
	clear: left;
	float: left;
	height: 33px;
	width: 112px
}

.hotelLeftColContainer {
	float:left;
	padding-right: 10px;
	width: 343px;
}

.hotelLeftColContainer ul {
	float: left;
	width:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;;
}

.hotelLeftColContainer li {
	width:150px;
	padding-left:12px;
	list-style:none;
	background: url(../images/generic/breadcrumbArrow.gif) no-repeat left;
}

.hotelLeftColContainer h2.aboutAreaText {
	background: #F3F3F3;
	float: left;
	margin: 10px 0px;
	padding: 2px 0px 2px 5px;
	width: 335px;
}

h2.aboutAreaText {
	margin: 0px !important;
}

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;
}

#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;
}

.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 .gallerySmall {
	float: right;
	width: 370px;
}

.gallery .gallerySmall #hotelRolloverImage {
	border: 1px solid #000;
	height: 66px;
	padding: 0;
	width: 88px;
}

.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;	
}
#viewVilla .videoAnd360,
#viewHotel .videoAnd360 {
	border-color:#6C6C6C;
	border-style:solid;
	border-width:0 1px 1px;
	margin-bottom:10px;
	overflow:hidden;
	padding:19px 9px 9px;
	width:708px;	
}
.videoAnd360 a.thickbox{
	float: right;	
}

#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;
}

body#browse .hotelLeftColContainer p {
	float: left;
}

.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;}