/* ////////////// PAGE LAYOUT /////////////// */
body
{
    margin: auto;
    padding: 0;
    font-family:Verdana;
    font-size: 0.7em;
    color:#000000;
    background: #FFFFFF url(../images/bgCurtain.jpg) top left no-repeat;
}

.destImages
{
    float:left;
    color:#ffffff;
}
.destImageNav a
{
    color:#000000;
}
.pagingContainer, pagingLabel
{
    float:left;
}
.pagingContainer DIV SPAN A:hover
{
    width: 100%;
    font-size: 11px;
    text-transform:none;
    font-style:normal;
    color:#000000;
}
.pagingContainer DIV SPAN A:link
{
    width: 100%;
    font-size: 11px;
    text-transform:none;
    font-style:normal;
    color:#000000;
}
.pagingContainer DIV SPAN A:visited
{
    width: 100%;
    font-size: 11px;
    text-transform:none;
    font-style:normal;
    color:#000000;
}

#pageContainer
{
    /*width: 730px;*/
    /*margin-left:250px;*/
    /*margin: auto;*/
    padding: 0;
    /*height: auto;*/
    float:left;
    /*background: transparent url(../images/bgPalmFooter2.gif) bottom right no-repeat;*/
}
#pageContainerOneCol
{
    /*width: 730px;*/
    margin-left:250px;
    /*margin: auto;*/
    padding: 0;
    height: auto;
    /*float:left;*/
}
#mainContainer
{
    background-color:Transparent;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; 
   /*border: solid 1px #000000;*/
}
#mainBody 
{
    float:left;
    width:980px;
}

#mainContainerOneCol #mainBody 
{
    width:730px !important
}
/* HEADER */
#headerContainer
{
    background:transparent;
    width: 730px;
    float:left;
    padding: 0;
    margin:0 0 10px 0;
}
#header
{
    margin: auto;
    float: left;
}
#header #secondaryContainer
{
    float:right
}
#header .secondaryNav
{
    text-align: right;
    font-size:9px;
    vertical-align: top;
}
#header .secondaryNav a
{
    color:#333333;
    text-decoration:none;
    padding: 0 10px 0 10px;
}
#header .secondaryNav .links
{
    padding-top:5px;
    float:left
}
#header .secondaryNav a:hover
{
    color:#666666;
}

#header .secondaryNav .btnLogOut
{
    margin:3px 0 0 10px;
}
#header .primaryNav
{
    float: right;
    width:100%;
    text-align: right;
    font-size: 1em;
    text-transform:uppercase;
}

#header .primaryNav a
{
    color:#000000;
    text-decoration:none;
    padding:10px 15px 0 15px;
    margin:0;
    display:inline-block;
    height:25px;
    
    }
#header .primaryNav a:hover
{
    color:#333333;
    background-color:#cccccc;
    text-decoration:none;
    height:25px;
    display:inline-block;
    padding:10px 15px 0 15px;

}
#logoContainer
{
    float: left;
    width:730px;
    padding-bottom:20px;
    border-bottom: solid 4px #cccccc
}
#logoContainerOUT
{
    float: left;
    width:730px;
}
#logoContainer .logo,
#logoContainerOUT .logo
{
    float: left;
    margin-top:10px;
}
#logoContainerOUT #imgLoginBanner
{
    vertical-align:top;
}
#logoContainer .tel
{
    float: right;
    padding-top:10px;
}

#logoContainerOUT .loginPanel
{
    float:right;
    text-align:right;
}
#logoContainerOUT .loginPanel td
{
    text-align:left;
}
#loginContainer
{
    width:100%;
    float:right
}
#loginInnerContainer
{
    float:left;
    color:#999999
}

#loginLinks,
#loginLinks a
{
    width:100%;
    color:#cccccc;
    text-decoration:none
}
.loginErrMsg
{
    float:left;
    color:red
}
#loginLinks a:hover
{
    text-decoration:underline;
    color:#999999
}
.txtLoginField,
.txtBox 
{
    font-size:12px;
    height:15px;
    /*background: #FFFFFF url(../images/bgLogin.gif) top right repeat-x;
    border:solid 1px #cccccc*/
}
.inputField
{
    font-size:12px;
    margin-bottom:5px
}
/* END HEADER */
#field
{
    font-weight:bold;
    float:left;
    width:160px
}
/* FOOTER */
#footerContainer
{
    margin: auto;
    z-index:1;
    display: block;
    width: 700px;
    float:left;
    color:#999999;
    border-top:solid 4px #e4e4e4;
    /*height:130px;*/
    margin-top:5px
}
#footerContainer p
{
    font-size: 9px;
    padding:5px 0 0 5px;
    float:left;
    }

