/****** Just Caribbean CSS *******/
/** For Modern (read proper) Browsers **/

/******** Coded By AVV Studios ************/


/****** Global reset *********/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/********* Basic Styles *********/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
}

.MoreLink {
	color: #CC3300;
	font-size: 0.70em;
}

.GalleryLink {
	color: #666666;	
	font-size: 0.70em;
	text-decoration: none;
}

.AddToShortlistLink {
	color: #CC3300;
	font-size: 0.70em;
	text-decoration: none;
}

.HotelLink {
	color: #006699;
	text-decoration: none;
}

.HotelPageLink {
	color: #0066CC;
	text-decoration: underline;
}

.SpecialOfferLink {
	color: #CC6633;
	font-size: 1.1em;
	text-decoration: underline;
}

.HotelFlightChangeLink {
	color: #777777;
	font-size: 0.70em;
	text-decoration: underline;
}

.ViewHotelDetailsLink {
	color: #CC3300;	
	font-size: 0.70em;
	text-decoration: none;
}

/********* Home Page Styles *********/

#SiteWrap {
	width: 810px;
	height: auto;
	margin: auto;
}

#LeftColumn {
	width: 610px;
	height: auto;
	float: left;
	margin-right: 10px;
}

#RightColumn {
	width: 190px;
	height: auto;
	float: left;
	margin-top: -55px;
}

#RightColumnLate {
	width: 190px;
	height: auto;
	float: left;
	margin-top: -55px;
}

#RightColumnIndex {
	width: 190px;
	height: auto;
	float: left;
	margin-top: -55px;
}

}

#RightColumnEshot {
	width: 210px;
	height: auto;
	float: left;
	margin-top: -55px;
	margin-left: 20px;

}
#Header {
	width: 610px;
	height: 50px;
	float: left;
	margin-bottom: 5px;
}

#HomePageIntro {
	width: 610px;
	height: 206px;
	float: left;
	margin-bottom: 10px;
}

.IntroTitle {
	font-size: 1.5em;
	color: #0066CC;
	padding-bottom: 5px;
}

#HomePageIntroText {
	width: 385px;
	height: auto;
	float: left;
	font-size: 0.80em;
	margin-top: 10px;
	margin-right: 20px;
}

#HomePageIntroImg {
	width: 190px;
	height: 207px;
	float: left;
	margin-top: 5px;
}

#HotelSearchForm {
	width: 200px;
	height: auto;
	float: left;
	margin-left: 15px;
}

#HotelSearchForm label {
	color: #CC0000;
}

#HotelSearchLabel {
	width: 102px;
	height: auto;
	color: black;
	text-align: left;
	font-size: 1em;
	float: right;
}

#HotelSearchFormLabel {
	display: none;
}

#AtolHeaderLogo {
	width: auto;
	height: auto;
	float: left;
	margin-left: 15px;
	margin-bottom: 5px;
}

#AtolHeaderLogo img {
	margin-left: 10px;
}

#AtolProtectedNotice {
	width: auto;
	height: auto;
	font-family: Arial;
	font-size: 0.5em;
	color: #000000;
	text-align: center;
	margin: auto;
}


#TTALogo {
	width: auto;
	height: auto;
	float: left;
	margin-left: 15px;
}


#EzineSignUP {
	width: 190px;
	height: 130px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}


#AllInclusiveOffers {
	width: 190px;
	height: 240px;
	float: left;
	margin-top: 10px;
}

#TwitterOffers {
	width: auto;
	height: 80px;
	float: center;
	margin-top: 10px;
}


#SaleOffers {
	width: 190px;
	height: 127px;
	float: left;
	margin-top: 10px;
}

#SaleOffersLink {
	width: auto;
	height: auto;
	font-size: 0.80em;
	float: left;
	margin-top: 107px;
	margin-left: 10px;
}

#SaleOffersLink a {
	color: #CC3300;
	text-decoration: underline;
}

#TobagoWeddingOffers {
	width: auto;
	height: auto;
	float: left;
	margin-top: 10px;
}

#HelpMesg {
	width: auto;
	height: auto;
	float: left;
	margin-top: 3px;
}

#FooterWrap {
	width: 610px;
	height: auto;
	float: left;
	margin-top: 30px;
}

.FooterRow {
	width: 610px;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

#FooterLastRow {
	width: 610px;
	height: auto;
	font-size: 0.65em;
	color: #000000;
	float: left;
	margin-bottom: 10px;
}

#shortFooterLastRow {
	width: 380px;
	height: auto;
	font-size: 0.65em;
	color: #000000;
	float: left;
	margin-bottom: 10px;
}

