﻿/* ----------------------------------------------------------

APT STYLE SHEET

This files contains general style information about inidual
pages and their content.

Contents:	    1. Page Content Elements
				2. Home Page Elements
				3. Search Results
				4. Booking Process Shared Elements
				5. Itinerary
				6. Dates & Rates
				7. Shopping Cart

----------------------------------------------------------*/

/*----------------------------------------------------------

1. Page Content Elements

----------------------------------------------------------*/

.PageTitle {
margin:0;
padding:0;
background:#003c82 url(../Images/Elements/PageTitleBg.jpg) bottom repeat-x;
color:#FFF;
float:left;
width:100%;
}

.PageTitle p {
float:left;
padding:12px 8px;
font-size:1.8em;
margin:0;
}

#PageContent {
width:100%;
float:left;
margin:0;
padding:0;
background: #FFF;
color:#444;
overflow:hidden;
}

/*----------------------------------------------------------

2. Home Page Elements

----------------------------------------------------------*/
#HomepageFlash {
margin:0;
padding:0;
float:left;
width:767px;
height:275px;
}

#HomepageDirectiveTextContainer {
width:100%;
float:left;
}

#HomepageDirectiveText {
height:24px;
margin:20px 0 10px;
font-size:1.4em;
font-family:verdana,arial,sans-serif;
text-align:center;
}

#Destinations {
margin:0;
padding:0;
float:left;
width:100%;
}

.DestinationTabContent {
margin:5px 0 0 0;
padding:0;
border:1px #CCC solid;
float:left;
width:100%;
height:100px;
overflow:auto;
background:#F6F6F6 url(../Images/Buttons/DestinationTabBg.gif) repeat-x bottom;
}

.DestinationTabContent p {
margin:0;
padding:4px;
}

.ui-tabs .ui-tabs-hide {
display: none;
}

#HomeDestinationButtonsContainer {
float:left;
}

.HomeDestinationButton {
width:182px;
height:42px;
float:left;
display:block;
cursor:pointer;
margin:0 0 3px 0;
background: #FFF url(../Images/Buttons/homeButton.png) top no-repeat;
}

.HomeDestinationButton:hover {
background-position:bottom;
}

.HomeDestinationButton a {
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:.9em;
float:left;
width:100%;
text-align:center;
padding:12px 0;
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
}

#EuropeDestinationButton, #AsiaDestinationButton {
margin:0 10px 0 4px;
}

#CanadaDestinationButton, #AustraliaDestinationButton, #ShortBreaksDestinationButton, #DayToursDestinationButton {
margin-right:10px;
}

#HomeFeatures {
margin:15px 0 0;
width:100%;
float:left;
}

#HomeFeatures a {
text-decoration:none;
}

.HomeFeatureBox {
width:238px;
height:307px;
padding:3px;
float:left;
cursor:pointer;
}

#WhatsHotFeatureBox {
background:url(../Images/Elements/whatsHotFeatureBox.gif) bottom no-repeat;
}

#SpecialDealsFeatureBox {
background:url(../Images/Elements/specialDealsFeatureBox.gif) bottom no-repeat;
}

#TripOfTheMonthFeatureBox {
background:url(../Images/Elements/tripOfTheMonthFeatureBox.gif) bottom no-repeat;
}

#WhatsHotFeatureBox:hover, #SpecialDealsFeatureBox:hover, #TripOfTheMonthFeatureBox:hover {
background-position:top;
}

.FeatureSpace {
width:17px;
float:left;
}

.HomeFeatureBox h2 {
color:#444;
font-size:.9em;
margin:49px 0 0 8px;
padding:0;
}

.HomeFeatureBox p {
color:#444;
font-size:.90em;
margin:0;
padding:6px 10px;
}

.HomeFeatureBox .ImgBox {
width:176px;
height:145px;
margin:6px auto 0 auto;
background:url(../Images/Elements/homeFeatureImage.png) no-repeat;
}

.HomeFeatureBox img {
margin:5px 0 0 5px;
padding:0;
}

.FeatureFindOutMore {
width:116px;
height:27px;
margin:0 10px 0 0;
background:url(../Images/Buttons/homeButtonFindOutMore.png) bottom no-repeat;
float:right;
}

.FeatureFindOutMore:hover {
background-position:top;
}

.FeatureFindOutMore a {
width:100%;
height:100%;
float:left;
text-decoration:none;
color:#FFF;
}

.FeatureFindOutMore a:hover {
color:#444;
}

/*----------------------------------------------------------

3. Search Results

----------------------------------------------------------*/

#SearchResultsSummary {
margin:8px 0;
padding:0;
float:left;
width:100%;
background:#CCC;
color:#444;
font-size:1.2em;
border:1px solid #999;
}

#SearchResultsSummary p {
margin:0;
padding:4px 8px;
float:left;
}

#ZeroSearchResults {
margin:0;
padding:15px 0 0 0;
float:left;
width:100%;
}

#ZeroSearchResults p {
margin:0;
padding:4px 8px 10px 8px;
float:left;
width:100%;
}

#ZeroSearchResults b {
color:#00326C;
float:left;
font-size:1.2em;
}

#ZeroSearchResults a {
color:#AC2814;
text-decoration:none;
}

#ZeroSearchResults a:hover {
color:#E3381E;
text-decoration:underline;
}

#ZeroSearchResults a.RedMediumButton {
margin:5px 0 10px 8px;
color:#FFF;
font-size:1.1em;
}

#ZeroSearchResults a:hover {
color:#3F1712;
text-decoration:none;
}

.SearchResultsCategory {
float:left;
width:100%;
}

#CategoryResults {
float:left;
width:100%;
}

#CategoryResults ul {
float:left;
margin:0;
padding:4px 0;
list-style:none;
}

#CategoryResults ul li {
float:left;
margin:0 42px 0 0;
padding:0;
}

