/* = Collection Generic Styles
-----------------------------------------------------------------------------*/

h2.collectionsSecondaryHeading {
	margin:0 0 10px;
	padding:2px;
}
#collectionsFrameHeader {
	height: 240px;
	background-color:#E8E8E8;
	margin: 0 0 18px;
	border-width: 10px 0 0;
}
#collectionsFrameHeader #imageMain{
	width: 320px;
	height: 240px;
	background-color: #000;
	background-position: 50% 50%;
	text-decoration: none;
	position: relative;
	float: right;
}
#collectionsFrameHeader #imageMain a{
	text-decoration: none;
}
#collectionsFrameHeader #imageMain .mainSectionImageText{
	position: absolute;
	bottom: 12px;
	right: 12px;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 8px 40px 8px 8px;
	cursor: pointer;
	font-size: 1.1em;
	margin-left: 12px;
	background: transparent url('themes/cit/images/transBlk.png') repeat;
}
* html #collectionsFrameHeader #imageMain .mainSectionImageText {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='themes/cit/images/transBlk.png');
}
#collectionsFrameHeader #imageMain .mainSectionImageText .arrow{
	position: absolute;
	display:block;
	bottom: 8px;
	right: 5px;
	width: 14px;
	height: 14px;
	background: transparent url('themes/cit/images/collections/mainSectionImages/arrow.png') no-repeat;
}
* html #collectionsFrameHeader #imageMain .mainSectionImageText .arrow {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=fixed src='themes/cit/images/collections/mainSectionImages/arrow.png');
}
#collectionsFrameHeader #imageMain .mainSectionImageText span.head{
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 0 0 4px 0;
	font-weight: bold;
	display: block;
}
#collectionsFrameHeader #imageMain .mainSectionImage{
	width: 320px;
	height: 240px;
	float: right;
}
#collectionsFrameHeader #mainImageText{
	color: #000;
	float: left;
	width: 364px;
}
#collectionsFrameHeader #mainImageText p{
	color: #050505;
	text-align: left;
}
#collectionsFrameHeader #mainImageText h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px !important;
	padding: 0px 0 11px !important;
}
#collectionsFrameHeader #mainImageText .default{
	color: #050505;
	font-size: 1.1em;
}
.mainImageTours {
	background-image:url(themes/cit/images/collections/mainSectionImages/mainSectionLargeImages/collLgeTours.jpg);
	background-repeat: no-repeat;
	float: right;
}
#citiesRightColumn li {
	list-style-image:url(../images/generic/breadcrumbArrow.gif);
}
.collectionsHeaderHighlight {
	background:#F3F3F3 none repeat scroll 0 0;
	font-weight:bold;
	margin:  10px 0;
	padding:2px 0 2px 5px;
}

.collectionLeftCol { float: left; width:492px; }

.collectionRightCol { float: right; overflow: hidden; width: 236px; }
.collectionsIntro {
	margin: 0 0 20px 0;
}
.collectionsIntro .collectionsHeading {
	font-size: 2em;
	margin: 0 0 5px 0;
}
.collectionsIntro p {
	margin: 5px 0;
}
#collectionsMenu { margin: 0; padding: 0; }
#collectionsMenu a { font-size: 1.4em; text-decoration: none; font-weight: bold; color: #464646; }
#collectionsMenu a:hover { color: #E00060; }
#collectionsMenu img.collectionsMenuImage {	float: left; margin: 0 20px 0 0; width: 128px; height: 96px; }
#collectionsMenu img.readMore {	position: absolute;	bottom: 20px; margin: 0 20px 0 0; }
#collectionsMenu li { position: relative; height: 96px;	padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D0D0D0; list-style: none; }
#collectionsMenu li p {	margin: 5px 0 5px 148px; width: 450px; height: 48px; }

.read-more { float: right; clear: both; margin-top: 20px; }

.collectionText { width: 728px; overflow: hidden; }

/* Collection Location List */

