/* --------------------------------------------------------------

    color_global.css

    Description: This file handles all global colors, border widths and styles, and global images.
    includes: background-color, border-color, color, border-width, border-style, background-image.

-------------------------------------------------------------- */

.vap_container h1, .vap_container h2, .vap_container h3,
.vap_container h4, .vap_container h5, .vap_container h6 {
    background-color: transparent;
}

.vap_container table, .vap_container th, .vap_container td   { border-color: #ddd; }
.vap_container table                { border-top-width: 1px; border-left-width: 1px; }
.vap_container th, .vap_container td    { border-bottom-width: 1px; border-right-width: 1px; }

#crumbler h1.current,
#crumbler h2.current   { color: #F58025; }


#global_footer a,
#global_footer a:hover { color: #333333; }


/* Forms
-------------------------------------------------------------- */
.vap_container form, .vap_popup form            { background-color: transparent; }
.vap_container input, .vap_popup input,
.vap_container select, .vap_popup select,
.vap_container textarea, .vap_popup textarea    { background-color: #FFFFFF; border: 1px solid #888888; }
.vap_container .radio, .vap_popup .radio        { background-color: transparent; }
.vap_container .checkbox, .vap_popup .checkbox  { border: none; background-color: transparent; }
.btn button             { background: transparent; } /* so that background color will show */

input.validation,
textarea.validation,
select.validation       { background: #ffd5c7 none repeat scroll 0%; }

label.validation        { color: #D73722; }


/* Title module
-------------------------------------------------------------- */
.title_hero,
.product_display_hero   { border-width: 1px 1px 0; border-style: solid;}


/* Tabs and Subnav
-------------------------------------------------------------- */
#content_tabs,
.product_display_title #content_tabs { border-width: 0 1px; border-style: solid; background-color: #efefef; }

#content_subnav         { border-width: 0 1px 1px; border-style: solid; }
#content_subnav li      { border-right-width: 1px; border-style: solid; }
#content_subnav li.last { border-right: 0; }

.no_tabs .title_hero    { border-bottom-width: 1px; } /* when no tabs put a bottom border */


/* Modules
-------------------------------------------------------------- */
.cart_list              { border-width: 1px; border-style: solid; }
.cart_list_item         { border-bottom-width: 1px; border-style: solid; }
.cart_list_item.last    { border-bottom: 0; }


/*  MODULES
    1. Back to top
    2. Calendar
    3. Error
    4. Main box
    5. Misc popups
    6. Product
    7. Interstitial
-------------------------------------------------------------- */

/* 1. Back to top module
-------------------------------------------------------------- */
.back_to_top a { background: transparent url('/images/icon_btop.gif') no-repeat left center; }


/* 2. Calendar module
-------------------------------------------------------------- */
.calendar_content table             { background-color: #FFFFFF; }
.calendar_content .calendar h3,
.calendar_content .month_grid_border,
.calendar_content .month_grid td    { border-width: 1px; border-style: solid; border-color: #666666; }
.calendar_content .month_grid td    { border-color: #D7D7D7; } /* border color of space between cells */
.calendar_content .month_grid th    { border-bottom-width: 1px; border-right-width: 1px; border-style: solid; background-color: #666666; color: #FFF; border-color: #666666; }
.calendar_content .invalid          { background-color: #D7D7D7; } /* background color of invalid cells */


/* 3. Error
-------------------------------------------------------------- */
.error #nav .activelink         { background-color: #FFFFFF; }
.module_error .module_header    { background-color: #D73722; background-image: none; }
.module_error .module_header h1 { background: transparent url('/images/icon_error.gif') no-repeat scroll left center; color: #FFFFFF; }
.module_error .module_body      { background-color: #FFFFFF; border: 1px solid #D73722; }

.module_error .module_body h1,
.module_error .module_body h2,
.error_list,
.error_list a, .error_list a:link, .error_list a:visited, .error_list a:hover,
.checkout_content h2.error_list { color: #D73722; }


/* 4. Main box module
-------------------------------------------------------------- */
.main_box       { border-width: 1px; border-style: solid; }
.main_box h2    { border-bottom-width: 1px; border-style: solid; }


/* 5. Misc popups module
-------------------------------------------------------------- */
/* shopping cart popup */
.popup_item_box,
.popup_item_box h2  { border-width: 1px; border-style: solid; }
.popup_item_box h2  { border-width: 0 0 1px; }


/* 6. Product module
-------------------------------------------------------------- */
.pagination             { border-top-width: 1px; border-style: solid; }
.product                { border-width: 1px; border-bottom: 0; border-style: solid; }
.product_image          { border-width: 1px; border-style: solid; }
.promo .product_price,
.product_price strong   { color: #D73722; }
.product_price del      { color: #A5A5A5; }


/* 7. Interstitial
-------------------------------------------------------------- */
#interstitial div   { border-width: 1px; border-style: solid; }


/*  PAGES:
    1. Home page
    2. Things to do
    3. What's popular
    4. View all destinations
    5. Search results
    6. Product display
    7. Booking process: shopping cart page, checkout, order summary page
    8. Customer Voucher
    9. Customer care
-------------------------------------------------------------- */

/* 1. Home page
-------------------------------------------------------------- */
.home .module_body          { background-color: transparent; } /* background-color of center modules */
.home_quicklinks_countries  { border-left-width: 1px; border-style: solid; }

.top_sellers_image img,
.top_rated_image img,
.latest_tours_image img     { border-width: 1px; border-style: solid; }
.top_sellers .top_sellers_ribbon { border: 0; }


/* 3. What's popular page
-------------------------------------------------------------- */
td.borders,
.whats_popular_title,
.whats_popular img      { border-style: solid; }
td.borders              { border-left-width: 1px; border-top-width: 1px; }

td.last_cell,
.whats_popular img      { border-right-width: 1px; }
td.last_row,
.whats_popular_title    { border-bottom-width: 1px; }


/* 4. View all destinations page
-------------------------------------------------------------- */
.vad_content ul li { border-bottom-width: 1px; border-style: solid; }


/* 5. Search results page
-------------------------------------------------------------- */
.search_results_content .dest_results { border-bottom-width: 1px; border-style: solid; }
.search_results_content .dest_results .search_tip { width: 510px; margin: 10px 0px; background-color: #ffdcc0; padding: 5px 13px; font-style: italic; border: 1px solid #f58025; }

.wide_lightbox { background-color: #f2f1ef; border: 1px solid #e0dbd5; }
.wide_lightbox .description { color: #00759a; }
.wide_lightbox ul li { background: transparent url(/images/general/wide_lightbox_arrow.gif) no-repeat scroll 0 5px; }
.wide_lightbox.vmlbox ul li { background: none; }

/* 6. Product display page
-------------------------------------------------------------- */
#product_display_details .product_image { border: 0; }
.product_display_price del              { color: #A5A5A5; }
.promo .product_display_price,
.product_display_price strong           { color: #D73722; }
#quote ol li                            { border-bottom-width: 1px; border-style: solid; }
#quote .quote_body ol li.two div        { color: #222222; }
#product_display_rhs                    { background-color: transparent; }

.selectDateLink a                       { background:transparent url(/images/icon_btop.gif) no-repeat scroll left center; padding-left: 10px; }
#product_display_rhs                    { background-color: transparent; }

.product_display_content .back_to_top   { border-top-width: 1px; border-style: solid; border-color: #E0DBD5; }

.salespoint                             { background-color: #f9ebc9; border: 1px solid #e6d5ac; }
.sp_header                              { color: #333333; }
.sp_body                                { background-color: #fff; border: 1px solid #e0dbd5; color: #333333; }

.touroption_row_box                     { border-top: 1px solid #ccc; }
.touroption_row                         { border-bottom: 1px solid #ccc; background-color: #F2F1EF;  }

/* 7. Booking process: shopping cart page, checkout, order summary page
-------------------------------------------------------------- */
/* Rules */
.shopcart_content .first,
.print_order_summary .first,
.tours_item,
.order_summary_item,
.print_order_summary_total,
.unresolved						{ border-top-width: 1px; border-style: solid; }

.shopcart_content .last,
.shopcart_item,
.checkout_traveler_list p       { border-bottom-width: 1px; border-style: solid; }

.checkout_traveler,
.checkout_contact,
.checkout_product_info,
.checkout_agent_details,
.checkout_creditcard,
.road_support,
.click_print_go,
.print_order_summary,
.print_payment_voucher          { border-bottom-width: 1px; border-style: solid; }

.checkout_product_info .first   { border: none; }

.title_hero .current_total { filter:alpha(opacity=90); } /* IE blurry text fix */


/* 8. Customer Voucher page
-------------------------------------------------------------- */
#voucher,
#voucher .voucher_item,
#voucher .voucher_item_details .voucher_important   { border-width: 1px; border-style: solid; }

#voucher h1,
#voucher .voucher_item_details .signature div       { border-bottom-width: 1px; border-style: solid; }

#voucher .voucher_item                              { border: 2px dashed #222222; }
#voucher .voucher_item_details                      { border-top: 1px solid #222; } /* rule under viator logo */
#voucher .voucher_item_details .signature div       { border-style: solid; }

#voucher .voucher_item_details .signature div       { border-color: #333333; }
#voucher .voucher_gift                              { border: 1px solid #222222; }
#voucher .voucher_viator_logo h2.voucher_sample     { color: #FF4444; }
.vap_container p.printnote { color: #FF4444; }

.sublang,
#voucher h3.lang                                    { color: #666; }

/* 9. Customer care page
-------------------------------------------------------------- */
/* faq */
.ccare ol li,
.ccare ul.faq_details li { border-bottom-width: 1px; border-style: solid; }


/* 14. New Pricing Calendar page
-------------------------------------------------------------- */
.traveler_num                   { background-color: #f2f1ef;  }
.pricing_calendar .dateheader   { background-color: #00759a; color: #fff; }
.pricing_calendar .dateheader p { border-color: #fff; border-right-width: 1px; border-style: solid; }

.pricing_calendar .touroption   { border: 1px solid #cac0b4; background-color: #f2f1ef; }
.pricing_calendar .touroption .optionprice { color: #00759a; }
.pricing_calendar .touroption.promo .optionprice { color: #d73722; }

.pricing_calendar .selected     { background-color: #00759a; }
.pricing_calendar .selected .touroption { background-color: #fff; border-color: #00759a; }

.pricing_calendar .tourdate .na { background: #e0e0e0 url(/images/pricingcalendar/na.gif) no-repeat scroll center center; }
.pricing_calendar .na           { color: #666; }
.pricing_calendar .questionmark { border: 1px solid #CAC0B4; }

/* 15. New Pricing Calendar page popups
-------------------------------------------------------------- */
.tours_calendar             { background-color: #fff; }
.cal_title                  { color: #00759a; }
.cal_action                 { color: #333; }
.cal_month                  { background-color: #d7d7d7; border: 1px solid #cac0b4; }
.cal_month h3               { color: #fff; background-color: #00759a; }
.cal_date                   { background-color: #555555; color: #fff; }
.cal_day span               { background-color: #ffffff; }
.cal_day .current           { color: #f58025; }
.cal_day .blank             { background-color: #d7d7d7; }
.cal_day .na                { background: #ffffff url(/images/pricingcalendar/cal_cross.gif) no-repeat scroll center center; }
.cal_popupmod               { background-color: #00759a; }
.cal_popupmod a.closecross  { color: #fff;  }
* html #mainContainer a.closecross { color: #fff; }
.cal_popupmod a.closecross:hover,
.cal_modheader              { color: #fff; }
.cal_modbody                { background-color: #fff; }
.cal_modfooter a            { color: #fff; }
#mainContainer .cal_modfooter a { color: #fff; }
.cal_pricelist p            { border-top: 1px solid #e0dbd5; }
.cal_pricelist p.bottom     { border-bottom: 1px solid #e0dbd5; }
.cal_modheader span         { border-left: 1px solid #fff; }
.selecttraveler             { border-bottom: 1px solid #d7d7d7; }
.selecttraveler em          { color: #666; }
.selecttraveler.last		{ border: 0 none; } 


/* 16. Pricing Calendar popup
-------------------------------------------------------------- */
#pricecal_popup                             { background-color: #f2f1ef; }
#pricecal_popup .pricecal_header            { background-color: #00759a; }
#pricecal_popup .pricecal_header h1         { color: #fff; }
#pricecal_popup .pricecal_header a.close    { color: #ffffff; }
#pricecal_popup .calendarbox                { background: #e0dbd5 url(/images/pricingcalendar/bg_calendarbox.gif) repeat-y scroll top right; border: 1px solid #e0dbd5; }

#pricecal_popup .touroptionlist p, 
#pricecal_popup .touroptionlist ul li           { border-bottom: 1px solid #fff; }
#pricecal_popup .touroptionlist ul li.selected, 
#pricecal_popup .touroptionlist ul li.selected a:hover { background-color: #fff; }
#pricecal_popup .touroptionlist ul li.selected  { background: #ffffff url(/images/pricingcalendar/arrow_left_grey.gif) no-repeat scroll right center; display: block; }
#pricecal_popup .touroptionlist ul li a:hover   { background-color: #e6e2dd; }
#pricecal_popup .touroptionlist ul em           { color: #333; }

#pricecal_popup .touroptiondetail               { background-color: #fff; }
#pricecal_popup .touroptiondetail h3            { color: #00759a; }
#pricecal_popup .touroptiondetail .descrip      { color: #666; }
#pricecal_popup .touroptiondetail h4            { border-top: 1px solid #e0dbd5; }
#pricecal_popup .touroptiondetail ul li         { background: transparent url(/images/pricingcalendar/blackdot.gif) no-repeat scroll 0 5px; }
#pricecal_popup .touroptiondetail ul li.first   { background-image: none; }
#pricecal_popup .touroptiondetail ul li.first span { color: #00759a; }

/* Calendar header title
------------------------------------------------------------------------*/
#pricecal_popup .calendardatehead a { background-color: #00759a; color: #ffffff; border: 1px solid #00759a;  }

/* Calendar normal day
------------------------------------------------------------------------*/
#pricecal_popup .daterow a { border: 1px solid #E0DBD5; }
#pricecal_popup .daterow a:hover { background-color: #E8F6F9; color: #ffffff; border: 1px solid #00759a; }
#pricecal_popup .daterow em { color: #00759A; }
#pricecal_popup .daterow strong { color: #333333; }

/* Calendar blank day
------------------------------------------------------------------------*/
#pricecal_popup .daterow a.blank { background-color: #ffffff; border: 1px solid #ffffff; }
#pricecal_popup .daterow a.blank:hover { border: 1px solid #ffffff; }

/* Calendar not avaibale day
------------------------------------------------------------------------*/
#pricecal_popup .daterow a.na { background-color: #dfd8d0; border: 1px solid #dfd8d0; color: #8f8880; }
#pricecal_popup .daterow a.na em { color: #999999; }
#pricecal_popup .daterow a.na strong { color: #999999; }

/* Calendar last minute day
------------------------------------------------------------------------*/
#pricecal_popup .daterow a.lm { background-color: #ffffff; border: 1px solid #E0DBD5; }
#pricecal_popup .daterow a.lm strong .phone { color: #d73722; }

/* Calendar selected day
------------------------------------------------------------------------*/
#pricecal_popup .daterow a.selected { background-color: #F58025; color: #FFFFFF; }
#pricecal_popup .daterow a.selected em { color: #FFFFFF; }
#pricecal_popup .daterow a.selected strong { color: #FFFFFF; }
#pricecal_popup .daterow a.selected { color: #ffffff;  background-color: #F58025; border: 1px solid #F58025; }



#pricecal_popup .popupclose                     { color: #fff; }

/*
**  REPLACED BY MGREENWOOD
.pricedetails { background-color: #f58025; }
.pricedetails .closelink { color: #fff; }
.pricedetailsbox { border-top: 1px solid #e0dbd5; }
.pricedetailsbox p { border-bottom: 1px solid #e0dbd5; }
.pricedetailsbox p span { border-right: 1px solid #e0dbd5; }
*/
.pricedetails               { background-color: #f58025; }
.pricedetails .closelink    { color: #fff; }
.pricedetails table         { border-top:1px solid #E0DBD5; }
.pricedetails table.priceGrid th, 
.pricedetails table.priceGrid td { border-bottom:1px solid #E0DBD5; }
.pricedetails table.priceGrid .age_band, 
.pricedetails table.priceGrid td { border-left:1px solid #E0DBD5; }
.pricedetails table.priceGrid em { color: #666; }

.cal_modbody .titlerow { background-color: #f2f1ef; }

.touroption_row { background: #ffffff url('/images/pricingcalendar/touroption_row.gif') repeat-y scroll left top; }
.touroption_text .languagetext { color: #888888; }


/* 17. SEO Pages
-------------------------------------------------------------- */
.ttd_intro { border-bottom: 1px solid #E0DBD5; }
.tileviewer { background-color: #FFFFFF; border: 3px solid #FFFFFF; }
.review_item .reviewer { color: #666666; }
.review_item .doingwhat span { color: #666666; }
.review_item .where span { color: #666666; }
.review_item.prod { border-top: 1px solid #E0DBD5; }
.tileviewer_box { background-color: #f2f1ef; }
.photo_item { border-top: 1px solid #E0DBD5; }
.vap_container .photo_item p.caption { color: #333333; }
.vap_container .photo_item p { color: #666666; }
.photo_dshadow img { border: 1px solid #00759a; }

/*  POPUPS:
    1. Price guide
-------------------------------------------------------------- */

/* 1. Price guide
-------------------------------------------------------------- */
.popup_priceguide table { border-width: 1px; border-style: solid; }
.popup_priceguide th.PricingGridHeader { border: 0;}

.popup_priceguide th.PricingGridXSortField1,
.popup_priceguide th.PricingGridYHeader,
.popup_priceguide th.PricingGridXSortField2 { border-bottom-width: 1px; border-style: solid; }

.popup_priceguide th,
.popup_priceguide td    { border-width: 0 1px 1px 0; border-style: solid;}


/* EOF */