#CategoryResults a {
margin:0;
padding:0;
cursor:pointer;
outline:none;
border:none;
float:left;
}

#CategoryResults a#CategoryTripResultsAnchor {
width:160px;
height:38px;
background:url(../Images/Buttons/tripsAnchorButton.png) bottom no-repeat;
}

#CategoryResults a#CategorySpecialResultsAnchor {
width:160px;
height:38px;
background:url(../Images/Buttons/specialDealsAnchorButton.png) bottom no-repeat;
}

#CategoryResults a#CategoryGeneralResultsAnchor {
width:160px;
height:38px;
background:url(../Images/Buttons/generalInfoAnchorButton.png) bottom no-repeat;
}

#CategoryResults a#CategoryDvdResultsAnchor {
width:160px;
height:38px;
background:url(../Images/Buttons/dvdsAnchorButton.png) bottom no-repeat;
}

#CategoryResults a#CategoryTripResultsAnchor:hover, #CategoryResults a#CategorySpecialResultsAnchor:hover, #CategoryResults a#CategoryGeneralResultsAnchor:hover, #CategoryResults a#CategoryDvdResultsAnchor:hover {
background-position:top;
}

#CategoryResults a:hover {
color:#003E7E;
}

.CategoryHeading {
margin-top:8px;
padding:0;
float:left;
width:100%;
background:#EEE;
color:#444;
border:1px solid #BBB;
}

.CategoryHeading img {
float:left;
padding:1px 3px;
}

.CategoryHeading b {
margin:0 0 0 3px;
padding:8px 0 0 0;
float:left;
}

.CategoryHeading p {
margin:0;
float:left;
width:100%;
}

.CategoryHeading span.Left {
margin-top:1px;
float:left;
}

.CategoryHeading span.Left b {
padding:8px 2px;
}

.CategoryHeading span.Right {
float:right;
font-size:85%;
padding:5px 3px 5px 0;
}

.CategoryHeading a {
margin:0 2px;
padding:4px;
background:#FFF url(../Images/Buttons/DestinationTabBg.gif) bottom repeat-x;
border:1px solid #BBB;
color:#444;
text-decoration:none;
float:right;
-moz-border-radius:3px;
cursor:pointer;
}

.CategoryHeading a.active {
margin:0 2px;
padding:4px;
background:#FFF url(../Images/Buttons/DestinationTabBg.gif) top repeat-x;
border:1px solid #999;
color:#333;
text-decoration:none;
float:right;
font-weight:bold;
-moz-border-radius:3px;
cursor:default;
}

.CategoryHeading a:hover {
color:#333;
background-position:top;
border:1px solid #999;
}

.CategoryHeading span.SearchResultsPageNumbers a {
float:left;
}

.CategoryHeading span.SearchResultsPageNumbers b {
margin:2px 5px 0 0;
padding:0;
float:left;
}

.SearchResultsTable {
margin:0;
padding:0;
float:left;
text-align:left;
width:100%;
}

.SearchResultsTable th {
padding:8px;
font-weight:bold;
font-size:1.1em;
border-bottom:1px solid #DDD;
text-align:center;
vertical-align:top;
}
 
.SearchResultsTable th a {
color:#444;
width:100%;
outline:none;
text-decoration:none;
background:url(../Images/Elements/textSizeMagnify.png) no-repeat;
background-position:right;
padding-right:20px;
}

.SearchResultsTable th a:hover {
color:#003E7E;
}

.SearchResultsTable td {
padding:8px 6px;
border-bottom:1px solid #DDD;
vertical-align:top;
font-size:.90em;
}

.SearchResultsTable p {
margin:0;
padding:0;
}

.SearchResultsTable td.TourSearchResultsMap {
width:60px;
padding:10px 8px 0 0;
}

.SearchResultsTable td.TourSearchResultsDescription a, td.SearchResultsDescription a, td.DvdSearchResultTitle a {
color:#003E7E;
padding:2px;
margin-left:-2px;
font-weight:bold;
text-decoration:none;
line-height:190%;
}

.SearchResultsTable td.TourSearchResultsDescription a:hover, td.SearchResultsDescription a:hover, td.DvdSearchResultTitle a:hover {
text-decoration:underline;
}

.SearchResultsTable td.TourSearchResultsDuration {
text-align:center;
}

.SearchResultsTable td.TourSearchResultsStyle {
text-align:center;
width:95px;
}

.SearchResultsTable td.TourSearchResultsPrice, td.SearchResultsViewDetails, td.DvdSearchResultsButton {
width:100px;
text-align:center;
}

.SearchResultsTable td.TourSearchResultsPrice, table.SearchResultsTable th#SearchResultsPriceHeader {
padding-right:0;
}

.SearchResultsTable td.TourSearchResultsPrice span.FromPrice {
font-weight:bold;
}

.SearchResultsTable td.DvdSearchResultTitle {
vertical-align: middle;
}

.ViewMapButton {
margin-left:5px;
padding:55px 0 0 0;
background:url(../Images/Buttons/ButtonViewMap.png) no-repeat top;
height:0;
width:54px;
border:none;
cursor:pointer;
float:left;
color:#444;
font-weight:bold;
text-decoration:none;
text-align:center;
}

.ViewMapButton:hover {
background-position:bottom;
color:#003E7E;
}

.DvdSearchResultsButton {
width:100%;
}

.ViewDvdButton {
margin:0 0 5px 0;
padding:28px 0  0 70px;
width:350px;
background:url(../Images/Buttons/ButtonViewDvd.png) top left no-repeat;
height:36px;
border:none;
cursor:pointer;
float:left;
color:#003E7E;
text-decoration:none;
text-align:left;
vertical-align:middle;
font-weight:bold;
}

.ViewDvdButton:hover {
background-position:bottom left;
text-decoration:underline;
}

.AccordionContent {
float:left;
width:100%;
}