#footerContainer a
{
    color:#999999;
    text-decoration:none;
}
#footerContainer a:hover
{text-decoration:underline}

/* END FOOTER */

/* MASTER LAYOUT */

#pageContainer #mainContainer #LeftCol
{
    width: 222px;
    height:100%;
    float: left;
    margin:0 ;
    padding:20px 10px 10px 10px;
    background-color:transparent;
    /*border: solid 1px #000000;*/
}

#pageContainer #mainContainer #MainCol
{
    width: 700px;
    padding:0 0 0 10px;
    background-color:transparent;
    margin:0 0 0 250px
}

#pageContainerOneCol #mainContainerOneCol #homeBody
{
    /*width:730px;*/
    /*height:685px;
    background: transparent url(../images/bgBigPalm.gif) bottom right no-repeat;*/
}
#pageContainerOneCol #mainContainerOneCol #homeBody #content
{
        /*width:550px;*/
}

#pageContainerOneCol #mainContainerOneCol #homeBody #welcomeCopy
{
    /*border:solid 1px #FFFFFF;
    color:#FFFFFF;
    margin:20px 0 0 30px;*/
    padding:0;
    width:365px;
    float:right
   
}

.destTeaser
{
    background-color:#EBF9FC;
    border:solid 1px #E8E8E8;
    width:320px;
    /*height:80px;*/
    padding:8px;
    float:left;
    margin-top:10px;
    line-height:17px;
    cursor:pointer
}

.destTeaser img
{
    float:left;
    padding-right:10px
    }
    
.destTeaser .title
{
    color:#006699
}
    
.destTeaser .text
{
    color:#333333
}

a .destTeaser
{
    text-decoration:none
}

#pageContainerOneCol #mainContainerOneCol #homeBody #testimonials img
{
    padding:30px;
    margin-top:40px
}

/* END MATER LAYOUT*/

/* PAGES */

.twoColSpan {
	clear: none;
	display: block;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-bottom: 1em;
}
.contentGallery, #contentGallery {
	background: transparent;
	padding: 3px;
	margin: 0;
	float: left;
	display: inline;
	width: 300px;
	height: 330px;
}

.contentGallery img, #contentGallery img {
	width: 300px;
	height: 300px;
	margin: 0;
}

.contentGalleryNavigation ul, #contentGalleryNavigation ul {
	list-style-type: none;
	text-align: center;
	background: pink;
}

.contentGalleryNavigation ul li, #contentGalleryNavigation ul li {
	display: inline;
	font-size: 0.875em;
}

.contentGalleryNavigation ul li.left, #contentGalleryNavigation ul li.left {
	width: 20%;
	float: left;

}

.contentGalleryNavigation ul li.middle, #contentGalleryNavigation ul li.middle {
	width: 20%;
	float: left;
}

.contentGalleryNavigation ul li.right, #contentGalleryNavigation ul li.right {
	width: 20%;
	float: left;
	text-align: left;
}

.contentGalleryNavigation ul li.rightMap, #contentGalleryNavigation ul li.rightMap {
	float: right;
	text-align: right;
}


.contentGalleryNavigation ul li a, #contentGalleryNavigation ul li a {
	color: #0099CC !important;
}
.imgBanner
{
    border:solid 3px #000000
}

#atGlance {
	background: transparent;
	padding: 10px;
	height: 310px;
	overflow:auto;
	/*width:380px*/
}
#hotelFacilities
{
}

#atGlance p.atGlanceTitle, #atGlance p.weRecommendTitle, p.newsTitle {
	color: #0099CC;
	font: bold 18px verdana, sans-serif;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #0099CC;
}


#atGlance p a {
	color: #333; 
	background: url(grey-list-arrow.gif) left 55% no-repeat;
	padding-left: 10px;
}

#atGlance li {
	line-height: 175%;
}

#atGlance button {
	margin-top: 0.4em !important;
	width: 121px;
}

button, .button {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 10px 0 0 0;
	cursor: pointer;
	z-index:auto
}
.button2 
{
    margin-bottom:5px;
    
}
.button2 img
{
    border:none;
    padding-top:5px;
}

.searchOptions {

	overflow: auto;
	margin: 5px 0 5px 0;
}

.searchOptions.bottom {
	padding-top: 0px;
}

ul.searchResults {
	width: 45%;
	float: left;
}

.orderResults {
	float: right;
	width: 45%;
	text-align: right;	
}