#FooterLastRow a {
	color: #0066CC;
}

#AirlineLogoWrap {
	width: auto;
	height: auto;
	float: left;
	margin-left: 10px;
}

#YourHolidayInfo {
	width: 330px;
	height: auto;
	font-size: 0.65em;
	color: #000000;
	float: left;
	margin-left: 20px;
}

#YourHolidayInfo a {
	color: #0066CC;
}

#YourHolidayInfoHeader {
	width: auto;
	height: auto;
	float: left;
	font-size: 1.2em;
	color: #0066CC;
}

/********* The Nav Styles *********/

#NavHolder {
	width: 625px;
	color: #000000;
	height: auto;
	float: left;
	font-size: 0.66em;
}

#Menu {
	float: left;
	background-color: #0066CC;
}

#Menu a:hover {
	color: #00ff66;
}

#Menu li {
	float: left;
}

#Menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.HomeNavItem {
	width: 35px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
}

.HomeNavItem a {
	display: block;
	width: 35px;
	color: #FFFFFF;
	text-decoration: none;
}

.MenuDropdownItem {
	width: 85px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
}

.MenuDropdownItem a {
	width: 85px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

.MenuItem {
	width: 55px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
}

.MenuItem a {
	width: 55px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

.LongMenuItem {
	width: 120px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
	background-color: #CC3300;

}

.LongMenuItem a {
	width: 120px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}


.LongMenuItemB {
	width: 120px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
	background-color: #0066CC;
}


.LongMenuItemB a {
	width: 120px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}


.XMenuItem {
	width: 170px;
	height: auto;
	text-align: center;
	float: left;
	padding: 3px;
	border-right: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
}

.XMenuItem a {
	width: 170px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}


#Menu .MenuDropdownItem ul {
	width: 8em;
	position: absolute;
	left: -999em;
	background-color: #0066CC;
	margin-left: -3px;
}

#Menu .MenuDropdownItem ul li {	
	font-size: 1em;
	padding-bottom: 5px;
	padding-top: 5px;
}

#Menu .MenuDropdownItem:hover ul {
	width: 100px;
	height: auto;
	font-size: 1em;
	background-color: #0066CC;
	float: left;
	left: auto;
}

#Menu .MenuDropdownItem:hover ul, #Menu .MenuDropdownItem.sfhover ul {
	width: 91px;
	height: auto;
	font-size: 1em;
	background-color: #0066CC;
	float: left;
	left: auto;
}




/********* The Offer Styles *********/

#ExploreOfferHolder {
	width: 607px;
	height: 115px;
	background-color: #FFFFFF;
	margin-top: 20px;
	float: left;
}


#ExploreOfferHeader {
	width: auto;
	height: auto;
	font-size: 1em;
	color: #0066CC;
	margin-left: 16px;
	margin-top: 9px;
}
	
.ExploreOfferRow {
	width: 600px;
	height: 112px;
	float: left;
	margin-top: 2px;
	margin-left: 16px;

}

.TheOffer {
	width: 185px;
	height: 112px;
	float: left;
	margin-right: 13px;
}

.TheOfferText {
	width: 181px;
	height: 22px;
	font-size: 0.65em;
	line-height: 15px;
	float: left;	
}

#TheFirstOffer {
	width: 185px;
	height: 112px;
	float: left;
	margin-right: -20px;
}

#TheSecondOffer {
	width: 185px;
	height: 112px;
	float: left;
	margin-right: 5px;
	margin-left: 30px;
}

#TheThirdOffer {
	width: 185px;
	height: 112px;
	margin-left: 4px;
	float: left;
}


/********* The Explore Styles *********/

#ExploreHolder {
	width: 607px;
	height: 380px;
	background-color: #CCFFFF;
	margin-top: 20px;
	float: left;
}


#ExploreHeader {
	width: auto;
	height: auto;
	font-size: 1em;
	color: #0066CC;
	margin-left: 16px;
	margin-top: 9px;
}
	
.ExploreRow {
	width: 600px;
	height: 161px;
	float: left;
	margin-top: 8px;
	margin-left: 16px;

}

.TheDest {
	width: 185px;
	height: 160px;
	float: left;
	margin-right: 13px;
}

.TheDestText {
	width: 181px;
	height: 84px;
	font-size: 0.65em;
	line-height: 15px;
	float: left;	
}

#TheFirstDest {
	width: 185px;
	height: 160px;
	float: left;
	margin-right: -20px;
}

#TheSecondDest {
	width: 185px;
	height: 160px;
	float: left;
	margin-right: 5px;
	margin-left: 30px;
}