.SearchResultButton {
margin-top:5px;
}

/*----------------------------------------------------------

4. Booking Process Shared Elements

----------------------------------------------------------*/

.BreadCrumbs {
float:left;
padding:7px 0 9px;
}

.BreadCrumbs a {
text-decoration:none;
float:left;
padding:0 2px;
color:#666;
text-decoration:underline;
font-style:italic;
}

.BreadCrumbs a:hover {
color:#111;
}

.BreadCrumbs p {
padding:0 2px;
float:left;
color:#666;
font-style:italic;
}

#CheckoutBreadCrumbs {
background:#FFF;
padding:7px 0 9px 8px;
width:985px;
}

#CheckoutBreadCrumbs a, #CheckoutBreadCrumbs p {
margin-right:2px;
}

.CheckoutTitle {
margin:0;
padding:0;
background:#003c82 url(../Images/Elements/PageTitleBg.jpg) bottom repeat-x;
color:#FFF;
float:left;
width:100%;
}

.CheckoutTitle h1 {
padding:11px 0 0 15px;
margin:0;
font-size:1.7em;
font-weight:bold;
}

.CheckoutTitle h2 {
padding:5px 15px 13px 15px;
margin:0;
font-size:1.1em;
font-weight:normal;
font-style:italic;
}

#ItineraryContentLeft {
width:595px;
float:left;
}

#ItineraryContentRight {
float:left;
position:relative;
width:166px;
height:inherit;
}

.TabsContainer {
width:100%;
float:left;
margin-top:2px;
border:1px solid #CCBFAC;
}

.TabControl {
border:none !important;
}

.TabsList {
background:#FFF url(../Images/Elements/itinTabsBg.gif) bottom repeat-x;
padding:6px 0 0 6px;
}

.TabItem {
font-size:1.1em;
font-weight:bold;
}

.Box {
float:left;
border:1px solid #CCBFAC;
background:#FFF url(../Images/Elements/checkoutBoxBg.gif) top repeat-x;
}

th.CheckoutTableHeader {
background:#EBE1D2 url(../Images/Elements/tableHeaderBg.jpg) bottom repeat-x;
border-bottom:1px solid #CCBFAC;
text-align:center;
font-weight:bold;
}

td.CheckoutTableCell {
background:#FAF7F5;
text-align:center;
font-size:.9em;
}

tr.BookingSummary td {
border-bottom:1px solid #CCBFAC;
line-height: 30px;
}

tr.BookingSummary td.left {
padding-left: 9px;
font-weight: bold;
}

tr.SuppItemHeader th{
text-align: center;	
font-weight: bold;
background:#FAF7F5;
border-bottom:1px solid #CCBFAC;
padding: 3px 9px 3px 9px;
}

tr.SuppItemHeader th.left
{
text-align: left;
padding-left: 9px;
}

tr.suppItemRow td{
text-align: center;
margin: 3px 0 3px 0;
line-height: 30px;
}

tr.subTotal td {
border-bottom:1px solid #CCBFAC;
border-top:1px solid #CCBFAC;
font-weight:bold;
}

tr.suppItemRow td.left{
	text-align: left;
	margin: 3px 0 3px 0;
	padding-left: 9px;
}

.CheckoutProcessDirective {
font-weight:bold;
font-style:italic;
float:left;
margin:10px 0;
}

#CurrencyDisclaimer {
padding:6px 0 6px 5px;
font-size:.85em;
font-weight:bold;
font-style:italic;
color:#888;
float:left;
}

.field-validation-error, label.validationError {
width:100%;
display:block;
font-size:.9em;
color:#9b3636;
margin:6px 0 2px;
font-weight:normal;
font-style:italic;
}

/*----------------------------------------------------------

5. Itinerary

----------------------------------------------------------*/

#ItinHeaderLeft {
float:left;
width:595px;
}

#ItinHeaderRight {
float:left;
width:168px;
}

#ItineraryHeaderControls {
width:100%;
font-size:.9em;
}

#ItineraryShareButtons {
float:right;
padding:6px 0 4px;
}

#DvdShare {
float:right;
height:15px;
padding:1px 15px 0 18px;
text-decoration:underline;
color:#666;
background:url(../Images/Buttons/itinDvdSmall.png) left no-repeat;
}

#ItineraryShareButtons .addthis_button {
float:right;
height:15px;
padding:1px 0 0 19px;
margin-right:2px;
text-decoration:underline;
color:#666;
font-size:1em;
background:url(../Images/Buttons/shareButton.png) left no-repeat;
}

#DvdShare:hover,
#ItineraryShareButtons .addthis_button:hover {
text-decoration:none;
color:#111;
}

.ItineraryContainer {
width:100%;
float:left;
border:none !important;
}

#ItineraryHeader {
width:593px;
float:left;
margin-bottom:5px;
}

#FromPriceNotAvailable
{
	float:left;
}

#FromPriceNotAvailable p {
font-weight:bold;
margin: 5px 0 8px 0;
}

#FromPriceNotAvailable a {
color:#AC2814;
}

#ItinerarySummary {
width:396px;
float:left;
padding:0 8px;
margin:5px 0 0 0;
}

#ItinerarySummaryTable .Left {
width:110px;
float:left;
padding:8px 3px;
font-weight:bold;
border-bottom:1px dashed #CCC;
}

#ItinerarySummaryTable .Right {
width:270px;
float:left;
padding:8px 3px;
border-bottom:1px dashed #CCC;
}

#ItinerarySummaryTable .Right select {
display:block;
margin:-2px 0 -1px 0;
padding:0;
max-width:250px;
font-size:.9em;
color:#444;
border:1px solid #CCC;
}

#ItineraryFromPriceContainer {
width:175px;
float:left;
margin-left:6px;
}

#ItineraryFromPrice {
width:100%;
min-height:65px;
float:left;
margin: 6px 0 4px;
}

