/* $Id: collections.css,v 1.20 2012/02/01 14:48:36 adam.l Exp $
-----------------------------------------------------------------------------*/
/* @import "flexibility.css";  /*  Import the flexibility Style */
@import"imageViewer.css";
@import"hotelResult.css";
# ########################################################################## #
# 							Color Codes								         #
# #927B59 - brown															 #
# #1E5985 - blue /hotel title, location										 #
# #0B3658 - dark blue /read more											 #
# #D2D2D2 - grey /featured offer image  									 #
#																			 #
# ########################################################################## #

#collectionsIndex{
	padding-top: 20px;
}
#collectionsIndex .collectionContainer{
	margin-top:10px;
	width:auto;
	overflow:auto;
	padding-bottom: 20px;

}
.collectionContainer .item {
	float:left;
	margin-right:20px;
	width:348px;
}
.collectionContainer .alt {
	margin-right:0px;
}
.collectionContainer h2,
.subtitleUnderlined{
	border-bottom:1px solid #013B6D;
	display:block;
	margin-bottom:10px;
	padding:0 0 4px 0;
	font-size: 1.6em;
}
.collectionContainer img {
	display:block;
	float:left;
	height:106px;
	width:106px;
}
.collectionContainer div.text {
	display:block;
	margin-left:110px;
}
#content .collectionContainer div.text p{
	padding:0 0 1px 5px;
	margin-bottom: 0;
}
.collectionContainer div.textCities {
	display:block;
	margin-left:110px;
	padding:0 3px;
}
#collectionsIndex .collectionBackToTop{
	width:auto;
}
/***** Left Nav
-----------------------------------------------------------------------------*/