#TheThirdDest {
	width: 185px;
	height: 160px;
	margin-left: 4px;
	float: left;
}


#TheForthDest {
	width: 185px;
	height: 160px;
	float: left;
	margin-right: -20px;
}

#TheFifthDest {
	width: 185px;
	height: 160px;
	float: left;
	margin-right: 5px;
	margin-left: 30px;
}

#TheSixthDest {
	width: 185px;
	height: 160px;
	margin-left: 4px;
	float: left;
}

/********* Indivual Island Page Styles *********/

#TopSectionHolder {
	width: 630px;
	height: auto;
	float: left;
}

#ThreeSectionNavWrap {
	width: 405px;
	height: 30px;
	font-size: 0.66em;
	color: #FFFFFF;
	float: left;
}

#TwoSectionNavActiveStrip {
	width: 263px;
	height: 5px;
	float: left;
	background-color: #2f99b4;
}

#ThreeSectionNavActiveStrip {
	width: 397px;
	height: 5px;
	float: left;
	background-color: #2f99b4;
}

#FourSectionNavWrap {
	width: 470px;
	height: 20px;
	font-size: 0.66em;
	color: #FFFFFF;
	float: left;
}

#ThreeSectionNavWrap a {
	color: #1b5873;
	text-decoration: none;
}

#ThreeSectionNavWrap a:hover {
	color: #000033;
}

#FourSectionNavActiveStrip {
	width: 397px;
	height: 5px;
	float: left;
	background-color: #2f99b4;
}

#FourSectionNavWrap a {
	color: #1b5873;
	text-decoration: none;
}

#FourSectionNavWrap a:hover {
	color: #000033;
}

.RedNavButton {
	width: 129px;
	height: 17px;
	text-align: center;
	color: #FFFFFF;
	background-color: #CC0000;
	float: left;
	padding-top: 3px;
	border-right: 5px solid #FFFFFF;
}

.RedNavButtonOver {
	width: 129px;
	height: 17px;
	text-align: center;
	color: #FFFFFF;
	background-color: #CC0000;
	float: left;
	padding-top: 3px;
	border-right: 5px solid #FFFFFF;
}

.GreenNavButton {
	width: 129px;
	height: 17px;
	text-align: center;
	color: #1b5873;
	background-color: #9eefee;
	float: left;
	padding-top: 3px;
	border-right: 5px solid #FFFFFF;
}

.GreenNavButtonOver {
	width: 129px;
	height: 17px;
	text-align: center;
	color: #FFFFFF;
	background-color: #2f99b4;
	float: left;
	padding-top: 3px;
	border-right: 5px solid #FFFFFF;
}

#SortByPanel {
	width: 610px;
	height: 88px;
	font-size: 0.65em;
	float: left;
	background-color: #DDE4EE;
}

#SortByWrap {
	width: 600px;
	height: 80px;
	float: left;
	margin-left: 4px;
}

#SortByLeftSection {
	width: 160px;
	height: 70px;
	float: left;
	margin-top: 5px;
}

#SortByRightSection {
	width: 420px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

#SortByLeftLabel {
	width: 45px;
	height: 70px;
	float: left;
	margin-right: 5px;
}

#SortByRightLabel {
	width: 45px;
	height: 70px;
	float: left;
	margin-right: 10px;
}

.SortByOptionsFormInput {
	width: 95px;
	height: auto;
	float: left;
	margin-left: 3px;
	margin-bottom: 4px;
	color: #444444;
}

.RefineSearchInputPanelBigger {
	width: 126px;
	height: 73px;
	float: left;
	margin-left: -5px;
	margin-right: 18px;
	color: #444444;
}

.RefineSearchInputPanel {
	width: 103px;
	height: 73px;
	float: left;
	margin-left: -5px;
	margin-right: 15px;
	color: #444444;
}

.RefineSearchInputPanelBigger input {
	float: left;
	margin-bottom: 4px;
}

.RefineSearchInputPanelBigger label {
	margin-left: 3px;
}

.RefineSearchInputPanel input {
	float: left;
	margin-bottom: 4px;
}

.RefineSearchInputPanel label {
	margin-left: 3px;
}

.RefineSearchInputHolderBigger {
	width: 145px;
	height: auto;
	float: left;
	margin-bottom: 1px;
}

.RefineSearchInputHolder {
	width: 110px;
	height: auto;
	float: left;
	margin-bottom: 1px;
}

/********* Indivual Island Page (Hotel Section) Styles *********/