#ItineraryFromPrice p {
float:left;
padding:13px 5px 0 0;
font-size:.85em;
}

#ItineraryFromPrice #FromPriceAmount {
padding:0;
font-size:2em;
font-weight:bold;
}

#ItineraryFromPrice #DepositAmount {
padding:5px 0 0 0;
color:#666;
font-size:.85em;
}

#ItineraryBookNowButton {
float:left;
font-family:Verdana, Arial, Sans-Serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#FFF !important;
}

#ItineraryBookNowButton a#ItineraryBookNow {
width:175px;
height:28px;
float:left;
margin:5px 0 0 0;
padding:8px 0 0;
text-decoration:none;
background:url(../Images/Buttons/itinBookButton.png) bottom no-repeat;
cursor:pointer;
color:#FFF !important;
}

#ItineraryBookNowButton a#ItineraryBookNow:hover {
color:#3F1712 !important;
background-position:top;
}

#ItineraryAskQuestion {
height:33px;
width:130px;
margin:7px 0 0 0;
padding:3px 0 0 45px;
float:left;
font-size:.95em;
font-weight:bold;
font-weight:bold;
cursor:pointer;
color:#444;
text-align:left;
text-decoration:none;
background:url(../Images/Buttons/askQuestionButton.png) left bottom no-repeat;
}

#ItineraryAskQuestion:hover {
background-position:left top;
color:#111;
}

#MarketingShareButtons {
float:left;
width:100%;
margin:5px 0 0;
}

#MarketingShareButtons a {
cursor:pointer;
color:#666;
font-size:.95em;
text-decoration:none;
font-weight:bold;
}

#MarketingFacebookShare {
float:left;
width:41px;
height:40px;
background:url(../Images/Buttons/marketingFacebook.png) bottom no-repeat;
}

#MarketingTwitterShare {
float:left;
width:52px;
height:40px;
background:url(../Images/Buttons/marketingTwitter.png) bottom no-repeat;
}

#MarketingYoutubeShare {
float:left;
width:49px;
height:40px;
background:url(../Images/Buttons/marketingYoutube.png) bottom no-repeat;
}

#MarketingDvdShare {
float:left;
width:33px;
height:40px;
background:url(../Images/Buttons/marketingDvd.png) bottom no-repeat;
}

a#MarketingYoutubeShareOld {
float:left;
width:50px;
height:35px;
padding:5px 0 0 47px;
margin-left:-9px;
background:url(../Images/Buttons/marketingYoutube.png) bottom left no-repeat;
text-decoration:underline;
}

a#MarketingDvdShareOld {
float:left;
width:33px;
height:35px;
padding:5px 0 0 37px;
margin-left:11px;
background:url(../Images/Buttons/marketingDvd.png) bottom left no-repeat;
text-decoration:underline;
}

#MarketingYoutubeShareOld:hover,
#MarketingDvdShareOld:hover {
background-position:top left;
color:#000;
text-decoration:none;
}

#MarketingFacebookShare:hover, 
#MarketingTwitterShare:hover, 
#MarketingYoutubeShare:hover,
#MarketingDvdShare:hover {
background-position:top;
}

.ItineraryPhotoContainer {
padding:0;
float:left;
margin-left:7px;
}

.ItineraryPhotoContainer a {
color:#444;
text-decoration:none;
font-size:.9em;
font-weight:bold;
}

.ItineraryPhotoContainer img {
}

.ItineraryTabContent {
height:350px;
overflow:auto;
line-height:1.3em;
}

.TestimonialsLink {
padding:0 0 0 0;
}

.TestimonialsLink a {
height:30px;
padding:0 0 0 0;
cursor:pointer;
font-weight:bold;
font-size:.85em;
text-align:left;
display:inline-block;
color:#600 !important;
}

.TestimonialsLink a:hover {
text-decoration:none;
color:#900 !important;
}

.TabsItineraryTopButtons {
padding:15px 0 20px 0;
}

.TabsItineraryTopButtons a {
height:30px;
padding:10px 0 0 42px;
cursor:pointer;
font-weight:bold;
font-size:.85em;
text-align:left;
display:inline-block;
color:#666 !important;
}

.TabsItineraryTopButtons .ItinerarySaveButton {
background:url(../Images/Buttons/itinSave.png) left top no-repeat;
}

.TabsItineraryTopButtons .ItineraryPrintButton {
margin-left:35px;
background:url(../Images/Buttons/itinPrint.png) left top no-repeat;
}

.TabsItineraryTopButtons .EmailFriend {
margin-left:35px;
padding-left:45px;
background:url(../Images/Buttons/itinMail.png) left top no-repeat;
}

.TabsItineraryTopButtons .DvdShare {
margin-left:35px;
background:url(../Images/Buttons/itinDvd.png) left top no-repeat;
}

.TabsItineraryTopButtons a:hover {
text-decoration:none;
background-position: left bottom;
color:#111 !important;
}

.TabsItineraryTopButtons2  {
float:right;
padding:0 0 15px;
}

.TabsItineraryTopButtons2 a {
height:21px;
padding:5px 0 0 28px;
margin-top:5px;
cursor:pointer;
font-weight:bold;
font-size:.85em;
text-align:left;
display:inline-block;
color:#666 !important;
}

.TabsItineraryTopButtons2 .ItinerarySaveButton {
background:url(../Images/Buttons/itinSaveSmall.png) left top no-repeat;
}

.TabsItineraryTopButtons2 .ItineraryPrintButton {
margin-left:15px;
background:url(../Images/Buttons/itinPrintSmall.png) left top no-repeat;
}

.TabsItineraryTopButtons2 a:hover {
color:#111 !important;
text-decoration:none;
}

#ItineraryNestedTabsContainer
{	
width:100%;
float:left;
margin:0;
padding:0;
background: #FFF;
color:#444;
}

