/* 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, .vap_container a, .vap_container a:link, .vap_container a:visited, .vap_container a:hover, .vap_popup a, .vap_popup a:link, .vap_popup a:visited, .vap_popup a:hover, #global_utilities a, #global_utilities a:link, #global_utilities a:visited, #global_utilities 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: #1a5c8b;
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 h3, .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; 
} 
/* BORDER COLOR LIGHT
-------------------------------------------------------------- */
.cart_list_item, .vad_content ul li, #quote ol li, .ccare ol li, .ccare ul.faq_details li { 
border-color: #EEEEEE; 
}
/* 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 {
color: #333333;
background-color: #FFFFFF;
} 
/* 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
-------------------------------------------------------------- */
#vap_header .header_logo, #vap_footer .footer_html, #vap_footer a, #vap_header h1, #vap_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: #c74b00;
background-color: #ffeaa8;
} 
#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
-------------------------------------------------------------- */
#vap_footer .footer_html, #vap_header .header_logo, #nav a, #quote, #quote .nb, .calendar_content .calendar h3, .module_header, .PricingGridHeader {
background-color: #fbd895;
} 
/* BUTTON BACKGROUND COLOR
-------------------------------------------------------------- */
#crumbler #booking_steps, .btn, .calendar_content, .month_grid a:hover, .popup_header { 
background-color: #F58025; 
} 
/* 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: #f6f0ea; border: solid 1px #e4dcd2;
} 
/* 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: #ffffff;
} 
/* 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, .cart_list { 
background-color: #FFFFFF;
} 
/* PAGE BACKGROUND */
.vap_container, #vap_header, #vap_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, 
.vap_container a, 
.vap_container a:link, 
.vap_container a:visited, 
.vap_container a:hover, 
.vap_popup a, 
.vap_popup a:link, 
.vap_popup a:visited, 
.vap_popup a:hover, 
#global_utilities a, 
#global_utilities a:link, 
#global_utilities a:visited, 
#global_utilities a:hover, 
#crumbler h2.prod_display a, 
#nav .activelink, 
#nav .activelink:hover { /* color: ; */ } /* link color */
a img { /* border-color: ; */ } /* border color of linked images */
h1, h2, h3, 
h4, h5, h6 { /* color: ; */ } /* text color of headings */
.vap_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, 
#vap_footer .footer_html { /* background-color: ; */ } /* background color of header and footer */
#vap_header, 
#vap_header h1, 
#vap_header a { /* color: ; */ } /* text color inside header */
#vap_footer, 
#vap_footer a,
#vap_footer a:link,
#vap_footer a:visited,
#vap_footer a:hover,
.footer_html a,
.footer_html a:link,
.footer_html a:visited,
.footer_html a:hover { /* color: ; */ } /* text color inside 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: ; background-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: ; */ }
.vap_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: ; border-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: ; */ }
/* 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 */