.HotelHolder {
	width: 610px;
	height: 115px;
	float: left;
	margin-top: 15px;
	margin-bottom: -30px;
}

.HotelOfferHolder {
	width: 610px;
	height: 310px;
	float: left;
	margin-top: 15px;
	margin-bottom: -30px;
}

#WeddingCondtionsWrap {
	width: 610px;
	height: auto;
	font-size: 0.70em;
	color: #333333;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
}

.HotelImage {	
	width: 129px;
	height: 100%;
	float: left;
	margin-right: 4px;
}

.HotelName {
	width: 400px;
	height: auto;
	color: #0066CC;
	font-size: 0.90em;
	float: left;
}

.HotelName a {
	width: 400px;
	height: auto;
	color: #0066CC;
	text-decoration: none;
	font-size: 0.90em;
	float: left;
}

.HotelInfo {
	width: 310px;
	font-size: 0.70em;
	height: auto;
	margin-top: 3px;
	float: left;
}

.HotelInfoOffer {
	width: 450px;
	font-size: 0.70em;
	height: auto;
	margin-top: 5px;
	float: left;
}

.HotelInfoPrice {
	width: 450px;
	color: #CC3300;	
	font-size: 0.70em;
	height: auto;
	margin-top: 2px;
	margin-bottom: 8px;
	float: left;
}

.HotelLeftSection {
	width: 315px;
	height: auto;
	float: left;
}

.HotelRightSection {
	width: 130px;
	height: auto;
	color: #000000;
	font-size: 0.70em;
	float: left;
	margin-left: 15px;
	margin-top: 32px;
}

.HotelRightSectionLate {
	width: 130px;
	height: auto;
	color: #000000;
	font-size: 0.65em;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

.HotelRightSection a {
	color: #CC3300;
	text-decoration: underline;
	
	
}

.HotelLeftSectionOffer {
	width: 129px;
	height: auto;
	font-size: 0.70em;
	float: left;
	margin-right: 4px;
}

.HotelPageSpecialOffer {
	width: auto;
	height: auto;
	color: #CC6633;
	float: right;
	background-image: url(../Assets/Destination/SpecialOfferBG.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 3px;
}

.AddToShortlistHolder {
	width: 140px;
	height: auto;
	float: right;
	margin-top: 3px;
	margin-left: 20px;
}

.AddToShortlistHolderLink {
	float: left;
	color: #CC3300;
	font-size: 0.70em;
	text-decoration: none;
	margin-left: 20px;
}

.GalleryLinkHolder {
	width: 90px;
	height: auto;
	margin: auto;
	margin-top: -3px;
}

.HotelExtraInfo {
	width: 400px;
	height: auto;
	color: #0066CC;
	font-size: 0.65em;
	float: left;
	margin-top: 0px;	
}

.HotelOfferExtraInfo {
	width: 400px;
	height: auto;
	color: #CC3300;
	font-size: 0.65em;
	float: left;
	margin-top: 10px;	
}

.HotelSpacer {
	width: 610px;
	height: 3px;
	background-color: #a3c285;
	float: left;
	margin-top: 15px;
}

/********* Indivual Hotel Page Styles *********/

#HotelPicWrap {
	width: 610px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#TheHotelPic {
	width: auto;
	height: auto;
	float: left;
}

#CallAndBeHappy {
	width: 280px;
	height: auto;
	float: left;
	color: #FF6600;
	font-size: 0.70em;
	margin-bottom: 10px;
}

#CallAndBeHappy img {
	float: right;
}

#TheHotelLinkList {
	width: 280px;
	height: auto;
	float: left;
	margin-left: 20px;
}

.THLLLink {
	width: 250px;
	height: auto;
	font-size: 0.80em;
	float: left;
	margin-bottom: 5px;
}

.THLLLink img {
	float: left;
}

.THLLLinkInner {
	width: auto;
	height: auto;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.THLLLinkInner a {
	color: #CC3300;
}

.THLLLinkInner a:visited {
	color: #333333;
}

#hoteltabs {
	width: 610px;
	height: auto;
	font-size: 0.90em;
	color: #000000;
	float: left;
}

.tabNavigation {
	width: 457px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.tabNavigation li {
	width: 45%;
	height: auto;
	float: left;
	margin-right: 10px!important;
}

.tabNavigation li a {
	width: 100%;
	height: auto;
	float: left;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	text-decoration: none;
}

#activelement {
	width: 426px;
	height: 5px;
	float: left;
	background-color: #e89429;
	margin-bottom: 10px;
}

#firstlink {
	color: #FFF;
	background-color: #e89429;
}

#secondlink {
	color: #FFF;
	background-color: #07b3c5;
}