ul.locations { clear: both; list-style: none; padding-left: 0; width: 728px; margin: 30px 0 0 0; border-top: 1px solid #ececec; }
ul.locations li { position: relative; width: 728px; border-bottom: 1px solid #ececec; padding: 10px 0; clear: both; overflow: hidden; }
ul.locations li img.location-image { float: left; width: 158px; height: 118px; border: 1px solid #e8e8e8; padding: 2px; margin: 0 12px 0 0; }
ul.locations li .location-content { float: right; width: 524px; }
ul.locations li p { padding: 0;	margin: 0 0 5px 0; }
ul.locations li h3 {margin: 10px 0; }
ul.locations li h3 a { text-decoration: none; }
ul.locations li h3 a:hover { text-decoration: underline; }
ul.locations .read-more { margin: 0 0 5px 0; height: 20px; clear: none; text-align: right; }

div.tabContent ul { margin: 0; border: none; }

/* = Individual Collection Styles - Cities
-----------------------------------------------------------------------------*/

.lakes {
	border-bottom: 1px solid #ececec;
	float: left;
	padding-bottom: 35px;
	margin-bottom: 15px;
}

.cities {
	clear: both;
	height: 140px;
	margin-top: 15px;
	border-bottom: 1px solid #ececec;
}
.cities .citiesContent {
	float: right;
	height: 155px;
	width: 540px;
}

.cities .citiesContent p {
	margin-top: 0;
}

.cities .citiesLeftCol {
	float: left;
	margin-bottom: 20px;
	width: 165px;
}
.cities .citiesLeftCol img {
	border: 1px solid #E4E4E4;
	padding: 2px;
}



/* = Generic Collection Styles
-----------------------------------------------------------------------------*/

.collection-item {
	clear: both;
	height: 139px;
	margin-top: 15px;
	border-bottom: 1px solid #ececec;
}

.collection-item-right {
	float: right;
	height: 103px;
	width: 540px;
}

.collection-item-right p {
	margin-top: 0;
}

.collection-item-left {
	float: left;
	margin-bottom: 20px;
	width: 165px;
}

.collection-item-left img {
	border: 1px solid #E4E4E4;
	padding: 2px;
	width: 158px;
	height: 118px;
}

.cities-button {
	position: relative;
	bottom: 20px;
	float: right;
	width: 92px;
	height: 20px;
}

/* = Individual Collection Styles - Families
-----------------------------------------------------------------------------*/
.recommendsContainer { margin: 0 0 20px 0; }
.recommendsContainer h3.headerBar { margin: 0; padding: 12px; background: #6C6C6C; color: #fff; }
.recommendsContainer .recommendsContent { width: 704px; overflow: hidden; padding: 12px; background: #f1f1f1; }

.recommendsContainer .recommendsContent h3 { margin-top: 0; }

.recommendsContainer .imageCol,
	.recommendsContainer p.content,
	.recommendsContainer .pointsCol { float: left; }

.recommendsContainer .imageCol { width: 158px; margin: 0 15px 0 0; }
.recommendsContainer .imageCol img { width: 158px; height: 120px; margin: 0 0 12px 0; }

.recommendsContainer p.content { width: 295px; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #FFF; }
.recommendsContainer .pointsCol { width: 215px; }
.recommendsContainer .pointsCol ul { padding: 0; margin: 12px 0; list-style-type: none; }
.recommendsContainer .pointsCol ul li { padding: 0 0 0 14px; margin: 0 0 10px 0; background: transparent url('../images/pageElements/background/pinkArrow.gif') 0 3px no-repeat; }

/* = Individual Collection Styles - Escorted Tours
-----------------------------------------------------------------------------*/

#escortedToursContainer .innerContainerLeft,
#escortedToursContainer .innerContainerRight {
	height: 180px;
	margin-bottom: 15px;
	width:350px;
}
#escortedToursContainer .innerContainerLeft {
	float:left;
}
#escortedToursContainer .innerContainerRight {
	float:right;
}
#escortedToursContainer .innerContainerLeft .tour1,
#escortedToursContainer .innerContainerLeft .tour2,
#escortedToursContainer .innerContainerRight .tour3,
#escortedToursContainer .innerContainerRight .tour4 {
	height: 180px;
	padding: 5px 0px 0px 5px;
	width: 165px;
}
#escortedToursContainer .innerContainerLeft .tour1,
#escortedToursContainer .innerContainerRight .tour3 {
	float: left;
}
#escortedToursContainer .innerContainerLeft .tour2,
#escortedToursContainer .innerContainerRight .tour4 {
	float: right;
	padding-top: 25px;
}
#escortedToursContainer .innerContainerLeft:hover,
#escortedToursContainer .innerContainerLeft:hover,
#escortedToursContainer .innerContainerRight:hover,
#escortedToursContainer .innerContainerRight:hover {
	background: #E9E9E9;
}
#escortedToursContainer img {
	border: none;
}

/* = Individual Collection Styles - Weddings FAQ's
-----------------------------------------------------------------------------*/
#menuList {
	background:transparent url(themes/cit/images/pageElements/background/mainResortListBG.jpg) no-repeat scroll 0 0;
	clear:both;
	height:60px;
	padding:5px;
	width:720px;
}

#menuList ul {
	margin: 0px;
	padding: 15px;
}

#menuList li {
	display: inline;
	list-style: url(themes/cit/images/generic/breadcrumbArrow.gif);
	padding-right: 10px;
}

h2.subHeading {
	color: #E00060;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
}

#faqSubHeader {
	margin-bottom:6px;
	padding-top:1px;
	padding-left:12px;
	color:#969286;
	font-weight:700;
	line-height:16px;
}

a.subHeader, a:link.subHeader, a:visited.subHeader {
	color:#E00060;
    text-decoration:none}

a.subHeader:hover {
	text-decoration:underline;
	color:#969286;
}

a.faqActive {
	color:#969286;
    text-decoration:none}

a.faqActive:hover { text-decoration:none; }

.faqBackToTop {
	text-align:right;
}

a.faqBackToTop {
	color:#B53A59;
    text-decoration:none;
	font-weight:500;
}

a.faqBackToTop:hover { text-decoration:underline; }

