/* 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
#FFCC33 Chicago yellow
*/
/* #############################################################################################################################################
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: #000000; 
background-color: transparent; 
} 
a img { 
border-color: #000000; /* 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: #ffcc33; 
} 
/* BUTTON BACKGROUND COLOR
-------------------------------------------------------------- */
#crumbler #booking_steps, .btn, .calendar_content, .month_grid a:hover, .popup_header { 
background-color: #000000; 
} 
/* 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: #ffcc33; 
} 
/* 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: ; */ }
/* 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*/
New part to add before EOF
/* SALES POINTS */
.salespoint {
background-color: #FFED6D;
border: 1px solid #e6d5ac;
}
/* New Pricing Calendar Pages and Popups
-------------------------------------------------------------- */
.cal_modheader span { border-left: 1px solid #FFFFFF; }
#pricecal_popup,
#pricecal_popup .daterow .na,
.traveler_num { background-color: #F2F1EF; }
#pricecal_popup .pricecal_header,
#pricecal_popup .pricecal_header h1,
#pricecal_popup .pricecal_header a.close,
#pricecal_popup .calendardatehead span,
#pricecal_popup .daterow .selected,
#pricecal_popup .daterow .selected em,
#pricecal_popup .daterow .selected strong,
#pricecal_popup .daterow .selected:hover,
.pricedetails .closelink,
.pricing_calendar .dateheader, 
.cal_modheader, 
.cal_popupmod .closecross,
.cal_modfooter .btn button, 
#mainContainer .cal_modfooter a { color: #FFFFFF; }
#pricecal_popup .touroptionlist ul li.selected,
#pricecal_popup .touroptiondetail,
.touroption_text { background-color: #FFFFFF; }
#pricecal_popup .touroptiondetail h3,
#pricecal_popup .touroptiondetail ul li.first span,
#pricecal_popup .daterow em,
.pricing_calendar .touroption .optionprice { color: #000000; }
#pricecal_popup .pricecal_header,
#pricecal_popup .calendardatehead span,
.pricing_calendar .selected,
.pricing_calendar .dateheader,
.cal_popupmod { background-color: #FFCC33; }
#pricecal_popup .daterow .selected,
#pricecal_popup .daterow .selected:hover,
.pricedetails,
.cal_modfooter .btn { background-color: #000000; }
#pricecal_popup .calendarbox,
#pricecal_popup .touroptiondetail h4,
#pricecal_popup .daterow a { border-color: #e0dbd5; }
/*#pricecal_popup .calendarbox { background: #e0dbd5 url(/images/pricingcalendar/bg_calendarbox.gif) repeat-y scroll top right; }
#pricecal_popup .touroptionlist ul li { border-color: #fff; }*/
/*#pricecal_popup .touroptionlist ul li:hover { background-color: #ebebeb; }*/
/*#pricecal_popup .touroptiondetail .descrip { color: #666; }
#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 .daterow a:hover { border-color: #e6d5ac; background-color: #FFED6D; }*/
/* End New Pricing Calendar Pages and Popups */
/* EOF */