/* -------------------------------------------------------------- 
typography.css
Description: This file handles all the typography. 
font-family, font-size, font-weight, line-height, text-decoration, text-align, vertical-align
-------------------------------------------------------------- */
body { 
font-size: 0.75em;
line-height: 1.5;
text-align: center; /* IE6 Fix */
}
p { text-align:left; }
/* Default fonts */
h1,h2,h3,
h4,h5,h6, 
body { font-family: 'Arial','Helvetica','Verdana',sans-serif; }
pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
address { font-weight: bold; font-style: normal;}
/* Headings
-------------------------------------------------------------- */
h1 { font-size: 2.5em; letter-spacing: -0.02em; line-height: 1.1; font-weight: normal; }
h2 { font-size: 1.67em; line-height: 1.25; font-weight: normal; }
h3 { font-size: 1em; }
h4 { font-size: 1.17em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 9px 0; }
p.last { margin-bottom:0; }
p img { float: left;}
a { text-decoration: none; }
a:hover { text-decoration: underline;}
ul, ol { margin: 0 0 9px 18px; }
* html ol, 
* html ul { margin-left: 23px; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 18px 0; }
dl dt { font-weight: bold; }
blockquote { margin: 0 0 18px 18px; font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
th { font-weight: bold; }
.container { text-align: left; }
p.small, small { font-size: 0.83em; letter-spacing: 0.03em;}
#crumbler, 
#global_utilities { font-size: 0.92em; }
#global_utilities { text-align: right; }
#crumbler h1 { font-size: 1em; }
#crumbler a.current, 
#crumbler h1.current,
#crumbler h2.current{ font-weight: bold; }
#crumbler h1 a, 
#crumbler h2 a { text-decoration: none; font-weight: bold; }
#crumbler h2 { font-size: 1em; }
#crumbler h2.prod_display a { font-weight: normal; }
#crumbler h2.prod_display a:hover { text-decoration: underline; }
#crumbler a.current { text-decoration: none; }
/* Forms
-------------------------------------------------------------- */
label { font-weight: bold; }
input, 
select, 
textarea, 
.btn button { font-size: 1em; font-family: 'Arial','Helvetica','Verdana',sans-serif; }
.btn button { font-weight: bold; }
.checkbox { background: transparent; }
button.bigger { font-size: 1.17em; font-weight: bold; }
/* Headers & footers
-------------------------------------------------------------- */
#header,
#global_footer { text-align: left; }
#footer { font-size: 0.83em; letter-spacing: 0.03em; text-align: center; }
#footer p { text-align: center; }
/* Title module
-------------------------------------------------------------- */
.content_title h1 { font-size: 2.1em; }
.content_title p { font-size: 1.33em; line-height: 1.33; }
.content_title .booking_process a { text-decoration: underline; }
.content_title .booking_process a:hover { text-decoration: none; }
.title_hero h1.ttd { font-size: 1.33em; line-height: 1.33; }
.title_hero h2.ttd,
.title_hero h2.supergroup,
.title_hero h2.group { font-weight: normal; letter-spacing: -0.02em; font-size: 2.1em; line-height: 1.1; }
/* Tabs and Subnav
-------------------------------------------------------------- */
#nav { line-height: 1.5em;}
#nav li { text-align: center; }
#nav a { text-decoration: none; font-size: 0.92em;}
#nav .activelink, 
#content_subnav a { font-size: 1em; }
#nav .activelink, 
#content_subnav .activelink { font-weight: bold; text-decoration: none; }
#nav a:hover, 
#content_subnav a { text-decoration: underline; }
#nav .activelink:hover,
#content_subnav a:hover { text-decoration: none; }
/* Modules
-------------------------------------------------------------- */
.module_header h3,
.module_header h2 { font-weight: bold; }
.module_header h2 { font-size: 1em; line-height: 1.5; }
.module_body { font-size: 0.92em; }
/* Side modules
-------------------------------------------------------------- */
.cart_list .list_number { font-weight: bold; }
.cart_item_title { text-decoration: none; font-weight: bold; }
.cart_item_title:hover { text-decoration: underline; }
.categories .activelink { font-weight: bold; text-decoration: none; }
.categories .activelink li { font-weight: normal; }
.categories span { font-weight: bold; }
.pas label,
.search label { font-weight: normal; }
.pas_activities { text-align: left; }
/* lhs top sellers */
.column .top_sellers .module_body { text-align: center; }
.column .top_sellers ol { text-align: left; }
/* lhs traveler picks */
.picks a.product_link { text-decoration: none; font-weight: bold; }
.picks a:hover.product_link {text-decoration: underline; }
/* lhs why book */
.why_book strong { display: block; }
/* lhs top five */
.top_five img.top_five_ribbon { border: none; }
.top_rated_image, .latest_tours_image { text-align: center; }
/* MODULES
1. Product
2. Pagination, sort and print-email
3. Back to top
4. Booking Process Header
5. Error
6. Close window
7. Required info
8. Main box
9. Calendar
10. Misc popups
-------------------------------------------------------------- */
/* 1. Product module
-------------------------------------------------------------- */
.product a { text-decoration: none; }
.product a:hover { text-decoration: underline; }
.product_extract a { font-size: 0.92em; }
.product_price { font-weight: bold; text-align: right; }
.product_price em { font-size: 2em; font-style: normal; line-height: 1.2; }
.product_price em span { font-size: 0.5em; vertical-align: 0.75em; } /* currency symbol */
.product_price strong { font-style: italic; }
.product_price del { font-weight: bold; }
.star_rating { font-size: 0.92em; }
.star_rating a { font-weight: bold; }
/* 2. Pagination, sort and print-email module
-------------------------------------------------------------- */
.sort, 
.print_email, 
.pagination { font-size: 0.92em; line-height: 2; }
.sort .activelink, 
.pagination .activelink, 
.sort .activelink a { font-weight: bold; text-decoration: none; }
/* 3. Back to top module
-------------------------------------------------------------- */
.back_to_top { text-align: right; }
.back_to_top a { font-size: 0.92em; } 
/* 4. Booking process header module
-------------------------------------------------------------- */
#booking_steps dt { font-size: 1.18em; }
#booking_steps dd { font-style: italic; }
#booking_steps dd em { font-style: normal; font-size: 1em; font-weight: bold;}
.current_total { font-weight: bold; font-size: 1.17em; text-align: right; line-height: 20px; }
.current_total span.price { font-size: 2em; line-height: 1.2;}
.current_total .price em { font-size: 0.47em; vertical-align: 0.75em; font-style: normal; }
/* 5. Error module
-------------------------------------------------------------- */
.module_error p { font-size: 1em; }
h2.error_list, 
.module_error .module_header h1,
.module_error .module_body h1, 
.module_error .module_body h2 { font-size: 1em; font-weight: bold; }
/* 6. Close window module
-------------------------------------------------------------- */
#close { font-weight: bold; text-align: center; }
#close a { text-decoration: underline; }
#close a:hover { text-decoration: none; }
/* 7. Required info module
-------------------------------------------------------------- */
/* 8. Main box module
-------------------------------------------------------------- */
.main_box h2 { font-size: 1.42em; font-weight: bold; }
/* 9. Calendar module
-------------------------------------------------------------- */
.calendar_content a { text-decoration: none; }
.calendar_content p { font-weight: bold; text-align: center; }
.calendar_content p span a { font-size: 1.17em; }
.calendar_content table th, 
.calendar_content table td { border: 0; text-align: center; }
.calendar_content table { border: 0; }
.calendar_content .calendar h3 { line-height: 1.5; font-weight: bold; }
.calendar_content .prev { text-align: left; }
.calendar_content .next { text-align: right; }
.calendar_content .prev, 
.calendar_content .next { font-weight: bold; } 
.calendar_content .prev a:hover, 
.calendar_content .next a:hover { text-decoration: underline; }
.calendar_content a.arrow:hover { text-decoration: none; }
.calendar_content .calendar_nav,
.month_grid tr.date_head { font-size: 0.92em; }
.month_grid tr { font-size: 0.83em; }
.month_grid tr td.unavail { background: transparent url('/images/general/calendar-na.gif') no-repeat center center; }
/* 10. Misc popups module
-------------------------------------------------------------- */
.popup { text-align: center; }
.popup h2 { font-size: 1.17em; font-weight: bold; }
.popup_header h1 { text-align: left; font-size: 1.67em; font-weight: bold; }
.popup_body { text-align: left; }
.popup_item_box h2 { font-size: 1.42em; font-weight: bold; }
.popup_item_detail ul, 
.popup_item_detail ul li { list-style-type: none; }
.popup_item_detail ul { font-weight: bold; }
.popup_item_detail ul li span, 
.popup_item_detail ul li span ul { font-weight: normal; }
.popup_item_footer p { font-weight: bold; text-align: right; }
/* PAGES
1. Things to do
2. What's popular
3. 
4. View all destinations
5. Search results
6. Product display
7. Shopping cart
8. Check Out
9. Order Summary / Print Vouchers
10. Customer Voucher
11. Home
12. Customer care 
-------------------------------------------------------------- */
/* 1. Things to do page
-------------------------------------------------------------- */
.group_category { font-size:1.67em; font-weight:normal; line-height:1.25; }
.activities_dates strong { font-size: 1.17em;}
.activities_dates a { text-decoration: none; }
.activities_dates a:hover { text-decoration: underline; }
/* 2. What's popular page
-------------------------------------------------------------- */
a.view_all_links { font-weight: bold; }
.whats_popular_content h1 { font-size: 1.67em; }
.whats_popular_content a { text-decoration: none; }
.whats_popular_content a:hover { text-decoration: underline; }
.whats_popular h2 { font-size: 1.5em; }
.whats_popular ol { font-weight: bold; }
.whats_popular ol li a { font-weight: normal; }
/* 4. View all destinations page
-------------------------------------------------------------- */
.vad a { text-decoration: none; }
.vad a:hover { text-decoration: underline; }
.vad ul .last { border: none; }
.vad ul li { list-style-type: none; }
.vad ul li ul { margin-right: 0;}
.vad ul li ul li { font-weight: bold; }
.vad ul li ul li a { font-weight: normal; }
.vad ul li p { font-weight: bold; font-size: 14px; }
.vad ul li li p { font-size: 12px; } 
/* 5. Search results page
-------------------------------------------------------------- */
.no_tabs .keyword { font-weight: bold; }
.dest_results a { text-decoration: none; }
.dest_results a:hover { text-decoration: underline; }
.dest_results ol li ul li { list-style-type: none; }
/* 6. Product display page
-------------------------------------------------------------- */
.product_display_content h3 { font-size: 1.67em; font-weight: normal; }
.product_display_content #quote h3, 
.product_display_content #pricing h3 { font-size: 1.17em; font-weight: bold; }
/* content title */
.product_display_title h1 { font-size: 2em; }
/*.product_display_title a { text-decoration: none; }*/
.product_display_title .product_price { font-size: 1.17em; }
.product_display_title .product_price a { font-size: 0.86em; text-decoration: underline; }
.product_display_title .product_price a:hover { text-decoration: none;}
.product_display_title .product_price em { font-size: 2.14em; }
.product_display_hero ul li { line-height: 1.3; font-size: 1.17em; }
.add_box { text-align: center; }
/* product display rhs*/
#quote { font-size: 0.92em; }
#quote h3 { font-weight: bold; }
#quote a { text-decoration: underline; font-weight: normal; }
#quote a:hover { text-decoration: none; }
#quote .subtitle { font-size: 1em; }
#quote ol li { list-style-position: inside; font-weight: bold; }
#quote ol li select, 
#quote ol li input,
#quote label { font-weight: normal; }
#quote input, 
#quote select,
#quote .one img { vertical-align: middle; }
#quote .nb, .nb p { text-align: center; }
/* product display left hand side*/
.copy { font-size: 0.83em; line-height: 1.25; }
#pricing .module_body { font-size: 1em; }
.selectDateLink a { text-decoration: underline; }
.selectDateLink a:hover { text-decoration: none; }
/* 7. Shopping cart page
-------------------------------------------------------------- */
.shopcart_content a { text-decoration: none; }
.shopcart_content a:hover { text-decoration: underline; }
.shopcart_content h3 { font-weight: bold; }
.continue_shop { font-size: 1.25em; font-weight: bold; }
.shopcart_item_actions { text-align: right; }
.shopcart_item_summary dd em { font-size: 0.92em; line-height: 1.2; }
.shopcart_item_summary h3 a { font-weight: normal; font-size: 1.67em; line-height: 1.25; }
.shopcart_item_actions { font-size: 0.92em; }
.shopcart_item_actions ul { list-style-type: none; }
.shopcart_item_gift label { cursor: pointer; font-size: 0.92em; }
.shopcart_item_giftdetails label { font-size: 0.92em; font-weight: normal;}
.shopcart_item .product_price em { font-size: 1.67em; line-height: 1.2; }
/* 8. Check Out page
-------------------------------------------------------------- */
.checkout_content h2 { font-weight: normal; }
.checkout_content h2.error_list { font-weight: bold; }
.checkout_content a { text-decoration: underline; }
.checkout_content a:hover { text-decoration: none; }
.note h3 { font-weight: bold; }
.note ul { font-size: 0.92em; }
.note em { font-style: normal; }
.checkout_content .checkout_creditcard em { font-style: normal; font-weight: bold; }
.tours_item h3 { font-size: 1.08em; }
.tours_item textarea { font-size: 0.92em; font-style: italic; }
/* Checkout Traveler details */
.checkout_traveler_header .traveler_index { text-align: center; }
.checkout_creditcard .billing_address label { font-size: 0.92em; }
.checkout_product_info p label { font-size: 0.92em; font-weight: normal; }
.checkout_contact label,
.checkout_product_info label,
.checkout_creditcard label,
.cell_details label { text-align: right; }
.checkout_content .checkout_input_header label, 
.checkout_creditcard .billing_address label { text-align: left; }
/* Checkout Policy */
#checkout_policy_details { font-weight: bold; text-align: right; }
/* 9. Order Summary / Print Vouchers page
-------------------------------------------------------------- */
.click_print_go .btn button { font-size: 2em; }
.click_print_go .print_voucher_btn p { font-size: 1.17em; font-weight: bold; }
.click_print_go .print_voucher_btn, 
.click_print_go .print_voucher_btn p { text-align: center; }
.print_order_summary h3 { font-weight: bold; }
.print_order_summary h3 span { font-weight: normal; }
.print_order_summary_total { font-size: 1.17em; font-weight: bold; text-align: right; }
.print_order_summary_total p { text-align: right; }
.order_summary_details .order_summary_status p { font-weight: bold; text-align: center;}
.order_summary_details .order_summary_status a { font-size: 12px; text-decoration: underline; }
.order_summary_details .order_summary_status a:hover { text-decoration: none; }
.order_summary_details dl dt.product_name { font-size: 1.17em; line-height: 1.3; }
.order_summary_status p a { font-size: 0.92em; }
.print_payment_voucher dt { font-weight: bold; text-align: right; }
/* 10. Customer Voucher page
-------------------------------------------------------------- */
#voucher .voucher_alert p { font-size: 1.17em; font-weight: bold; text-align: center; }
#voucher .voucher_alert .btn button { font-size: 2em; }
#voucher h3 { font-size: 1.17em; font-weight: bold; }
#voucher .voucher_viator_logo h2,
#voucher .voucher_info ul li,
#voucher .voucher_payment dt,
#voucher .voucher_item_details dt { font-weight: bold; }
#voucher .voucher_item_details h3 { font-size: 1.5em; line-height: 1.3; }
/* 11. Home page
-------------------------------------------------------------- */
.home .content_title .welcome_header { font-size: 2.5em; letter-spacing: -0.02em; line-height: 1; }
.home .content_title .welcome_subtext { font-size: 1.33em;; font-weight: bold; }
.home_content a { text-decoration: none; }
.home_content a:hover { text-decoration: underline; }
.home_deals h3 { font-size: 1.5em; font-weight: normal; line-height: 1.2; }
.home_featured ul { list-style-type: none; }
.home_deals p, 
.home_picks .module_body,
.home_featured .module_body,
.home_quicklinks .module_body { font-size: 1em; }
.home_picks a.product_link,
.home_featured a.product_link, 
.home_quicklinks .home_quicklinks_header span.home_quicklinks_cities,
.home_quicklinks .home_quicklinks_header span.home_quicklinks_countries { font-weight: bold; }
/* 12. Customer care page
-------------------------------------------------------------- */
.ccare_content h2 { font-size: 1.42em; font-weight: bold; }
.ccare_content a { text-decoration: none; }
.ccare_content a:hover { text-decoration: underline; }
/* ccare */
.ccare h3 { font-size: 1.17em; font-weight: bold; line-height: 1.2; }
.ccare_form label { text-align: right; }
.ccare_form input, 
.ccare_form textarea, 
.ccare_form select { font-size: 1em; }
/* faq */
.ccare ul.faq_details { list-style-type: none; }
.ccare ul.faq_details li { font-weight: bold; }
.ccare ul.faq_details li a { font-weight: normal; }
.cc_helpnote .module_header h3 { font-size: 1.17em; line-height: 1.5; border: none; }
.cc_helpnote .module_body { font-size: 1em; }
.ccare p.back_to_faq { font-weight: bold; font-size: 0.92em; text-align: right; }
/* privacy policy */
.jump_to .module_header h3 { font-size: 1.17em; border: none; }
.jump_to .module_body { font-size: 1em; }
.jump_to .module_body ul li { border: none; list-style-type: none; font-weight: bold; }
.jump_to .module_body ul li a { font-weight: normal; }
/* terms */
.ccare ol li ol { list-style-type: none; }
.ccare .cc_terms ol li { border: none; }
/* POPUPS
1. Price guide
2. Maps 
-------------------------------------------------------------- */
/* 1. Price guide
-------------------------------------------------------------- */
.popup_priceguide table { font-size: 1em; text-align: left; }
.popup_priceguide p { text-align: center; }
/* 2. Maps
-------------------------------------------------------------- */
#map .popup_body { text-align: center; }
/* EOF */
/* color_default.css 
THEME NAME: DEFAULT
DESCRIPTION: Uses viator colours
COLORS USED:
#00759A LOGO BLUE: link text color, module header background, header background, footer background, calendar month background
#F58025 ORANGE: button background, booking process header background , alternate links, active subnav text
#CAC0B4 MOCHA: title module background
#E0DBD5 BEIGE 1 (DARK): side column background, product display subnav background, product rules, table borders
#D1CCC6 BEIGE 2 (MEDIUM): site background
#F2F1EF BEIGE 3 (LIGHT): module body background, jump to module background, main module header background
#333333 GREY 1 (DARK): body text 
#666666 GREY 2 (MEDIUM): product image copy text, calendar days background, checkout section rules
#FFFFFF WHITE: header text, footer text, module header text, button text, booking process header text, selected tab background
*/
/* #############################################################################################################################################
NOTE:
The section below specifies text colors, border colors and background colors
################################################################################################################################################ */
/* LINK TEXT COLOR
-------------------------------------------------------------- */
a, a:link, a:visited, a:hover, #crumbler h2.prod_display a, #nav .activelink, #nav .activelink:hover, .categories span, .jump_to .module_header h3, .jump_to .module_body ul li, .product_display_content h3, .product_price, .shopcart_item_gift label, .vad ul li ul li { 
color: #00759A; 
background-color: transparent; 
} 
a img { 
border-color: #00759A; /* it is recommended this is the same as the link color */
} 
/* ACTIVE TEXT COLOR
-------------------------------------------------------------- */
#crumbler h1 a, #crumbler h2 a, #crumbler a.current, #content_subnav .activelink, .calendar_content .selected, .cart p a.actionlink, .cart p .actionlink:hover, .click_print_go .print_voucher_btn p, .note em, .pagination .activelink, .popup_item_box .price, .sort .activelink, .sort .activelink a, .sort .activelink a:link, .sort .activelink a:visited, .sort .activelink a:hover { 
color: #F58025; 
background-color: transparent; 
}
/* CONTENT TITLE BORDER COLOR
-------------------------------------------------------------- */
.title_hero, .product_display_hero, #content_tabs, #content_subnav, .product_display_title #content_tabs, .no_tabs .title_hero, #content_subnav li { 
border-color: #CAC0B4; 
}
/* BORDER COLOR
-------------------------------------------------------------- */
td.borders, .checkout_traveler_list p, .tours_item, .cart_list, .main_box, .main_box h2, .order_summary_item, .pagination, .popup_item_box, .popup_item_box h2, .popup_priceguide table, .popup_priceguide th, .popup_priceguide td, .popup_priceguide th.PricingGridXSortField1, .popup_priceguide th.PricingGridXSortField2, .popup_priceguide th.PricingGridYHeader, .PricingGridHeader, .product, .search_results_content .dest_results, .shopcart_content .first, .shopcart_content .last, .shopcart_item, .whats_popular img, .whats_popular_title, #interstitial div { 
border-color: #E0DBD5; 
} 
/* BODY TEXT COLOR
-------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, #product_display_rhs label, #product_display_rhs .subtitle, .cc_helpnote .module_header h3, .vad ul li p, .shopcart_item .product_price, .group_category a, .group_category a:link, .group_category a:hover, .group_category a:active { 
color: #333333; 
background-color: transparent; 
} 
/* BODY TEXT COLOR LIGHT
-------------------------------------------------------------- */
.product_image .copy { 
color: #666666; 
background-color: transparent; 
} 
/* SECTION DIVIDER ON BOOKING PAGES
-------------------------------------------------------------- */
.checkout_creditcard, .checkout_contact, .checkout_product_info, .checkout_traveler, .click_print_go, .print_order_summary, .print_payment_voucher { 
border-color: #666666; 
} 
/* HEADER & FOOTER TEXT COLOR
-------------------------------------------------------------- */
#header, .footer_html, #footer a, #header h1, #header a, #nav a, #product_display_rhs h3, #quote .nb, #quote .nb a, .calendar_content .calendar h3, .module_header h3, .module_header h2, .month_grid a:hover, .PricingGridHeader { 
color: #FFFFFF; 
background-color: transparent; 
} 
#global_footer a, #global_footer a:hover { color: #333333; }
.home_quicklinks_countries { 
border-color: #FFFFFF; /* it is recommended this is the same colour as page background color */
} 
/* BUTTON TEXT COLOR
-------------------------------------------------------------- */
#crumbler #booking_steps, .btn button, .calendar_content p, .calendar_content p span a, .calendar_content p span a, .calendar_content p span a:hover, .calendar_content p span a:visited, .popup_header h1 { 
color: #FFFFFF; /* it is recommended that this remains a light color eg. white */
background-color: transparent; 
}
/* NOTE:
The section below specifies background colors
-------------------------------------------------------------- */
/* HEADER, FOOTER, MODULE BACKGROUND COLOR
-------------------------------------------------------------- */
#footer .footer_html, .header_logo, #nav a, #quote, #quote .nb, .calendar_content .calendar h3, .module_header, .PricingGridHeader { 
background-color: #1886bd; 
} 
/* BUTTON BACKGROUND COLOR
-------------------------------------------------------------- */
#crumbler #booking_steps, .btn, .calendar_content, .month_grid a:hover, .popup_header { 
background-color: #74c843; 
} 
/* CONTENT TITLE BACKGROUND COLOR
-------------------------------------------------------------- */
#content_tabs, .title_hero, .title_hero .current_total { 
background-color: #CAC0B4; 
}
/* SIDE COLUMN BACKGROUND COLOR
-------------------------------------------------------------- */
#left, .home_quicklinks_cities, .home_quicklinks_countries, .popup_item_footer, .product_display_title #content_subnav, .product_display_title #nav .activelink, .product_display_title #nav .activelink:hover, .shopcart_item_gift, .shopcart_item_giftdetails, .whats_popular_title { 
background-color: #E0DBD5; 
} 
/* SHOPPING CART GIFT MODULE BACKGROUND COLOR
-------------------------------------------------------------- */
.shopcart_item_gift, .shopcart_item_giftdetails { 
background-color: #E0DBD5; /* it is recommended to specify a color that is different to the body background color */
} 
/* BODY BACKGROUND
-------------------------------------------------------------- */
body { 
background-color: #FFFFFF; 
} 
/* INFO BOX BACKGROUND COLOR
-------------------------------------------------------------- */
.add_box, .cc_helpnote .module_header, .jump_to .module_header, .main_box h2, .module_body, .order_summary_item, .popup_item_box, .popup_item_box h2, .PricingGridYHeader, .PricingGridYSortField1, .product.alt, .quote_body, .shopcart_item, #interstitial div { 
background-color: #F2F1EF; 
} 
/* SUBNAV BACKGROUND COLOR
-------------------------------------------------------------- */
#content_subnav, #nav .activelink:hover, #nav li#customer_care .activelink, #nav li#faq .activelink, #nav li#privacy_policy .activelink, #nav li#terms_conditions .activelink, #nav .activelink, .order_summary_details, .popup_body, .popup_item_detail, .popup_priceguide table, .product, .product_display_hero, .product_display_title #content_tabs, .shopcart_item_summary { 
background-color: #FFFFFF; 
} 
/* PAGE BACKGROUND */
.container, #header, #footer { background-color: #FFFFFF; }
/* #############################################################################################################################################
NOTE:
Customize individual elements below by adding a HEX value after the property and removing the comments inside the curly brackets
################################################################################################################################################ */
body { 
/* background-color: ; */ /* background color of whole page */
/* color: ; */ /* text color */
}
a, 
a:link, 
a:visited, 
a:hover { /* color: ; */ } /* link color */
a img { /* border-color: ; */ } /* border color of linked images */
h1, h2, h3, 
h4, h5, h6 { /* color: ; */ } /* text color of headings */
.container { /* background-color: ; */ } /* background color of content */
#crumbler h2 a { /* color: ; */ }
#left { /* background-color: ; */ } /* background color of left column*/
.btn { /* background-color: ; */ } /* background color of buttons */
.btn button { /* color: ; */ } /* text color of buttons */
/* Headers & footers
-------------------------------------------------------------- */
.header_logo, 
#footer .footer_html { /* background-color: ; */ } /* background color of header and footer */
#header, 
#header h1, 
#header a, 
#footer, 
#footer a { /* color: ; */ } /* text color inside header and footer */
/* Title module
-------------------------------------------------------------- */
.content_title h1, 
.content_title p { /* color: ; */ } /* text color inside main title header */ 
.title_hero, 
#content_tabs { /* background-color: ; */ } /* background color of main title header */
#content_tabs, 
#content_subnav, 
#content_subnav li, 
.no_tabs .title_hero,
.product_display_hero, 
.product_display_title #content_tabs,
.title_hero { /* border-color: ; */ } /* border color of main title header */
/* Tabs and Subnav
-------------------------------------------------------------- */
#nav a { /* background-color: ; color: ; */ } /* background and text color of tabs */
#nav .activelink, 
#content_subnav { /* background-color: ; */ } /* background color of active tab and subnav */
#nav .activelink, 
#nav .activelink:hover { /* color: ; */ } /* text color of active tab */
#content_subnav .activelink { /* color: ; */ } /* text color of active subnav */
/* Modules
-------------------------------------------------------------- */
.module_header { /* background-color: ; */ } /* background color of module header */
.module_header h3,
.module_header h2 { /* color: ; */ } /* text color of module header */
.module_body,
.jump_to .module_header,
.cc_helpnote .module_header { /* background-color: ; */ } /* background color of module body */
/* side modules */
.cart_list { /* border-color: ; */ }
.cart p a.actionlink, 
.cart p .actionlink:hover { /* color: ; */ } /* text color of remove links in shopping cart module */
/* MODULES
1. Booking process header
2. Calendar
3. Main box
4. Misc popups
5. Product
-------------------------------------------------------------- */
/* 1. Booking process header module
-------------------------------------------------------------- */
#crumbler #booking_steps { /* color: ; background-color: ; */ } /* text color and background color of booking process */
/* 2. Calendar module
-------------------------------------------------------------- */
.calendar_content { /* background-color: ; */ } /* background color of whole calendar module */
.calendar_content .calendar h3, 
.calendar_content .calendar th, 
.calendar_content p,
.calendar_content p span a,
.calendar_content p span a:hover,
.calendar_content p span a:visited,
.month_grid a:hover { /* color: ; */ } /* text color of calendar headers */
.calendar_content table { /* background-color: ; */ }
.calendar_content .calendar h3 { /* background-color: ; */ } /* background color of month header */
.calendar_content .month_grid_border,
.calendar_content .month_grid th, 
.calendar_content .calendar h3 { /* border-color: ; */ } /* background color of days */
.calendar_content .selected,
.month_grid a:hover { /* background-color: ; */ } /* background color of selected date and hover background colour */
/* 3. Main box module
-------------------------------------------------------------- */
.main_box, 
.main_box h2 { /* border-color: ; */ }
.main_box h2 { /* background-color: ; color: ; */ }
/* 4. Misc popups module
-------------------------------------------------------------- */
.popup_header { /* background-color: ; */ }
.popup_header h1 { /* color: ; */ }
.popup_body, 
.popup_item_detail { /* background-color: ; */ }
.popup h2 { /* color: ; */ } /* text color of popup headings */
/* shopping cart popup */
.popup_item_box,
.popup_item_box h2 { /* background-color: ; color: ; border-color: ; */ }
.popup_item_box .price { /* color: ; */ }
.popup_item_footer { /* background-color: ; */ }
/* 5. Product 
-------------------------------------------------------------- */
.product, 
.pagination { /* border-color: ; background-color: ; */ }
.product.alt { /* background-color: ; */ }
.product_price { /* color: ; */ }
.sort .activelink, 
.pagination .activelink, 
.sort .activelink a { /* color: ; */ }
.back_to_top a, .selectDateLink a {
background:transparent url(images/icon_btop.gif) no-repeat scroll left center;
}
/* PAGES:
1. Booking process: shopping cart page, checkout, order summary page
2. Customer care 
3. Home page
4. Product display
5. Search results
6. View all destinations
7. What's popular
-------------------------------------------------------------- */
/* 1. Booking process: shopping cart page, checkout, order summary page
-------------------------------------------------------------- */
.checkout_traveler_list p,
.tours_item, 
.order_summary_item, 
.shopcart_content .first,
.shopcart_content .last,
.shopcart_item { /* border-color: ; */ }
.click_print_go, 
.checkout_creditcard,
.checkout_product_info, 
.checkout_contact, 
.checkout_traveler, 
.print_order_summary, 
.print_payment_voucher { /* border-color: ; */ }
.order_summary_item, 
.shopcart_item { /* background-color: ; */ } /* background for price column on booking process tables */
/* is this a gift moddule */
.shopcart_item_gift,
.shopcart_item_giftdetails { /* background-color: ; */ }
.shopcart_item_gift label { /* color: ; */ }
.shopcart_item_summary { /* background-color: ; */ }
/* Check Out page */
.note h3, .note em { /* color: ; */ }
/* Order summary page */
.click_print_go .print_voucher_btn p { /* color: ; */ }
.order_summary_details { /* background-color: ; */ }
/* 2. Customer care
-------------------------------------------------------------- */
#nav li#customer_care .activelink,
#nav li#faq .activelink,
#nav li#privacy_policy .activelink,
#nav li#terms_conditions .activelink { /* background-color: ; */ }
/* faq */
.cc_helpnote .module_header h3 { /* color: ; */ }
.jump_to .module_header h3,
.jump_to .module_body ul li { /* color: ; */ }
/* 3. Home page
-------------------------------------------------------------- */
.home .module_header { /* background-color: ; */ }
.home_quicklinks_cities,
.home_quicklinks_countries { /* background-color: ; */ } /* background color of quicklinks headers */
.home_quicklinks_countries { /* color: ; */ }
/* 4. Product display page
-------------------------------------------------------------- */
/* product display details */
.product_display_hero,
.product_display_title #content_tabs { /* background-color: ; */ }
.product_display_title #content_subnav, 
.product_display_title #nav .activelink { /* background-color: ; */ } /* color of tab and subtab*/
/* product display rhs*/
#product_display_rhs .subtitle,
#product_display_rhs label { /* color: ; */ }
#product_display_rhs h3,
#quote .nb, 
#quote .nb a { /* color: ; */ }
#quote, #quote .nb { /* background-color: ; */ }
#quote ol li { /* color: ; */ } /* color of numbers */
.quote_body, .add_box { /* background-color: ; */ }
.product_image .copy { /* color: ; */ }
#pricing h3 { /* color: ; */ }
#pricing .module_header { /* background-color: ; */ }
#pricing .module_body { /* background-color: ; */ }
/* 4. Search results
-------------------------------------------------------------- */
.search_results_content .dest_results { /* border-color: ; */ }
/* 5. View all destinations
-------------------------------------------------------------- */
.vad ul li p { /* color: ; */ }
.vad ul li ul li { /* color: ; */ } /* color of bullets */
/* 6. What's popular
-------------------------------------------------------------- */
td.borders,
.whats_popular_title,
.whats_popular img { /* border-color: ; */ }
.whats_popular_title { /* background-color: ; */ }a
/* POPUPS:
1. Price guide 
-------------------------------------------------------------- */
/* 1. Price guide
-------------------------------------------------------------- */
.popup_priceguide table,
.popup_priceguide th, 
.popup_priceguide td,
.PricingGridHeader,
.popup_priceguide th.PricingGridXSortField1, 
.popup_priceguide th.PricingGridYHeader, 
.popup_priceguide th.PricingGridXSortField2 { /* border-color: ; */ }
.popup_priceguide table { /* background-color: ; */ } /* background color of table body */
.PricingGridHeader { /* background-color: ; color: ; */ } /* background color of table header */
.PricingGridYHeader, 
.PricingGridYSortField1 { /* background-color: ; */ } /* background color of row header*/
/* EOF */