#ItineraryNestedTabs {
border:none;
}

#ItineraryNestedTabsDirective {
margin: 6px 0 0 0; 
float: left; 
width: 150px;
}

#ItineraryNestedTabsUl {
border-width:0 0 1px 0;
border-color:#BBB;
background:none;
padding-left:5px;
font-size:.9em;
position:static;
margin: 6px 0 0 0;
}

#ItineraryNestedTabsUl li {
position:static;
}

#ItineraryNestedTabsUl .ui-state-default {
background:url(../Images/Elements/itinTabBgDefault.png) repeat-x scroll 50% 50% #EEE;
border-width:1px 1px 0 1px;
border-color:#BBB;
}

#ItineraryNestedTabsUl .ui-state-default:hover {
background:#DDD;
}

#ItineraryNestedTabsUl .ui-state-active, #ItineraryNestedTabsUl .ui-state-active:hover {
background:#FFF;
border-color:#BBB;
}

.ItineraryTabContent h1 {
margin:15px 0 5px;
padding:0;
color:#527FB6;
font-weight:bold;
font-size:1.2em;
}

.ItineraryTabContent h2 {
margin:0;
padding:2px 0 0 0;
font-size:.9em;
color:#444;
font-weight:bold;
}

.ItineraryTabContent p {
margin:0;
padding:0;
font-size:.9em;
}

.ItineraryTabContent a.Button {
float:left;
padding:6px 8px;
margin:5px 0;
background:#EEE;
border:1px solid #BBB;
}

.ItineraryTabContent a.Button:hover {
background:#DDD;
border:1px solid #AAA;
}

.ItineraryTabContent p.ItineraryMeals {
margin:8px 0;
padding:0 0 12px 0;
}

#ItineraryPackagesTable {
width:97%;
margin:0 auto;
}

#ItineraryPackagesTable td {
padding:12px 5px;
vertical-align:top;
border-bottom:1px dashed #AAA;
}

#ItineraryPackagesTable p {
margin:5px 5px 5px 0;
text-align:right;
font-size:.85em;
}

#ItineraryPackagesTable b {
font-size:1.6em;
}

.ItineraryTabContent #BookPackageButton {
margin:2px 5px 7px 0;
background:url(../Images/Buttons/RedSmallButton.gif) top no-repeat;
width:100px;
height:25px;
color:#FFF;
border:none;
cursor:pointer;
float:right;
text-decoration:none;
font-size:.85em;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

.ItineraryTabContent #BookPackageButton:hover {
background-position:bottom;
color:#3F1712;
}

#TabsHighlights h1 {
font-size:1.1em;
}

#TabsHighlights ul {
margin:0;
padding:3px 10px 10px 0;
font-size:.9em;
list-style:none;
}

#TabsHighlights ul li {
padding:2px 0 2px 15px;
margin:0;
list-style:none;
background:url(../Images/Elements/bullet.gif) left 5px no-repeat;
}

#TabsHighlights ul#TripNotes li {
padding:0 0 2px 22px;
margin:0 0 10px 0;
list-style:none;
background:url(../Images/Elements/pdfBullet.gif) left 5px no-repeat;
font-size:1.05em;
line-height:1.2em;
}

#TabsHighlights ul#TripNotes li a {
color:#666;
text-decoration:underline;
}

#TabsHighlights ul#TripNotes li a:hover {
color:#000;
text-decoration:none;
}

#TabsDates {
font-size:1em;
padding:10px 5px 0 5px;
height:320px;
}

#TabsDatesDirective {
font-size:.95em;
margin:8px 0 8px 15px;
background:url(../Images/Elements/arrowIcon.png) left no-repeat;
padding:3px 0 3px 25px;
color:#777;
}

#TabsDates #DatePickerLegend {
float:left;
margin:5px 0 0 10px;
padding:6px 6px 10px;
border:1px solid #CCBFAC;
background:#FAF7F5;
}

table#DatePickerLegendTable {
width:100%;
margin:10px 0 0 5px;
}

#DatePickerLegendList li, #DatePickerLegendTable td  {
list-style:none;
margin:3px 7px;
font-size:.95em;
clear:both;
}

#DatePickerLegendList li p, #DatePickerLegendTable td p {
float:left;
padding-top:5px;
}

.DateGreen {
width:15px;
height:15px;
float:left;
margin:5px 5px 5px 0;
background:#a4dc91;
border:1px solid #6ac562;
}

.DateYellow {
width:15px;
height:15px;
float:left;
margin:5px 5px 5px 0;
background:#f5ec7b;
border:1px solid #fde500;
}

.DateRed {
width:15px;
height:15px;
float:left;
margin:5px 5px 5px 0;
background:#ffb5ba;
border:1px solid #ff6869;
}

.DateBlue {
width:15px;
height:15px;
float:left;
margin:5px 5px 5px 0;
background:#acdfec;
border:1px solid #00abe3;
}

.DateGuaranteed {
width:15px;
height:15px;
float:left;
margin:5px 5px 5px 0;
border:2px dashed #888;
}

#TabsDates #DatePicker {
float:left;
margin:5px 0 0 10px;
}

.ui-datepicker-row-break {
line-height:0;
}

#DatePicker td.ui-datepicker-today a.ui-state-active {
background:url("images/ui-bg_glass_100_ede3d4_1x400.png") repeat-x scroll 50% 50% #EDE3D4;
border:1px solid #CCBFAC;
color:#555555;
}

#DatePicker td.CalendarAvailable a {
background:#a4dc91;
border:1px solid #6ac562;
color:#444;
font-weight:bold;
}

#DatePicker td.CalendarLimited a {
background:#f5ec7b;
border:1px solid #fde500;
color:#444;
font-weight:bold;
}

