﻿/* Generic Styles */
Body 
 {font-family: Trebuchet MS, Arial, Sans-Serif; background-color: #FFFFFF; 
 
 /*background-image: url(../Images/TBK/final-topbackground.jpg);*/
 }

input, select{
border: 1px solid #d47920;
color: #1d5166;
padding-left: 3px;
font-weight: bold;
}

.inputsclass{
border: 1px solid #d47920;
color: #1d5166;
padding-left: 3px;
font-weight: bold;
}

.buttonclass{
 border: 1px solid #065306;
 background-color: #d0f4d0;
 color: #007b00;
 font-weight: bold;
}

Body, img, h1, h2, h3, h4 
 {margin: 0px; border: 0px;}

/*  Signup Styles  */
.SignupText
{ color: #007b00; font-weight: bold; }

.SignupTextbox
{ color: #de7600;
 border: 1px solid #a75325;
}

.SignupLink
{

}

/*       End       */


/* Main Layout Styles */

#HeaderMain
{width: 100%; height: 106px; margin-left: auto; margin-right: auto;
/*background-image: url(../Images/TBK/final-topbackground.jpg);*/

border: 0px solid;}

#HeaderLogo
{float: left; width: 555px; border: 0px solid;}

#HeaderContact
{width:250px; float: right; text-align:right; margin: 4px 0px 0px 0px; font-weight: bold; line-height: 20px; width: 300px; border:0px solid;}

.HeaderTelephoneNumber 
{display: block; width: 155px; height: 25px; color: #FFFFFF;  background-image: url(../Images/TBK/telephonebackground.jpg);  background-repeat: no-repeat; padding-top: 5px; margin-top: 10px; font-size: large;  }

.HeaderEmailAddress 
{display: block; width: 210px; height: 25px; color: #FFFFFF;  background-image: url(../Images/TBK/contact-background.jpg);  background-repeat: no-repeat; text-decoration: none; }

#NavigationMain
{width: 100%; height: 22px; clear:both; margin-left: auto; margin-right: auto; border: 0px solid;}

.MainNavigationLink {height: 20px; display: block;  float: left; color: #6699ff; color: #FFFFFF; margin-right: 2px; padding: 2px 3px 2px 4px; background-color: #FF9900; text-decoration: none; font-size: 11px; font-weight: bold;}

.MainNavigationLink:hover {background-color: #a75325}

.LowerNavigation
{color: #000; text-decoration: none; font-weight: bold; font-size:12px; }

.LowerNavigation:Hover
{color: #a75325; text-decoration: none; font-weight: bold; font-size:12px; }

#FooterMain
{width:950px; clear: both; margin-left: auto; margin-right: auto; border: 0px solid;}

#FooterLogosL
{width:950px; height: 55px; float: left; padding-top: 2px; line-height: 11px; font-size: 12px;}

#FooterLogosR
{Display:none;}

#SmallPrint
{width:250px; height: 55px; float:left; font-size: x-small;}
 
#ContentMain
{float: left; width: 950px; border: 0px solid; margin-top: 0px;}
 
#WelcomeText, #SignupMain
{width: 950px; font-size: 12px; line-height: 20px; margin: 15px 0px 0px 0px; clear: both; color: #000; font-weight: bold;}

#SearchMain 
{float: left; width: 520px; height: 100%; border: 0px solid;}

.SearchTable
{ border: 1px solid #d47920;}

#OfferMain 
{float: left; width: 250px; height: 250px; border: 1px solid;}

#OfferHolder
{width: 950px; height: auto; text-align: center; clear: both; border: 0px solid;}
 

/* Offer Banner Details */

div.OfferBlock
{width: 305px; height: 240px; font-family: Trebuchet MS, Sans-Serif; float: left; margin: 0px 3px 8px 5px; border: 1px solid #a75325; text-align: left;} 

span.BannerTitle
{font-size: 14px; margin: 3px 0px 0px 3px; display: block; font-weight: bold; width: 235px; text-align: left; color: #FF9900; }
 
span.BannerSubtitle 
{font-size: 14px; margin: 2px 0px 0px 4px; display: block; font-weight: bold; width: 235px; text-align: left; color: #a75325;}

span.BannerNights
{font-size: 14px; margin: 0px 4px 0px 4px; display: block; font-weight: bold; width: 56px; text-align: left; float: left; color: #a75325;}

span.BannerPrice
{font-size: 14px; margin: 0px 10px 4px 4px; display: block; font-weight: bold; float:right; width: 108px; text-align: right; text-decoration: none; color: #ff0000;}

.BannerImage
{width: 290px; height: 150px; margin: 5px 5px 0px 4px; clear: both; text-align: left;}

.PageLabel {font-size: 12px;}
 
/*Site Map Layout Styles */

#LeftList, #RightList 
{float:left; width: 300px;}

.ListTop 
{font-size: small; list-style-type: none; margin: 0px; line-height: 23px;}

.ListSub 
{font-size: small; list-style-type: none; margin-left: 10px; line-height: 23px;}


/*Editorial layouts */

.EnquiryPanel 
{width: 100%; height: 190px; clear: both; font-size: small; padding: 10px;}

.Labels
{float: left; width: 110px;}

.LabelsR
{float: left; width: 100px;}

.Inputs
{float: left; width: 180px;}

.EnquiryLabel 
{display: block; width: 110px;  font-size: small; height: 24px;}

#EditorialLeft 
{width: 530px; float:left; margin-left: 20px;}

#EditorialRight
{width: 200px; float:right; text-align: center; margin-right: 20px;}

h1.PageTitle {font-size: Large;}
h2.PageTitle {font-size: medium;}




/* Checkout Styles */

.PassengerInput { font-size: smaller; height: 12px; width:155px;}
.PassengerSelect {font-size: smaller; }

.HelpText {color:#BBBBBB;}
.ValidationError {color: #FF0000; font-size: smaller; }

.CostTable
{border: 0px solid; width: 640px;}


.CheckoutTable {width: 100%; font-size: 12px;}

.CheckoutRow {border-bottom: 1px solid #CCCCCC;}



/* Costing Page Layout */

#CostEnquiry
{width: 620px; height: 200px; font-size: small; padding: 5px;}

.CostingEnquiryText 
{font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

.CommentsBox {height: 300px; width: 130px;}

/*Availability Page Styles*/

.DisableFlightButton, .EnableFlightButton
{display: block; float: left; width: 80px; border-right: 2px solid; font-weight: bold; padding: 5px; font-size: 12px; }

.DisableAccommButton, .EnableAccommButton
{display: block; float: left; width: 130px; border-right: 2px solid; font-weight: bold;  padding: 5px; font-size: 12px;}





/*TravelMedia Page*/
#TMDetails
{width: 750px; float: left; margin-right: 5px; border: 0px solid;}

#TMImages
{width: 160px; float: left; text-align: center;}






.CheckoutTable {width: 100%; font-size: 12px;}

.CheckoutRow {border-bottom: 1px solid #CCCCCC;}

.FlightResultsTable {width: 100%; font-size: 12px;}

.FlightResultsSeperator {border-bottom: 1px solid #CCCCCC; }

.FlightResultsPrice {color: #CC0000; font-weight: bold; text-align: right;}

.FlightResultsSubText {color: #CCCCCC;}


/*Hotel Offers*/

.HotelMain {width: 100%;}

.HotelDescription {border: 1px solid #CCC; width: 530px; float: left; margin: 5px; padding: 5px; font-size: small; height: 123px;}

.HotelImage {border: 1px solid #CCC; width: 185px; height: 123px; float: right; margin: 5px; padding: 5px;}

.HotelOffer {border: 1px solid #CCC; width: 738px; margin: 5px; padding: 5px; font-size: small; height: 123px; background-color: #d4eaf7;}


/* Main Site Styles */

Image.bordered {border: 1px solid #000000;}

#WelcomeText
{color: #003366;}

/*Booking Terms Styles*/

.StaticTextTerms, .StaticText
{font-size:small; line-height: 18px; color: #003366; margin-left: 5px;}

#PrintTitle 
{display:none;}

/*General Styles*/

a.StaticLink
{color: #003366; font-weight: bold;}

a.StaticLink:hover 
{color: #003366;}

/**Editorial Styles*/

.EditorialTitle
{color: #754007; font-weight: bold;}

.EditorialDestination, .EditorialDuration 
{color: #a75325; font-weight: bold; font-size: small;}

.EditorialText
{font-size: small; line-height: 25px; color: #003366;}

.EditorialPrice
{font-size: large; color: #003366; font-weight: bold;}

.EditorialQuote
{font-size: large; color: #754007; font-weight: bold;}

.SearchContentTop{ border: 0px solid; margin-top: -10px; background-image: url(../Images/TBK/headerbar.jpg); background-position:center; background-repeat:no-repeat; height:155px; }

.SearchContentMid{ border: 0px solid #d47920;  min-height: 200px; background-color: #fff;}

.SearchContentBot {clear: both; border: 0px solid; height: 30px; background-image: url(../Images/TBK/SearchBottom.gif); background-repeat: no-repeat; margin-bottom: 10px;}

.EnquiryLink {color: #003366; font-weight:bold;}

h1.PageTitle {color: #003366;}
h2.PageTitle {color: #003366;}


/*Search Box Styles*/

.SearchBoxTable {font-size: 11px; color: #FFFFFF; font-weight: bold; line-height: 24px; }

.SearchBoxTitle {font-size: 14px; color: #FFFFFF; margin: 0px;}

.SearchBoxInputs {font-size: 11px; width: 175px;}

.SearchBoxInputsSmall {font-size: 11px; width: 45px;}

.SearchButton {width: 100px; height: 22px;  background-color: #b15b24; border: 0px; color: #FFFFFF; font-weight: bold; text-decoration:none; padding: 0px 0px 0px 4px;}

.SearchButton:Hover {width: 100px; height: 22px;  background-color: #b15b24; border: 0px; color: #FFF000; font-weight: bold; text-decoration:none;}

/*Availability Styles */

.ResultsTable 
{font-size: small; width: 100%;  border: 0px solid; text-align: left;}

.ResultsHeader
{border-bottom: 0px solid #BFE0FF; color: #003366; font-weight:bold;}

.ResultsSubHeader 
{background-color: #FFFFFF;}

.ResultsChoices 
{border-bottom: 1px solid; border-color: #CCCCCC; padding-bottom: 3px; color: #666666;}

.ResultsButton, .ContunueButton 
{background-image: url(../../Images/VER/button-Blank.gif); background-repeat:no-repeat; height: 25px;  width: 183px; font-size: small; border: 0px solid; color: #003366; font-weight: bold; cursor:hand;}

.DynamicButton 
{background-image: url(../../Images/VER/button-Blank.gif); background-repeat:no-repeat;  height: 25px;  width: 100px; font-size: small; border: 1px solid; color: #FFFFFF; font-weight: bold; cursor:hand;  display: block; text-align: center; padding-top: 3px; text-decoration: none;}

.ResultsText 
{color: #000000; font-size: 12px; line-height: 18px;}

.ResultsImage
{width:110px;  height: 110px; float: left; margin: 4px;}

.SearchLink
{color: #003366; font-weight: bold; font-size: 12px;}
 
.SearchLink:Hover
{color: #DCE9FD;}

.StaticTitle
{font-size: 16px; color: #003366; font-weight:bold;}

.BreadcrumbLink
{color: #003366;}

.BreadcrumbText, .NotSelected
{color: #FF0000; font-size: 12px; margin-top: 10px;}

.CheckoutButton 
{font-size: 14px; color: #003366; font-weight: bold;}

.TabbedTable {border:1px solid #003366;}

.EnableFlightButton, .EnableAccommButton
{border-color: #FFFFFF; color: #FFFFFF; background-color: #003366;}

.DisableFlightButton, .DisableAccommButton
{border-color: #FFFFFF; color: #FFFFFF; background-color: #DCE9FD;}

/* Offer Banner Details */



/* Costing Page Styles */

#CostEnquiry
{color: #003366; width: 750px; border-top: 0px solid;}

.CostingEnquiryText {color: #003366;}

.RoomsTitle {font-size: small; margin-left: 5px; }

.RoomsTable {width: 100%; font-size:  small; text-align: left;}

.RoomsRow {border-bottom: 1px solid; }


/* Charter Holiday Styles */

th.gridTitle{ text-align: center; width: 60px; color: #003366;}

table.gridTable {font-size: 12px;}

td.gridRow, td.gridRowRes {border-bottom: 1px solid; border-color: #cccccc;  text-align: center;}

h2.gridResult {font-size: 16px; margin: 0px; color: #a75325;}

a.gridPrice {font-size: 16px; font-weight: bold; color: #FF0000;}

td.accommsresult {color: #000000;}

.DescriptionTable 
{width: 100%; font-size: small; line-height: 20px; color: #003366; margin: 0px 0px 0px 5px;}

.DescriptionTableInner 
{width: 99%; font-size: 12px; line-height: 20px; color: #003366; margin: 0px 5px 0px 0px;}

.DescriptionFrame {width: 440px;}


.MiniSearchTitle {background-color: #C4E2FF;}

.CheckoutTable, .CostTable { width: 760px;}

.BookButton {width: 150px; height: 30px;  border: 0px; color: #FFFFFF; font-weight: bold; background-color: #b15b24;}

#FlightHolder {border:0px solid; width: 500px; float:left;}



/*Featured Offers*/

#FeaturedOffers {width:590px; border: 1px solid #d47920; float:left; margin: 5px;}

.FeaturedCornerTopLeft{ margin-left: -1px; margin-top: -1px; float: left;}
.FeaturedCornerTopRight {margin-right: -1px; margin-top: -20px; float: right;}

.FeaturedCornerBottomLeft{margin-left: -1px; margin-bottom: -1px; float: left;}
.FeaturedCornerBottomRight{ margin-right: -1px; margin-bottom: -1px; float: right;}

.FeaturedTitle {display:block; margin: 5px 0px 0px 5px; font-weight: bold; font-size: 12px;}

.OfferBox {width:280px; height:100px; border: 1px solid #ffce9f; float:left; margin: 6px;}

.OfferDetail {float:Left; border: 0px solid; width: 130px; margin: 0px 0px 5px 5px; font-weight: bold; color:#e37822; font-size: 12px;}

.offercell
{
 background-image: url(../../Images/TBK/he-rightbg_02.jpg);
}

/*More Info Page */

.OfferTitle {font-size: 18px; color: #FFF;}


.TableHeader {
  background-color: #a75325;
  color: White;
  text-align: center;
  font-size: 10pt;
}

THc {
  text-align: left;
}
  
TDc {
  text-align: left;
}

.CellHeader {
  color: #a75325;
  font-size: 10pt;
  font-weight: bold;
}

.Message {
  font-weight: bold;
  color: Red;
}

P {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
; color: #000000
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
; color: #000000
}
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
hr {  font-size: 10px; color: #A75325}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #A75325;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #000000;
	text-decoration: none;
	font-weight: bold;
}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #B8BFAF}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #A75325;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #A75325;
	text-decoration: none;
	font-weight: bold;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #F8981D;
color: #FFFFFF;
margin-right: 2px;
text-decoration: none;
font: bold 12px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #de7600;
color: #FFFFFF;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #de7600;
width: 100%;
height: 24px;
padding: 0px;
border: 0px solid #FFFFFF;
font: bold 10px Arial;
color: #FFFFFF;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;

}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;

}

table.hometble1 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d47920;
	border-left-color: #d47920;
}

.mceVisualAid {
	border: 1px dashed #BBBBBB !important;
}

/*   Callback Styles   */
#CBWrapper{ margin-left: auto; margin-right: auto; width: 910px; margin-bottom: 20px; padding: 2px 2px 2px 2px; border: solid 1px #d47920; }
#CBHeader{ text-align: center; background: #f8981d; padding: 5px 5px 5px 5px; color: White; font-weight: bold; font-size: 25px; }
#CBMain{  }
.CBDescription{ font-size: 15px; }
#CBMessage { color: Green; font-weight: bold; }


/* - - - - - - - - - - */