#subnav ul {
	margin:0 0 0 15px;
}
#subnav li {
	padding: 0px;
	list-style-image: url("themes/sov/images/collections/readMoreArrowX.gif");
}
#subnav a {
	display:block;
}
#left-col #collectionsMenu label {
	display:block;
	font-size:1.1em;
	padding:0pt 0pt 5px;
}
#collectionsMenu {
	margin: 20px 0pt 0pt;
}
#left-col h2{
	background: none !important;
	color: #003E6C;

}
.result-cat{
	width:736px;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:auto;
	border-bottom: 1px solid #927B59;
}
/***** Collection Page Changes - Main Image on top of the page
-----------------------------------------------------------------------------*/
#imageMain{
	width: 725px;
	height: 300px;
}
#mainImageText{
	width: 220px;
	height: 260px;
	float: right;
	padding: 20px 50px 0 0;
	color: #FFF;
}
#mainImageText p{
	color: #FFF;
	text-align: center;
	line-height: 10px;
}
#mainImageText .line1{
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, Georgia,"Times New Roman", Times, serif;
}
#mainImageText .line2{
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 25px;
	font-family: Arial, Georgia,"Times New Roman", Times, serif;
}
#mainImageText .line3{
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Georgia,"Times New Roman", Times, serif;
}
#mainImageText .default{
	color: #FFF;
	font-size: 12px;
	padding: 0px 0 0 0;
	line-height: 18px;
}
#mainImageText .default .collection{
	color: #FFF;
	text-decoration: underline;
}
.mainImageAdult{
	background-image:url(themes/sov/images/collections/adult/adultCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageExclusive{
	background-image:url(themes/sov/images/collections/exclusive/exclusiveCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageSustainable{
	background-image:url(themes/sov/images/collections/sustainable/greenImage.jpg);
	background-repeat: no-repeat;
}
.mainImageLuxury{
	background-image:url(themes/sov/images/collections/luxury/luxuryCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageSpa{
	background-image:url(themes/sov/images/collections/spa/spaCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageWedding{
	background-image:url(themes/sov/images/collections/wedding/weddingCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageCities{
	background-image:url(themes/sov/images/collections/cities/citiesCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageCitiesEurope{
	background-image:url(themes/sov/images/collections/cities/citiesEuropeCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageCitiesWorldwide{
	background-image:url(themes/sov/images/collections/cities/citiesWorldwideCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageFamilies{
	background-image:url(themes/sov/images/collections/families/familiesCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageClassic{
	background-image:url(themes/sov/images/collections/classic/classicCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageAllInclusive{
	background-image:url(themes/sov/images/collections/allInclusive/allInclusiveCollection.jpg);
	background-repeat: no-repeat;
}
.mainImageAllInclusiveEurope{
	background-image:url(themes/sov/images/collections/allInclusive/mediterranean-europeMain.jpg);
	background-repeat: no-repeat;
}
.mainImageAllInclusiveExotic{
	background-image:url(themes/sov/images/collections/allInclusive/exotic-destinationsMain.jpg);
	background-repeat: no-repeat;
}
#hotelGallery {
	float:right;
	position:relative;
	width:260px;
}
.collections .largeHotelImage {
	float:right;
	position:relative;
	width:260px;
}
img.mainImage{
	border:1px solid #CCCCCC;
	padding:4px;
	width:250px;
	height:188px;
}
#image-paging{
	top: 193px;
	left: 5px;
}
.fadingBg{
	width: 725px;
	height: 37px;
	background-image: url(../themes/sov/images/collections/fadingBg.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Georgia,"Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFF !important;
	line-height: 37px;
	padding-left: 10px;
	background-color: #F8F7F3;
	margin-bottom: 10px;
}
/***** Just under the main title - City Breaks using it
-----------------------------------------------------------------------------*/
.mainSubTitle{
	font-size:1.1em;
	color: #003E6C;
	font-weight: bold;
	line-height: 30px;
}
.subtitle{
	font-size:1.1em;
}
a.readMore{
	text-decoration: underline;
	background-image: url(themes/sov/images/collections/readMoreArrowX.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin-left: 6px;
}
#content p.readMore{
	color: #0B3658;
	background-image: url(themes/sov/images/collections/readMoreArrowX.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 0px;	
}
a.hotelTitle{
	text-decoration: underline;
	font-weight: bold;
	text-transform:uppercase;
}
a.hotelLocation{
	color:  #1E5985;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
}
/***** Featured Offer - Inside Box style
-----------------------------------------------------------------------------*/
.collectionOffercities,
.collectionOfferluxury,
.collectionOfferfamilies,
.collectionOfferweddings,
.collectionOfferspa,
.collectionOfferexclusive{
	width: 390px !important;
	color: #FFF;
	background-color: #927B59;
	margin: 0 0 0 10px;
	padding: 0 10px 0 10px;
}
.collectionOfferTop{
	with: 410px;
	height: 8px;
	background-image: url(themes/sov/images/collections/featuredOfferSpecialTop.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 10px;
	font-size: 0px;
}
.collectionOfferBottom{
	with: 410px;
	height: 8px;
	background-image: url(themes/sov/images/collections/featuredOfferSpecialBottom.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	font-size: 0px;
}
/***** Hotel Result List - NEW Two Column
-----------------------------------------------------------------------------*/
.result-cat2Col{
	width: 352px;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
}
.result-cat2Col div {
	float:right;
	width:230px;
}
.result-cat2Col div h3,
.reccommendsText h3{
	font-size: 12px;
}
.result-cat2Col a img.main {
	width: 105px;
	height: 105px;
	float: left;
	margin: 0 10px 20px 0;
}
.hidden {
	display:none;
}
/***** Family Experience
-----------------------------------------------------------------------------*/
table {
	border:0px none;
	font-size:1.1em;
	margin:0pt 0pt 10px;
	width:100%;
}
table.experience tr td ul{
	margin:0 2em;
}
div.unhidden{
	margin-left:2em;
	width:400px;
}
.arrowBg {
	background-image: url(../themes/sov/images/collections/families/arrow_bg.gif);
	margin-left: 5px;
	width:135px;
}
.cities img {
	width: 128px;
	height: 96px;
	float: left
}
.cities .text {
	width: 597px;
	float: right;
}
.reccommendsText {
	padding-top: 10px;
	padding-left: 10px;
}
.collectionText {
	padding-bottom: 10px;
}
.collectionSubContainer {
	float:left;
	padding-bottom: 20px;
}
.collectionSubImage {
	width: 106px;
	height: 106px;
	float: left;
}

.collectionSubText {
	margin-left: 140px;
}
.location {
	font-family: Arial, Georgia,"Times New Roman", Times, serif;
	font-size: 10px;
}
.listContainer ul,
.collectionText ul,
.collectionText p ul,
	#sustainable ul {
	list-style-position: outside;
	margin-left: 20px;
}
/***** Family Collection - Family Holiday Experience
-----------------------------------------------------------------------------*/
#experience {
	background-image:url('themes/sov/images/collections/families/backgroundImage.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 666px;
	height: auto !important;
	height: 666px;
}

#experience .content {
	float: left;
	width: 370px;
}
#experience .content .sectionHeader {
	font-weight: bold;
}
/***** Sustainable Collection
-----------------------------------------------------------------------------*/
.theLogo {
	float:right;
	margin-left:10px;
	margin-top:5px;
}
/***** All Inclusive Collection
-----------------------------------------------------------------------------*/
.european {
	float:left;
	padding:10px;
	width:300px;
}
.european ul,
.exotic ul {
	padding-left:20px;
}
.european ul.colOne,
.exotic ul.colOne {
	bottom:12px;
	float:left;
	position:relative;
	width:150px;
}
.exotic {
	float:right;
	padding:10px;
	width:300px;
}

#sustainable div.logos img {
	float: left;
	margin-right: 15px;
}

#sustainable div.logos {
	margin-bottom: 10px;
}

#sustainable div.logos div {
	display: block;
	clear: both;
	height: 50px;
}