#DatePicker td.CalendarUnavailable a {
background:#ffb5ba;
border:1px solid #ff6869;
color:#444;
font-weight:bold;
}

#DatePicker td.Guaranteed a {
border:2px dashed #888;
}

#DatePicker td.CalendarAvailable a.ui-state-active, 
#DatePicker td.CalendarLimited a.ui-state-active {
background:#acdfec;
border:1px solid #00abe3;
color:#444;
}

#DatePicker td.Guaranteed a.ui-state-active,
#DatePicker td.Guaranteed a.ui-state-active {
border:2px dashed #888;
}

#TabsMap {
height:460px;
}

#TabsMap img {
border:1px solid #BBB;
}

#TabsDvds iframe {
float:left;
border:none;
width:100%;
height:80%;
overflow:hidden;
}

#TabsDvds a {
color:#444;
font-weight:bold;
text-decoration:none;
}

#TabsTestimonials h1, #TabsTestimonials h2 {
text-transform:capitalize;
}

#TabsTripNotes table {
float:left;
width:100%;
}

#TabsTripNotes table td {
border-bottom:1px dashed #AAA;
}

#TabsTripNotes a {
background:url(../Images/Elements/pdfIcon.png) no-repeat;
padding:15px 0 15px 50px;
margin:10px 0 0;
height:35px;
float:left;
font-size:.9em;
color:#444;
font-weight:bold;
text-decoration:none;
}

#TabsTripNotes a:hover, #TabsDvds a:hover {
color:#111;
}

#TabsHighlights #OldDocuments {
width:140px;
}

#TabsHighlights #OldDocuments li {
background:none;
padding:0;
}

#TabsHighlights #OldDocuments li a {
background:url(../Images/Elements/pdfIcon.png) no-repeat;
padding:10px 0 15px 50px;
margin:10px 0 0;
height:40px;
float:left;
font-size:.9em;
color:#444;
font-weight:bold;
text-decoration:none;
}

#TabsHighlights #OldDocuments li a:hover {
color:#111;
}

/*----------------------------------------------------------

6. Dates & Rates

----------------------------------------------------------*/

#DepartureDatesContainer {
margin-top:10px;
float:left;
}

.DatesRatesDirective {
background:url(../Images/Elements/arrowIcon.png) left center no-repeat;
padding:3px 0 3px 25px;
display:none;
font-style:italic;
color:#777;
}

#RoomConfigDirective {
margin:0 0 10px 10px;
}

#PackageSelectDirective, #DepartureDateDirective {
margin-top:10px;
display:none;
}

#PackageSelectContainer {
border-bottom:1px dashed #BBB;
padding-bottom:15px;
margin-bottom:15px;
}

#DatesCalendar {
margin-top:3px;
}

#DatePickerInactive {
width:291px;
height:240px;
background:url(../Images/Elements/datepickerInactive.jpg) no-repeat;
}

#DepartureDatesLeft {
width:298px;
min-height:350px;
padding:20px 30px;
}

#DepartureDatesLeftSummary {
width:100%;
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px dashed #BBB;
}

#DepartureDatesLeftSummary td {
padding:5px 0;
vertical-align:top;
}

#DepartureDatesLeftSummary td.Left {
width:30%;
}

#DepartureDatesLeftSummary td.Right {
}

#PackageSelect, #DateSelect {
display:block;
margin:10px 0;
padding:3px;
width:290px;
font-size:.9em;
border:1px solid #CCC;
}

#PackageSelect {
position:relative;
z-index:1000;
}

p.Error {
margin:5px 0 -5px 0;
padding:5px 0 5px 35px;
font-size:.85em;
background:url(../Images/Elements/error.png) no-repeat;
}

#Loading, #LoadingDates, #LoadingRooms {
padding-top:60px;
text-align:center;
margin:60px 0;
background:url(../Images/Elements/loading.gif) center no-repeat;
font-size:1.1em;
font-weight:bold;
color:#666;
}

#DepartureDatesLeft select {
color:#444;
font-size:.9em;
}

#DepartureDatesRight {
float:left;
width:395px;
}

#DepartureDatesRoomsContainer {
padding:0;
margin-left:10px;
width:100%;
background:#FFF;
}

#DepartureDatesRoomsInactive {
width:100%;
height:282px;
display:block;
margin-left:10px;
background:url(../Images/Elements/roomConfigInactive.jpg) no-repeat;
}

#DateUnavailableContainer {
display:none;
}

#DepartureDatesRoomsEmpty h1 {
color:#527FB6;
font-size:1.2em;
font-weight:bold;
margin:0 0 20px 0;
}

#DepartureDatesRoomsEmpty p {
margin:0 0 15px 0;
}

#DepartureDatesRoomsEmpty a {
color:#AC2814;
text-decoration:none;
}

#DepartureDatesRoomsEmpty a:hover {
color:#E3381E;
text-decoration:underline;
}

#DepartureDatesCallbackFormContainer, #RoomSelectCallbackFormContainer {
border-top:1px dashed #BBB;
margin-top:25px;
padding-top:20px;
}

#DepartureDatesCallbackForm td {
padding:8px 0;
font-weight:bold;
vertical-align:middle;
}

#DepartureDatesCallbackForm input[type="text"] {
border:1px solid #CCC;
background:url(../Images/Elements/inputBg.gif) repeat-x;
color:#444;
padding:3px;
margin-left:20px;
width:250px;
}

#DepartureDatesCallbackForm select {
border:1px solid #CCC;
color:#444;
padding:3px;
margin:0 0 0 20px;
width:200px;
font-size:1em;
}

#DepartureDatesCallbackForm input[type="submit"] {
float:right;
}

#DepartureDatesCallbackForm a.RedSmallButton {
color:#FFF;
float:right;
margin-top:10px;
}

#DepartureDatesCallbackForm a.RedSmallButton:hover {
color:#3F1712;
text-decoration:none;
}