.orderResults label {
	color: #fff;
	display: inline;
}

.orderResults select {
	width: 180px;
}
ul.searchResults {
	list-style-type: none;
}

ul.searchResults li,
ul.searchResults li a {
	display: inline;
	color: #fff;
}

li.currentPage a {
	color: #0099CC !important;
}
.resultBoxOutline
{
    border:1px solid #E8E8E8;
}
.resultBoxOutlineSimilar .hotelInformation,
.resultBoxOutline .hotelInformation {
	margin-left: 130px;
	padding: 0;
}
.resultBoxOutlineSimilar .hotelImage img,
.resultBoxOutline .hotelImage img 
{
    float:left;
	padding: 0;
	margin: 15px 0 0 3px;
	border:solid 2px #FFFFFF
	
}

.resultBoxOutlineSimilar .hotelName a,
.resultBoxOutline .hotelName a, 
.resultBoxOutlineSimilar .hotelLocation,
.resultBoxOutline .hotelLocation {
	font-size: 1.3333em;
	color: #0099CC !important;
	padding: 0 0 8px 0;
}

.resultBoxOutlineSimilar .hotelLocation
.resultBoxOutline .hotelLocation {
	font-size: 1.16666em;
	line-height: 195% !important;	
	margin-top: 0;
}

p.hotelName {
	font-size: 1.1666em !important; 
	font-weight: normal !important;
	margin-bottom: 5px !important;
}

p.hotelName img {
	padding-top: 8px;
}

p.hotelName span {
	display: none;
}

p.hotelName a {
	font-weight: normal !important;
}

p.hotelLocation {
	font-size: 1.333em !important;
	margin-bottom: 0px !important;
	font-weight: normal;
}

p.hotelLocation.boldTitle {
	font-size: 1.333em !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}

#blackBlock
{
    width:100%;
    float:left;
    padding:3px;
    background-color:#000000;
}
#blackBlock img
{
    float:left
}
#blackBlock p
{
    float:right;
    line-height:16px;
    color:#FFFFFF;
    font-size:9px;
    width:280px;
    margin:0
}
#blackBlock a
{
    color:#FFFFFF;
    font-weight:bold
}
#blackBlock p.GoldTitle
{
    float:right;
    color:#0099CC;
    line-height:18px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
    width:280px
}
/* Meet the team */
#staffProfileList
{
    display:inline-block;
    width:100%;

}
#staffProfileList dl
{
    width:30%;
    height:255px;
    border:solid 1px #cccccc
}
.bgGrey
{
    background-color:#F4F4F4
}

#staffProfileList dl
{
    padding:5px;
    margin:5px;
    float:left
}
#staffProfileList dt
{
    color:#0099CC;
    font-size:1.3em;
    font-weight:bold
}
.bgGrey dt
{
    color:#000000 !important
}
#staffProfileList dd
{
    float:left;
    padding:0;
    margin:0;
    line-height:18px
}
/* destinations */ 
.destinations
{
    width:100%;
    float:left;
    border-bottom:dotted 1px #CCCCCC;
    margin-bottom:10px
}

.destinations .img
{
    float:left;
    padding:5px;
    margin:5px;
}

.destinations  dl
{
    padding:5px;
    margin:0;
    width:550px;
    float:right;
    background-color:#ffffff
}

