html 
{overflow-y: scroll;}

body
{margin: auto; text-align: center; padding: 0; font-family: Georgia, Serif; font-size: 12px; line-height: 16px; color:#806E3E;}

#pageContainerOneCol
{margin: auto; text-align: left; width: 1000px;}

.destImages
{float:left; color:#806E3E;}

.destImageNav a
{color:#806E3E;}

.pagingContainer, pagingLabel
{float:left;}

.pagingContainer DIV SPAN A:hover
{width: 100%; font-size: 11px; text-transform:none; font-style:normal; color:#806E3E;}

.pagingContainer DIV SPAN A:link
{width: 100%; font-size: 11px; text-transform:none; font-style:normal; color:#806E3E;}

.pagingContainer DIV SPAN A:visited
{width: 100%; font-size: 11px; text-transform:none; font-style:normal; color:#806E3E;}

#pageContainer
{margin: auto; text-align: left; width: 1000px;}

#mainContainer
{background-color:Transparent; width: 100%; height: auto; margin: 0; padding: 0;}

#mainBody 
{float:left; width:1000px;}

#mainContainerOneCol #mainBody 
{width:1000px;}

/* HEADER */
#headerContainer
{width: 1000px; float:left; padding: 0; margin:10px 0 10px 0;}

#header
{margin: auto; float: left; background-color: Fuchsia; width: 1000px;}

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

.inputField
{font-size:12px; margin-bottom:5px}

#field
{font-weight:bold; float:left; width:160px}

#footerContainer
{clear: both; width: 1000px; float:left; color:#fff; height: 100px; text-align: center; margin: 10px 0 10px 0; border-top: 3px solid #B6A167; 
	background-image: url(http://images.itc-uk.com/web siteimages/completecaribbean/footer-bg-both.jpg); background-repeat: no-repeat}

#pageContainer #mainContainer #LeftCol
{width: 5px; height:100%; float: left; margin:0; padding:20px 10px 10px 10px; background-color:transparent;}

#pageContainer #mainContainer #MainCol
{width: 1000px; padding:0 0 0 00px; background-color:transparent; margin:0 0 0 0px;}

#pageContainerOneCol #mainContainerOneCol #homeBody
{}

#pageContainerOneCol #mainContainerOneCol #homeBody #content
{}

#pageContainerOneCol #mainContainerOneCol #homeBody #welcomeCopy
{padding:0; width:365px; float:right;}

.destTeaser
{background-color:#EBF9FC; border:solid 1px #E8E8E8; width:320px; padding:2px; float:left; margin-top:5px; cursor:pointer}

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

a .destTeaser
{text-decoration:none}

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

.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 20px 0 0px;}

.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 
{float: left; padding: 10px; height: 310px; width: 674px;}

#atGlance p
{float: left; margin: 0 0 0 0px; width: 685px;}

#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; padding-left: 10px; background-color: pink}

#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; -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-top: 3px solid #B6A167; border-bottom: 3px solid #B6A167;}

.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: #B6A167 !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}

#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
{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
{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
{width:225px; float:left; 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:#806E3E; font-weight:bold; text-decoration: underline}

.HotelLinks a:hover
{color:#806E3E; font-weight:bold; text-decoration: none}

#terms
{border-top:solid 1px #CCCCCC; line-height:16px; color:#999999}

.rbroundbox
{padding:4px;}

.roomName
{font-weight:bold}

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

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: #FFF6E3; 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: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
{border-left:solid 2px #666666; width:280px; padding:0 10px 0px 15px; float:right}

.yourItin
{float:left; width:100%; margin-top:20px}

.destinationhead
{float: left; width: 231px; height: 23px; background-image: url(http://images.itc-uk.com/websiteimages/completecaribbean/dest-head-new-yellow.jpg); background-repeat: no-repeat; padding: 7px 0 0 10px}

.destinationhead a
{color: #fff; text-decoration: none}

.destinationhead a:hover
{color: #fff; text-decoration: underline}

.destinationheadyellow
{float: left; width: 231px; height: 23px; background-image: url(http://images.itc-uk.com/websiteimages/completecaribbean/dest-head-new-yellow.jpg); background-repeat: no-repeat; padding: 7px 0 0 10px}

.destinationheadyellow a
{color: #fff; text-decoration: none}

.destinationheadyellow a:hover
{color: #fff; text-decoration: underline}

.destinationmain
{float: left; width: 241px; height: 80px;}

.navigationnew a
{color: #fff; text-decoration: none}

.navigationnew a:hover
{color: #fff; text-decoration: underline}

.copynew h2
{font-size: 22px; font-weight: bold; color: #806E3E; margin: 0 0 10px 0; background-color: #fff; text-transform: none; padding: 0px;}

.hotelofthemonthcopy a
{color: #806E3E; text-decoration: underline; font-weight: bold}

.hotelofthemonthcopy a:hover
{color: #806E3E; text-decoration: none}

.destinationsright a
{color: #806E3E; text-decoration: none}

.destinationsright a:hover
{color: #806E3E; text-decoration: underline}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * 
{margin: 0;	padding: 0; list-style: none;}

.sf-menu
{line-height: 1.0;}

.sf-menu ul 
{position: absolute; top: -999em; width: 13em; /* left offset of submenus need to match (see below) */}

.sf-menu ul li 
{width: 100%;}

.sf-menu li:hover 
{visibility: inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li 
{float: left; position: relative;}

.sf-menu a 
{display: block; position: relative;}

.sf-menu li:hover ul,.sf-menu li.sfHover ul 
{left: 0; top: 2.5em; /* match top ul list item height */ z-index: 1000;}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul 
{top: -999em; z-index: 1000;}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul 
{left: 13em; /* match ul width */ top: 0;}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul 
{top: -999em;}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul 
{left: 13em; /* match ul width */ top: 0;}

/*** DEMO SKIN ***/

.sf-menu 
{float: left; margin-bottom: 1em;}

.sf-menu a 
{border-left: 1px solid #B6A167; border-top: 1px solid #fff; padding: .75em 1em; text-decoration:none; line-height: 14px;}

.sf-menu a, .sf-menu a:visited  
{ /* visited pseudo selector so IE6 applies text colour*/ color: #B6A167;}

.sf-menu li 
{background: #fff; z-index: 1000;}

.sf-menu li li 
{background: #FFF9DD; z-index: 1000;}

.sf-menu li li li 
{background: #FFF9DD; z-index: 1000;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{background: #FFF9DD; outline: 0;}

/*** arrows **/

.sf-menu a.sf-with-ul 
{padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}

.sf-sub-indicator 
{position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px;
height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}

a > .sf-sub-indicator 
{/* give all except IE6 the correct values */
top: .8em; background-position: 0 -100px; 
/* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator 
{background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator 
{background-position: -10px 0;}

.sf-menu ul a > .sf-sub-indicator 
{background-position: 0 0;}

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator 
{background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/

.sf-shadow ul 
{background: url('../images/shadow.png') no-repeat bottom right;	padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}

.sf-shadow ul.sf-shadow-off 
{background: transparent;}

#txtAgencyName
{width: 300px;}