#DepartureDatesRooms {
margin:0 auto 10px;
width:100%;
border:1px solid #CCBFAC;
border-bottom:none;
}

#DepartureDatesRooms th {
padding:5px 20px;
border-right:1px dashed #CCBFAC;
}

#DepartureDatesRooms td {
padding:5px 20px;
border-bottom:1px dashed #CCBFAC;
border-right:1px dashed #CCBFAC;
}

#DepartureDatesRooms td select {
padding:3px;
color:#444;
border:1px solid #CCC;
width:50px;
}

#DepartureDatesRooms td.Error p.Error {
padding:5px 0 15px 35px;
font-size:.85em;
background:url(../Images/Elements/error.png) no-repeat;
}

#DepartureDatesRoomsTotals {
width:100%;
margin-left:10px;
}

#DepartureDatesRoomsTotalCost {
border:1px solid #CCBFAC;
border-bottom:none;
background:#FAF7F5;
text-align:left;
display:none;
}

#DepartureDatesRoomsTotalCost .BookingSummaryTable {
width:100%;
}

#DepartureDatesRoomsTotalCost th {
border-bottom:1px solid #CCBFAC;
font-weight:bold;
padding:10px 15px;
text-align:left;
}

#DepartureDatesRoomsTotalCost td.BookingSummaryTableLeft {
font-weight:bold;
}

#DepartureDatesRoomsTotalCost td {
border-bottom:1px dashed #CCBFAC;
padding:6px 0 6px 15px;
}

#DepartureDatesRoomsTotalCost b {
padding-right:15px;
width:100px;
}

#DepartureDatesRoomSubmit {
float:right;
width:81px;
height:27px;
margin:10px 0;
padding:8px 0 0 39px;
display:none;
text-align:left;
color:#FFF;
font-weight:bold;
font-family:Verdana, Arial, Sans-Serif;
font-size:1.1em;
cursor:pointer;
background:url(../Images/Buttons/addToCart.png) bottom no-repeat;
}

#DepartureDatesRoomSubmit:hover {
background-position:top;
color:#3F1712;
}

/*----------------------------------------------------------

7. Shopping Cart

----------------------------------------------------------*/

#ShoppingCartContainer {
padding:8px 0;
margin:0;
width:100%;
float:left;
}

#ShoppingCartDetails {
border:1px solid #CCBFAC;
border-bottom:none;
width:100%;
margin-bottom:10px;
}

#ShoppingCartDetails th {
padding:5px 8px;
border-right:1px dashed #CCBFAC;
}

#ShoppingCartDetails td {
padding:6px 8px;
border-bottom:1px dashed #CCBFAC;
border-right:1px dashed #CCBFAC;
vertical-align:middle;
}

#ShoppingCartDetails td a {
color:#527FB6;
}

#ShoppingCartDetails td a:hover {
text-decoration:none;
}

#ShoppingCartDetails td #RoomTypeQuantity {
margin-top:5px;
padding:3px 1px;
border:1px solid #CCBFAC;
color:#444;
font-size:.95em;
}

#ShoppingCartDetails td #RoomTypeQuantity option:active {
outline:0;
border:0;
}

#ShoppingCartDetails td div.ShoppingCartRoomLeft {
width:60%;
float:left;
margin:4px 0;
text-align:right;
}

#ShoppingCartDetails td div.ShoppingCartRoomRight {
width:40%;
float:left;
margin:3px 0;
text-align:left;
}

#ShoppingCartDetails td select {
padding:0;
margin:0 0 0 5px;
}

#ShoppingCartDetails td a.DeleteBooking {
background:url(../Images/Elements/delete.png) center no-repeat;
padding:15px 0;
width:100%;
text-decoration:none;
cursor:pointer;
float:left;
}

#CheckoutTotalContainer {
text-align:right;
padding-right:10px;
}

#CheckoutTotalContainer p {
margin:10px 0;
}

#CheckoutTotalContainer b {
margin-left:10px;
font-size:1.2em;
}

#ShoppingCartCheckoutButton {
width:160px;
height:53px;
padding-top:7px;
margin:10px -5px 0 0;
float:right;
cursor:pointer;
color:#444;
text-align:center;
text-decoration:none;
font-size:.95em;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
background:url(../Images/Buttons/shoppingCartCheckout.png) bottom no-repeat;
}

#ShoppingCartCheckoutButton:hover {
background-position:top;
}

/*----------------------------------------------------------

8. Passenger Details

----------------------------------------------------------*/

#PassengerDetailsLeft {
float:left;
width:550px;
margin-top:15px;
}

#PassengerDetailsRight {
float:left;
margin-left:15px;
margin-top:15px;
width:410px;
}

#PassengerDetailsRight h1 {
color:#527FB6;
font-size:1.2em;
font-weight:bold;
margin:15px 0 5px;
}

#PassengerTabsList {
background:#FFF url(../Images/Elements/itinTabsBg.gif) bottom repeat-x;
border-bottom:1px solid #CCBFAC;
padding:10px 0 0 15px;
height:27px;
}

.PassengerTabItem {
background:url("../Images/Elements/tableHeaderBg.jpg") repeat-x scroll center bottom #EBE1D2;
border:1px solid #CCBFAC;
float:left;
margin-right:5px;
}

.PassengerTabItemActive {
background:#FFF;
border:1px solid #CCBFAC;
border-bottom:1px solid #FFF;
}

#PassengerTabsList a {
font-weight:bold;
color:#444;
text-decoration:none;
padding:5px 12px;
display:block;
cursor:pointer;
}

#PassengerDetailsContainer {
padding-bottom:10px;
}

#PassengerDetailsUserControl {
padding:5px 0 10px 15px;
}

.PassengerDetailsTabContent {
padding:10px 0 15px 15px;
}

#PassengerDetailsContainer .PassengerHeaderRoomType {
width:100%;
float:left;
margin:5px 0;
color:#527FB6;
font-style:italic;
}