.selected {
	color: #FFF!important;
	background-color: #e89429!important;
}

.unselected {
	color: #FFF!important;
	background-color: #07b3c5!important;
}


#first {
	width: 610px;
	height: auto;
	float: left;
}

#second {
	width: 610px;
	height: auto;
	float: left;
}

#HotelPageMainInfoPanel {
	width: 610px;
	height: auto;
	font-size: 0.90em;
	color: #000000;
	float: left;
}

#HotelMainName {
	font-size: 1.1em;
	color: #0066CC;
}

#HotelInfo {
	width: 400px;
	height: auto;
	font-size: 0.70em;
	color: #333333;
	float: left;
	margin-top: 5px;
}

#BlueRule {
	width: 600px;
	height: 2px;
	float: left;
	background-color: #0066CC;
	text-indent: -1000em;
	margin-top: 10px;
}

#ShortGreyRule {
	width: 400px;
	height: 2px;
	float: left;
	background-color: #999999;
	text-indent: -1000em;
	margin-top: 10px;
}

#HotelDatesTableWrap {
	width: 600px;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
}

#HotelDateTableHeader {
	width: 300px;
	height: auto;
	font-size: 0.80em;
	color: #333333;
	float: left;
	margin-bottom: -10px;
}

#HotelDatesTable {
	width: 340px;
	height: auto;
	font-size: 0.80em;
	color: #333333;
	float: left;
	margin-top: -15px;
	margin-bottom: 15px;
}

#HotelDatesTable #price-table-5-headers {
	width: 450px;
	height: auto;
	float: left;
	background-color: #CCC;
	padding: 5px;
}

#HotelDatesTable #price-table-5-headers li {
	width: 110px;
	height: auto;
	text-align: right;
	float: left;
}

#HotelDatesTable #price-table-5-headers .was {
	width: 48px!important;
	height: auto;
	text-align: right;
	float: left;
	margin-right: 15px;
}

#HotelDatesTable #price-table-5-headers .price-header {
	width: 63px!important;
	height: auto;
	text-align: left;
	float: left;
	color: red;
}

#seven-night-header {
	width: 63px!important;
	height: auto;
	text-align: right;
	float: left;
	margin-right: 5px!important;
}

#HotelDatesTable #price-table-5-headers .months {
	text-align: center;
	text-indent: -1000em;
}

#HotelDatesTable #price-table-5 {
	width: 450px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-5 li {
	width: 450px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-5 ul {
	width: 450px;
	height: auto;
	float: left;
	padding: 5px;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-5 ul li {
	width: 110px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-5 .odd {
	background-color: #CCC;
}

.was-col {
	width: 50px!important;
	height: auto;
	float: left;
	text-align: right;
	text-decoration: line-through;
}

.price-col {
	width: 63px!important;
	height: auto;
	float: left;
	text-align: left;
	color: red;
	margin-left: 15px;
}

#HotelDatesTable #price-table-3-headers {
	width: 415px;
	height: auto;
	float: left;
	background-color: #CCC;
	padding: 5px;
}

#HotelDatesTable #price-table-3-headers li {
	width: 100px;
	height: auto;
	text-align: right;
	float: left;
}

#HotelDatesTable #price-table-3-headers .was {
	width: 48px!important;
	height: auto;
	text-align: right;
	float: left;
	margin-right: 15px;
}

#HotelDatesTable #price-table-3-headers .price-header {
	width: 63px!important;
	height: auto;
	text-align: left;
	float: left;
	color: red;
}

#HotelDatesTable #price-table-3-headers .months {
	text-align: center;
	text-indent: -1000em;
}

#HotelDatesTable #price-table-3 {
	width: 415px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-3 li {
	width: 415px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-3 ul {
	width: 415px;
	height: auto;
	float: left;
	padding: 5px;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-3 ul li {
	width: 110px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-3 .odd {
	background-color: #CCC;
}

#HotelDatesTable #price-table-3 .price-col {
	width: 70px!important;
	height: auto;
	float: left;
	color: #000;
	text-align: right;	
	margin-left: 15px;
}

#HotelDatesTable #price-table-4-headers {
	width: 415px;
	height: auto;
	float: left;
	background-color: #CCC;
	padding: 5px;
}

#HotelDatesTable #price-table-4-headers li {
	width: 97px;
	height: auto;
	text-align: right;
	float: left;
}

#HotelDatesTable #price-table-4-headers .was {
	width: 48px!important;
	height: auto;
	text-align: right;
	float: left;
	margin-right: 15px;
}