p.weddingsLowerLeftColumn {
	background-image:url(themes/cit/images/multiCenter/general/dGreyBg.gif);
	color:#FFFFFF;
	font-size: 1.2em;
	height:80px;
	width: 221px;
	padding:5px;
	text-align:center;
}

.weddingPackagesLeftCol {
	float: left;
	width: 350px;
}

.weddingPackagesRightCol {
	float: right;
	width: 350px;
}

.weddingPackagesLeftCol h2.weddingPackages,
.weddingPackagesRightCol h2.weddingPackages {
	background:#F3F3F3 none repeat scroll 0 0;
	margin:0 0 10px;
	padding:2px;

}

/* = Individual Collection Styles - Value
-----------------------------------------------------------------------------*/
.valueExclusiveLeftCol ul li span{
	font-weight:bold;
	text-transform:uppercase;
}
p img.priceGuarantee {
	float:left;
	margin-left:0;
	margin-right:12px;
}

.collectionCTA { float: right; background-color: #E8E8E8; width: 192px; border-width: 10px 0 0 0; padding: 5px 6px 5px 10px; margin: 0 0 0 15px; }
.collectionCTA h3 {	margin: 5px 0 0 0; }
.collectionCTA ul {	padding-left: 0; margin: 4px 0; }
.collectionCTA ul li { background:transparent url(themes/cit/images/collections/ArrowBullet.jpg) no-repeat 0% 50%; padding: 3px 0 3px 20px; list-style: none; }
.collectionCTA .phoneNumber { display: block; color: #e00060; font-size: 1.5em; font-weight: bold; }
.collectionCTA p { font-weight: bold; margin: 5px 0 10px; }
.collectionCTA .openingTimes { font-weight: normal; }
.collectionCTA a { text-decoration: none; }
.collectionCTA a:hover { text-decoration: underline; }

/* Opera Breaks */

#intro.opera { float: left;	margin-bottom: 20px; }

#opera-breaks h2.collections { clear: both;	border-bottom: none; border-top: 1px solid #ececec;	padding-top: 10px; margin-bottom: 10px; }

#opera-breaks h3 { font-size: 1.1em; margin: 0; }

#opera-breaks p { margin-top: 0; }

#opera-breaks {	border-bottom: 1px solid #ececec; }

/* = Individual Collection Styles - Orient Express
-----------------------------------------------------------------------------*/
.orientExpressContainer {
	font-size: 1em !important;
}
.orientExpressContainer .collectionCTA { width: 220px; }
.orientExpressContainer .collectionCTA p {
	font-weight: normal;
	width: auto;
}

.orientExpress_ItineraryHead {
	padding-top: 10px;
	border-top: 1px solid #ececec;
	width: 470px;
	margin-bottom: 20px;
}

.options {
	list-style: none;
	padding-left: 0;
}

h2.favourite {
	border-top: 1px solid #ececec;
	padding-top: 10px;
}

.orientExpressContainer h3 {
	margin-bottom: 0;
}

.orientExpressContainer p {
	margin-top: 0;
	width: 470px;
}

.options {
	margin-top: 3px;
}

.options li {
	background: transparent url(themes/cit/images/collections/PinkArrow.gif) no-repeat 0% 50%;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.orientExpressOffers {
	float: right;
	background-color: #333;
	width: 280px;
	margin: 0 0 12px 20px;
	padding: 15px 20px 20px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orientExpressOffers_Header {
	font-size:1.4em;
	font-weight:bold;
}

.orientExpressOffers_Header span {
	display: block;
	margin-bottom: 10px;
}

.orientExpressOffers p,
.orientExpressOffers_Header h3 {
	font-size: 1.0em;
	margin: 0 0 10px 0;
}

.orientExpressFav {
	border: 1px solid #D9D9D9;
	margin: 0;
	float: left;
	margin-bottom: 15px;
}
.orientExpressFav .orientExpressFav_Header {
	background-color: #6d6d6d;
	padding: 15px 45px 14px 15px;
	font-weight: bold;
	color:#fff;
}
.orientExpressFav .orientExpressFav_Header .top {
	display: block;
	font-size: 1.4em;
	margin-bottom: 8px;
	line-height: 0.8em;
}
.orientExpressFav .orientExpressFav_Content {
	padding: 15px;
	background-color:#f1f1f1;
	float: left;
}
.orientExpressFav .orientExpressFav_Content p {
	width: 467px;
	float: right;
	margin-top:0;
	margin-bottom: 15px;
}
.orientExpressFav .orientExpressFav_RightCol {
	float: left;
	margin-right: 20px;
}
.orientExpressFav .orientExpressFav_Image {
	width: 208px;
	height: 168px;
	margin-bottom: 5px;
}
.orientExpressFav .orientExpressFav_CTA {
	padding: 8px 0 8px 0px;
	font-weight: bold;
	font-size: 1.3em;
	width: 194px;
	color: #000;
	line-height: 1.2em;
}
.orientExpressFav .orientExpressFav_CTA_phone {
	display: block;
	color: #DC0B71;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 0.9em;
}
.orientExpressFav .orientExpressFav_CTA_openingTimes {
	font-size: 0.8em;
	font-weight: normal;
}