#PassengerDetailsContainer h2 {
color:#444;
padding:6px 10px;
margin: 0;
float:left;
}

.PassengerHeader {
width:516px;
float:left;
margin:0 0 5px;
}

.PassengerHeaderActive {
background: #EBE1D2 url(../Images/Elements/tableHeaderBg.jpg) bottom repeat-x;
border:1px solid #CCBFAC;
font-weight:bold;
}

.PassengerHeaderInactive {
background: #dedede url(../Images/Elements/tableHeaderBgInactive.jpg) top repeat-x;
border:1px solid #CCC;
font-weight:normal;
}

.PassengerHeaderInactive h2 {
font-weight:normal;
}

#PassengerDetailsContainer .PassengerHeader a {
cursor:pointer;
text-decoration:underline;
float:right;
font-size:.85em;
height:18px;
padding:3px 25px 0 0;
margin:3px 8px 0 0;
background:url(../Images/Buttons/Edit.png) bottom right no-repeat;
}

#PassengerDetailsContainer .PassengerHeader a:hover {
text-decoration:none;
background-position:top right;
}

#PassengerDetailsTableContainer {
}

.CreatePassenger {
height:25px;
clear:both;
}

.CreatePassenger p {
float:left;
}

.CreatePassenger select {
margin:1px 0 0 85px;
padding:0;
border:1px solid #CCBFAC;
color:#444444;
}

#PassengerDetailsTable, .BookingAddressDetailsTable {
float:left;
margin:0 0 5px;
background:#FAF7F5;
border:1px solid #CCBFAC;
border-bottom:none;
}

#PassengerDetailsTable .Left {
width:225px;
height:25px;
padding:8px 0 6px 8px;
font-weight:bold;
border-bottom:1px solid #CCBFAC;
vertical-align:top;
}

#PassengerDetailsTable .Right {
width:275px;
height:25px;
padding:6px 4px 6px;
border-bottom:1px solid #CCBFAC;
}

.BookingAddressDetailsTable .Left {
width:130px;
height:25px;
padding:6px 0 6px 8px;
font-weight:bold;
border-bottom:1px solid #CCBFAC;
}

.BookingAddressDetailsTable .Right {
height:25px;
padding:6px 10px 6px;
border-bottom:1px solid #CCBFAC;
}

#PassengerDetailsTable .PassengerDetailsButtons {
height:25px;
padding:12px 0 12px 4px;
border-bottom:1px solid #CCBFAC;
}

#PassengerDetailsTable .PassengerDetailsButtons a {
margin:0 7px;
float:left;
color:#FFF;
}

#PassengerDetailsLeft input[type=text], #PassengerDetailsLeft textarea {
width:265px;
border:1px solid #CCBFAC;
color:#444;
padding:2px;
font-family:Arial,Verdana,sans-serif;
font-size:.95em;
margin:0;
}

#PassengerDetailsTable select, .BookingAddressDetailsTable select {
margin:0;
padding:1px 1px 2px;
border:1px solid #CCBFAC;
color:#444;
font-family:Arial,Verdana,sans-serif;
font-size:.95em;
}

#BookingLiveChat {
padding:0 0 20px 0;
border-bottom:1px dashed #CCBFAC;
}

#chatbox {
width:69%;
float:left;
}

#chatboxImage {
width:120px;
height:63px;
background:url(../Images/Elements/helpDesk.jpg) no-repeat;
float:left;
border:1px solid #CCBFAC;
}

.LPform {
width:93%;
height:53px;
margin:0;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color:#444;
background:#FFF;
border:1px solid #CCBFAC;
}

#LPsubmit {
height:25px;
margin:10px 0 0;
clear:both;
padding:0;
text-align:center;
}

/*----------------------------------------------------------

9. Payment Details

----------------------------------------------------------*/

#PaymentContentArea {
margin: 0 0 10px 0;
float: left;
}

#PaymentDetails {
width: 385px;
float: left;	
}

#PaymentDetails a, #BookingSummary a {
color:#527FB6;
}

#PaymentDetails #PaymentDetails_PaymentAmount {
width:225px;
}

#PaymentDetails select {
min-width:70px;
}

#PaymentDetails #PaymentDetails_Cvv {
width:50px;
}

#PaymentDetails .Right li {
list-style:none;
}

#BookingSummary {	
margin-left:15px;
float: left;
width:500px;
overflow:hidden;
}

#BookingSummary h1.BookingTitle, #PaymentDetails h1.BookingTitle  {
font-size:1.2em;
font-weight:bold;
color:#527FB6;
padding:0 0 5px 0;
}

#BookingSummary .BookingEdit {
padding:0 0 10px 0;
font-weight:bold;
display:block;
color:#9B3636;
font-size:.9em;
}

#PaymentContentArea input[type=text] {
width:220px;
border:1px solid #CCBFAC;
color:#444;
padding:2px;
font-family:Arial,Verdana,sans-serif;
font-size:.95em;
margin:0;
}

#BookingSummary #PassengerDetailsTable {
margin-bottom:15px;
}

#BookingSummary #PassengerDetailsTable .Left {
width:150px;
padding-right:15px;
}

#BookingSummary #PassengerDetailsTable .Right {
width:300px;
padding-right:15px;
}

#BookingSummary #PassengerDetailsTable .CheckoutTableHeader, #PaymentContentArea .CheckoutTableHeader {
text-align:left;
font-size:1.1em;
}

.BookingSummaryDirectiveLabel
{
    font-size: 0.9em;
    font-weight: bold;
}

.BookingSummaryDirectiveColumn{
padding: 8px 8px;
border-bottom:1px solid #CCBFAC;
vertical-align:top;
}

.BookingDirectiveLabel
{
    font-size: 0.9em;
    font-weight: bold;
}