#HotelDatesTable #price-table-4-headers .price-header {
	width: 63px!important;
	height: auto;
	text-align: left;
	float: left;
	color: red;
}

#HotelDatesTable #price-table-4-headers .months {
	text-align: center;
	text-indent: -1000em;
}

#HotelDatesTable #price-table-4 {
	width: 415px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-4 li {
	width: 415px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-4 ul {
	width: 415px;
	height: auto;
	float: left;
	padding: 5px;
	margin-bottom: 5px;
}

#HotelDatesTable #price-table-4 ul li {
	width: 110px;
	height: auto;
	float: left;
}

#HotelDatesTable #price-table-4 .odd {
	background-color: #CCC;
}

#HotelDatesTable #price-table-4 .price-col {
	width: 70px!important;
	height: auto;
	float: left;
	color: #000;
	text-align: right;	
	margin-left: 15px;
}

#HDTMonths {
	width: 65px;
	height: auto;
	float: left;	
}

#HDTMonths li {
	width: 65px;
	margin-bottom: 5px;
	padding: 5px;
}

#HDTSevenNights {
	width: 110px;
	height: auto;
	float: left;
	text-align: center;	
}

#HDTSevenNights li {
	margin-bottom: 5px;
	padding: 5px;
}

#HDT14Nights {
	width: 115px;
	height: auto;
	float: left;
	text-align: center;	
}

#HDT14Nights li {
	margin-bottom: 5px;
	padding: 5px;
}

.Gray {
	background-color: #CCCCCC;
}

#PriceMatchWrap {
	width: 250px;
	height: auto;
	float: left;
	color: #FF6600;
	font-size: 0.70em;
	margin-top: 0px;
}

#BookingInfoWrap {
	width: 600px;
	height: auto;
	float: left;
	font-size: 0.80em;
	color: #333333;
	margin-bottom: 20px;
}

#PriceGuideBoard {
	width: 330px;
	height: auto;
	font-size: 0.70em;
	color: #333333;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

#PriceGuideInfo {
	width: 280px;
	height: auto;
	font-size: 0.90em;
	color: #333333;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

#BookingPriceRow {
	width: 570px;
	height: auto;
	font-size: 0.85em;
	color: #333333;
	float: left;
	margin-bottom: 5px;
}


/********* Indivual Island Page (Island Guide) Styles *********/

#IslandGuideInfoWrap {
	width: 610px;
	height: auto;
	float: left;
}

#IslandGuideInnerPanelLeft {
	width: 295px;
	height: auto;
	color: #666666;
	font-size: 0.70em;
	float: left;
	padding-top: 10px;
	margin-right: 10px;
}

#IslandGuideInnerPanelRight {
	width: 295px;
	height: auto;
	color: #666666;
	font-size: 0.70em;
	float: right;
	padding-top: 10px;
}

.IslandGuideHeader {
	font-size: 1em;
	color: #0066CC;
	margin-bottom: 5px;
}

.IslandGuideInfoLandscapePic {
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.IslandGuideInfoPortraitPic {
	width: 148px;
	height: 210px;
	margin-left: 10px;
	float: right;
}

#FactFileWrapper {
	width: 295px;
	height: auto;
	float: left;
	margin-bottom: 15px;
	border: 2px solid #2f99b4;
}

/********* Island Guide Header Images *********/

#Antigua #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/Antigua/AntiguaGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

#Barbados #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/Barbados/BarbadosGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

#Grenada #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/Grenada/GrenadaGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

#StKitts #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/StKitts/StKittsGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

#StLucia #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/StLucia/StLuciaGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

#Tobago #FactFileTopPicWrap {
	width: 295px;
	height: 99px;
	float: left;
	background-image: url(../Assets/Destination/Tobago/TobagoGuideHeader.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
}

/********* Positioning Of The View Island Map Link *********/

#FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 110px;
}

#Antigua #FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 140px;
}

#Barbados #FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 140px;
}

#Grenada #FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 140px;
}

#StKitts #FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 140px;
}

#StLucia #FactFileViewMapWrap {
	width: 170px;
	height: auto;
	float: left;
	margin-left: 140px;
}

#FactFileGalleryPic {
	width: 13px;
	height: auto;
	float: left;
	margin-top: 1px;
}

#FactFileMapLink {
	width: 110px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-left: 3px;
}

#FactFileMapLink a {
	color: #FFFFFF;
	text-decoration: none;
}

#FactFileHeader {
	width: 280px;
	height: 17px;
	text-align: center;
	color: #FFFFFF;
	background-color: #2f99b4;
	float: left;
	margin-bottom: 10px;
	padding-top: 3px;
	margin-top: 5px;
	margin-left: 7px;
}