.destinations dt a
{
    text-decoration:none
}
.destinations  dt,
.destinations dt a
{
    color:#0099CC;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
}
.destinations dd a
{
    color:#000000;
    font-weight:normal;
    text-decoration:none
}
.destinations dd img
{
    padding:25px 0 5px 0
}
.destinations dd
{
    padding:0;
    margin:0;
    line-height:18px
    
}
.destinations dd.hotels a
{
    display:inline-block;
    color:#0099CC;
    width:45%;
    float:left;
    padding:0 0 0 8px;
    background-image:url(../Images/bullet2.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
/* OfferContainer */ 
.OfferContainer
{
    width:100%;
    border:solid 1px #CCCCCC;
    margin-bottom:10px
}
.OfferContainer img
{
    float:left;
    padding:5px;
    margin:5px;
}
.OfferContainer  dl
{
    padding:5px;
    margin:0;
    background-color:#FFFFFF
}
.OfferContainer  dt
{
    color:#0099CC;
    font-size:1.3em;
    font-weight:bold;
    margin:0 0 0 120px;
}
.OfferContainer dd
{
    padding:0;
    margin:0 0 0 120px;
    line-height:18px
}

/* TeaserOfferContainer */ 
.TeaserOfferContainer
{
    width:225px;
    float:left;
    /*background: #FFFFFF url(../images/bgLeftBox.gif) bottom no-repeat;*/
    background-color:#01ADDD;
    border:solid 4px #B3DDE6;
    margin-bottom:20px
}
.TeaserOfferContainer #content
{
    padding:0 10px 10px 10px;
    color:#FFFFFF
}
.TeaserOfferContainer #content a
{
    color:#FFFFFF;
    font-weight:bold
}

.TeaserOfferContainer .leftBoxTop
{
    width:232px;
    height:11px;
    background: #FFFFFF url(../images/bgLeftBoxTop.gif) bottom no-repeat;
}
.TeaserOfferContainer img
{
    float:left;
    padding:5px;
    margin:5px;
}
.TeaserOfferContainer  dl
{
    padding:5px;
    margin:5px;
}
.TeaserOfferContainer  dt
{
    color:#0099CC;
    font-size:1.3em;
    font-weight:bold;
    margin:0 0 0 10px;
}
.TeaserOfferContainer dd
{
    padding:0;
    margin:0 0 0 10px;
    line-height:18px
}

#callToAction
{
    width:100%;
    border:solid 1px #CCCC99;
    float:left;
    margin:10px 0 10px 0;
}
#callToAction p
{
    padding:10px;
}
.HotelLinks a
{
    color:#999999;
    font-weight:bold
}
#terms
{
    border-top:solid 1px #CCCCCC;
    line-height:16px;
    color:#999999
}

.rbroundbox
{
    /*background-color:#F4F4F4;*/
    padding:4px;
    /*border:solid 1px #CCCCCC*/
}
.roomName
{
    /*color:#666666;*/
    font-weight:bold
}
/* Calendar */

.calDays
{
    color:#FFFFFF
    
}
.calSelected
{
    color:#333333
}
.calNxtPre
{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.calDay
{
    color:#999999;
}
.calDay a
{
    color:#333333;
    font-weight:normal;
    text-decoration:none;
}
.calDay a:hover
{
    text-decoration:underline
}/* END Calendar */
/* Results Page */
table caption {
	display: none;
}
.results
{
    border:solid 1px #cccccc;
    background-color:#E4E4E4;
    padding:10px;
    margin:10px 0 10px 0
}
.resultBoxOutline #PriceOutline 
{
    width:150px;
    float:right;
    
}
.resultBoxOutline {
	background-color: #EBF9FC;
	padding: 5px;
	margin: 10px 0;
	overflow: hidden;
}

p.hotelLocation {
	padding: 3px 0 0 0 !important;
	font-weight: bold;
	color: #000000 !important;
	font-size: 1.36666em !important;
}

#content table 
{
    width:100%;
	padding: 0;
	margin: 0;
	background: #fff;
	float: left;
	border: 1px solid #ccc;
}

td {
	background: #fff;
	color: #333;
	text-align: center;
	width: 14%;
	padding: 0px;
}

th {
	background: #0099CC;
	color: #FFFFFF;
	text-align: center;
}
.resultBoxOutline th 
{
    background-color:#0099CC;
    font-size:80%;
    color:#FFFFFF
}
.orderResults {
	float: right;
	width: 100%;
	text-align: right;	
	margin-bottom:10px
}

.orderResults label {
	color: #000000;
	display: inline;
}

.orderResults select {
	width: 180px;
}

ul.searchResults {
	list-style-type: none;
}

ul.searchResults li,
ul.searchResults li a {
	display: inline;
	color: #000000;
}

li.currentPage a {
	color: #0099CC !important;
	font-weight:bold
}
.priceBasis {
	clear: both;
}
#PriceOutline {
	/*background: #CC0066 url(../images/PriceOutline-left-curve.jpg) left top no-repeat;*/
	background:transparent;
	margin: 0 0 10px 10px;
	text-align:center;
	border-left:solid 1px #FFFFFF
}

#PriceOutline .Pricepp
{
   font-weight:bold;
   color:#333333; 
   font-size:90%
}

.lrgPrice
{
    font-size:170%;
    font-weight:bold;
    color:#666666
}
#findHoliday ul { 
	margin: 0 0 1em 0;
	padding: 0;
}

#findHoliday ul li {
	list-style-type: none;
	color: #666666;
}
#bookingForm
{
    float:left;
    width:350px
}
#bookingRef
{
    /*background-color:#CC0066;*/
    border-left:solid 2px #666666;
    width:280px;
    padding:0 10px 0px 15px;
    float:right
}
.yourItin
{
   float:left;
   width:100%;
   margin-top:20px
}
/* END Results Page */