#FactFileInner {
	width: 280px;
	height: auto;
	margin: auto;
}

.FactFileInnerHeader {
	width: auto;
	height: auto;
	color: #000000;
	float: left;
	margin-right: 5px;
}

#FactFileList li {
	margin-bottom: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

/********* Important Info Page Styles *******/

#ImportantInfoPageWrap {
	width: 610px;
	height: auto;
	font-size: 0.75em;
	color: #000000;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

#ImportantInfoPageWrap a {
	color: #0033CC;
}

/********* Old JC StyleSheet Styles *********/

.style15 {color: #FFFFFF}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style22 {font-weight: bold}
.style23 {font-weight: bold}
.style24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #303030;
	font-weight: normal;
	margin: 0px;
}
.style25 {font-weight: bold}
.style20 {font-size: x-small}

.Body1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	background-color: #F5F5F5; 
}
.Body1offer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #F5F5F5;
}
.Head1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	background-color: #F0FFFF;
}
.Body2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003399;
}
.Body3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	background-color: #FFFFFF;
	margin-top: 0px;
}
.Body1black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #303030;
}
.Body2black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #303030;
}
.Body2boldLUX {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #660000;
	background-position: top;
}
.Body2blackbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #303030;
}
.Body2bluebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000033;
}
.Body3bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	text-indent: 0em;
}
.Body3black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.Body3blackbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.Head1banner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #CCFFFF;
	text-indent: 0.5em;
}
.Head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.Head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.Head3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #00639C;
	text-indent: 0.8em;
}

.indexoffer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006699;
}
.Body3BoldAction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF3300;
}
.PictureCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: 1.3em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: f0ffff;
}
.HotelHeadblue {
	font-size: x-small;
	font-style: normal;
	line-height: 1.3em;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/********* Booking Conditions Page Styles *********/

#BookingConditions .ContactPageBigHeader {
	width: 600px;
	height: 20px;
	color: #1b5873;
	font-size: 1em;
	background-color: #9eefee;
	margin-bottom: 30px;
	padding: 6px;
	float: left;
}

.BookingCondSection {
	width: 600px;
	height: auto;
	float: left;
	margin-top: -20px;
	margin-bottom: 30px;
	margin-left: 5px;
}

.BookingCondSectionNumber {
	width: 30px;
	height: auto;
	font-size: 0.80em;
	color: #000000;
	float: left;
}

.BookingCondSectionContent {
	width: 560px;
	height: auto;
	font-size: 0.80em;
	color: #666666;
	float: left;
}

.BookingCondInnerTableHeader {
	width: 550px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.BCITLeftWrap {
	width: 233px;
	height: auto;
	float: left;
}

.BCITRightWrap {
	width: 280px;
	height: auto;
	float: left;
}

.BookingCondInnerTableLeft:first-child {
	width: 233px;
	height: 25px;
	float: left;
}

.BookingCondInnerTableLeft {
	width: 233px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.BookingCondInnerTableRight {
	width: 280px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	margin-left: 10px;
}

.BookingCondSectionContentHeader {
	color: #000000;
}

/********* Contact Page Styles *********/

#ContactUsPage #HomePageIntro {
	width: auto;
	height: auto;
}

#ContactPageWrap {
	width: 600px;
	height: auto;
}

.BookingConditionPageWrap {
	width: 600px;
	height: auto;
}

#ContactPageWrap a {
	color: #666666;
}

.ContactPageBigHeader {
	width: 660px;
	height: 20px;
	color: #1b5873;
	font-size: 1.2em;
	background-color: #9eefee;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 6px;
	float: left;
}

.ContactPageHeaderFirst {
	width: 415px;
	height: 20px;
	color: #1b5873;
	font-size: 0.80em;
	background-color: #9eefee;
	float: left;
}

.ContactPageHeader {
	width: 415px;
	height: 20px;
	color: #1b5873;
	font-size: 0.80em;
	background-color: #9eefee;
	margin-top: 30px;
	float: left;
}

.ContactPageCopy {
	width: 415px;
	height: auto;
	font-size: 0.70em;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
}

#CustomerServiceFormWrap {
	width: 450px;
	height: auto;
	font-size: 0.70em;
	float: left;
}

#CustomerServiceForm {
	float: left;
	display: none;
}

#CustomerServiceForm label.Error {
	width: 450px;
	height: auto;
	color: #CC0000;
	font-size: 1em;
	padding-left: 10px;
	display: none;
}

.CustomerServiceFormHeader {
	font-size: 1.0em;
	color: #222222;
}

#CustomerServiceForm fieldset {
	margin-bottom: 10px;
}

#QueryType input {
	margin-bottom: 10px;
	background-color: #e3fdfd;
	border: thin solid #2f99b4;
}

#CustomerServiceForm label {
	font-size: 1.0em;
	color: #444444;
}

#CustomerServiceForm legend {
	text-indent: -1000em;
}

#YourDetails {
	width: 450px;
	height: auto;
	float: left;
}

.YourDetailsInputWrap {
	width: 450px;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.YourDetailsInputWrap label {
	width: 200px;
	height: auto;
	text-align: left;
	float: left;
	margin-right: 10px;
}

#YourDetails #ContactSubmitBtn {
	width: 100px;
	height: 20px;
	float: left;
	font-size: 1.0em;
	color: #FFFFFF;
	background-color: #db9b1e;
	border: none;
}

#YourDetails .InputField {
	width: 180px;
	height: 20px;
	font-size: 1.0em;
	float: left;
	color: #1b5873;
	background-color: #e3fdfd;
	border: thin solid #2f99b4;
}

#YourMessageInput {
	width: 415px;
	height: 80px;
	font-size: 1.0em;
	color: #1b5873;
	background-color: #e3fdfd;
	border: thin solid #2f99b4;
}


/************************************/
/***							  ***/
/***	      Enquiry Form	      ***/
/***							  ***/
/************************************/
#enquiry {
	width: 600px;
	height: auto;
	color: #000;
	float: left;
	padding: 10px;
}

#enquiry fieldset {
	width: 600px;
	height: auto;
	float: left;
}

#enquiry legend {
	width: 600px;
	height: auto;
	font-size: 1.2em;
	float: left;
	margin-bottom: 10px;
}

#enquiry p {
	width: 600px;
	height: auto;
	font-size: 0.80em;
	float: left;
	margin-bottom: 30px;
}

#enquiry div {
	width: 600px;
	height: auto;
	font-size: 0.75em;
	float: left;
	margin-bottom: 15px;
}

#enquiry div div {
	width: 120px;
	height: auto;
	float: left;
	margin-bottom: 0px;
	text-align: center;
}

#enquiry div div span {
	width: 120px;
	height: auto;
	font-size: 1.1em!important;
	float: left;
	text-align: center;
}

#enquiry div div input {
	width: auto;
	height: auto;
	float: left;
	margin-top: 5px!important;
	margin-left: 60px!important;
	border: none!important;
}

#enquiry div div select {
	margin-top: 5px!important;
}

#enquiry label {
	width: 170px;
	height: auto;
	float: left;
}

#enquiry input {
	width: 200px;
	height: auto;
	float: left;
	padding: 5px;
	border: 1px solid #999;
}

.req {
	color: red;
}

#enquiry textarea {
	width: 210px;
	height: 25px;
	float: left;
	border: 1px solid #999;
}

.Error {
	border: 5px solid red!important;
}

#enquiry label {
	border: none!important;
}

#thanks {
	width: 600px;
	height: auto;
	float: left;
	padding: 20px;
}

#thanks p {
	width: 600px;
	height: auto;
	font-size: 0.90em;
	float: left;
	margin-bottom: 10px;
}

#thanks a {
	width: 130px;
	color: #ffffff;
	font-size: 0.70em;
	font-weight: bold;
	text-transform: uppercase;
	background: #a14141;
	text-decoration: none;
	border: 1px solid #a14141;
	padding: 5px;
	margin-top: 20px;
}

#form_finish {
	margin-top: 10px;
}

#form_finish #submit {
	width: 240px;
	height: auto;
	float: left;
	color: #ffffff;
	font-size: 0.90em;
	font-weight: bold;
	text-transform: uppercase;
	background: #a14141;
	text-decoration: none;
	border: 1px solid #a14141;
}

#form_finish span {
	width: 300px!important;
	height: auto;
	float: left;
	margin-top: 7px!important;
	margin-left: 10px!important;
}

#form_finish label {
	width: 260px!important;
	height: auto;
	font-size: 1em!important;
	float: left;
	margin-left: 10px;
}

#form_finish span input {
	width: auto;
	height: auto;
	float: left;
	border: none!important;
}



/************************************/
/***							  ***/
/***	         Join Us	      ***/
/***							  ***/
/************************************/
#email_form {
	width: 500px!important;
	height: 500px!important;
	float: left!important;
	border: 1px solid white!important;
	margin-top: -20px!important;
	margin-left: -8px!important;
	margin-bottom: -220px!important;
}