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

   openit.css
   * Version:   1 (30/01/2008)

   Created on 30 January 2008, 12:28
   @author vtao
-------------------------------------------------------------- */

.popup { background-color: #fff; }

.popup input,
.popup select { font-size: 12px; border-top: 1px solid #5e5e5e; border-left: 1px solid #5e5e5e; border-bottom: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7;}

.close img { float: none; }
.popup_container p.close { text-align: right; }

.popup_container {
 background-color: #fff;
   /*margin: 0 auto;    
  position: relative;*/
  text-align: left;
  z-index: 1;
}

.popup_container h1 { letter-spacing: normal; }
.popup_container em { color: #CE2B1A; font-weight: bold; }
.popup_container .error_list { padding: 5px 10px 0 10px; margin-bottom: 9px; border: 1px solid #CE2B1A; }
.popup_container label.validation { background-color: #fff; color: #CE2B1A; }
.popup_container .product em { color: #00759a; }
.popup_container .know_error .error_list { border: 0; }

.popup_content { margin: 20px auto; width: 500px; }
.popup_logo { background: transparent url(logo_viator_popup.gif) no-repeat scroll 0%; display: table; height: 50px; margin: 0; padding: 0; width: 100%; }
.popup_header { background: transparent url(bg_popup_blue.gif) repeat-x left center; }
.popup_header h1 {  color: #FFFFFF; display: table-cell; margin: 0; padding: 0 0 0 110px; vertical-align: middle; font-size: 20px; }

* html .popup_logo { position: relative; }
* html .popup_logo h1 { position: absolute; top: 50%; }
* html .popup_logo h1 span { position: relative; top: -50%; }

*:first-child+html .popup_logo { position: relative; }
*:first-child+html .popup_logo h1 { position: absolute; top: 50%; }
*:first-child+html .popup_logo h1 span { position: relative; top: -50%; }

.popup_content .intro { background: #FFFFFF url(bg_search_result.gif) repeat-x scroll left top; border-bottom: 1px solid #CAE6EE; border-top: 1px solid #CAE6EE; padding: 10px 13px 0 13px; }
.popup_content .intro h2 { color: #00759A; font-size: 18px; margin-bottom: 5px; font-weight: normal; }
.popup_footer { border-top: 1px solid #CAE6EE; background: transparent url(bg_popup_blue.gif) repeat-x left center; height: 50px; }
.popup_footer img { padding-right: 10px; float: right; }


.popup_container .section { padding: 5px 13px; }
.popup_container .section h2 { color: #00759A; font-size: 18px; margin-bottom: 5px; }
.popup_container .note { font-size: 11px; font-style: italic; }


/* --------------------------------------------------------------
   # Popup Pages:
   1. Photo enlarge popup
   2. Destination email popup
   3. My Itinerary details popup
   4. Email this page popup
   5. Customer care LH image popup
   6. Wishlist popup
   7. Change currency and Price guide popup
   8. What is popups
   9. Access booking popup
   10. Clever set hover over
   11. Why book ahead
   12. Map show
   13. Weather
   14. CVV
   15. Price Guide
-------------------------------------------------------------- */


/* 1. Photo enlarge popup
-------------------------------------------------------------- */
.popup_container .photo_entry { border: 0; }
.popup_container .photo_entry .image_title { color: #00759a; font-size: 24px; font-weight: bold; margin-bottom: 0; line-height: 1.2; }
.popup_container .photo_entry .author { text-align: left; }


/* 2. Destination email popup
-------------------------------------------------------------- */
.dest_signup { background-color: #f2f1ef; width: 500px; margin: 10px auto; border-top: 1px solid #CAE6EE; border-bottom: 1px solid #CAE6EE; padding: 15px; }
.dest_signup h2 { width: 380px; clear: none; float: left; /*background: transparent url(icon_arrow_dr_orange_alt.gif) no-repeat scroll left center;*/ color: #00759A; font-size: 21px; font-weight: bold; padding-left: 10px; }
.dest_signup h2 img { vertical-align: middle; }
.dest_signup em { color: #CE2B1A; font-weight: bold; }
.dest_signup p { clear: both; margin: 0; padding: 3px 10px; }
.dest_signup p.note { padding: 10px; text-align: right; }
.dest_signup label { float: left; padding: 2px 5px 0 0; width: 85px; text-align: right; }
.dest_signup select { float: left; width: 240px; }
.dest_signup input.checkbox { border: 0; margin-left: 0; padding: 0; }
.dest_signup .email_address { background-color: #FBF0E8; float: left; width: 234px; }

.dest_signup .description { padding-bottom: 15px; }
.dest_signup .agree_news { padding-left: 20px; text-align: right; padding-right: 20px; }
.dest_signup .agree_news label { font-weight: normal; float: none; padding: 0; }

.dest_signup .btn { float: right; padding-right: 10px; margin-left: 5px; background: transparent url(btn_blue.gif) no-repeat left center; }
.dest_signup .btn button { padding: 0 15px 0 0; }
.dest_signup .close { float: right; padding-right: 0; }


/* 3. My Itinerary details popup
-------------------------------------------------------------- */
.itinerary_list { width: 500px; margin: 20px auto; }
.itinerary_list .product_image_frame { width: 80px; height: 80px; float: right; background: transparent url(bg_frame_tiny.gif) no-repeat scroll left top;}
.itinerary_list .product ul { margin-bottom: 0; margin-left: 0; font-size: 12px; }
.itinerary_list .product_image_frame img { padding: 15px; margin: 0;}
.itinerary_list .alt .product_image_frame { background: transparent url(bg_frame_tiny_alt.gif) no-repeat scroll left top;}
.itinerary_list h1 { clear: none; padding-bottom: 15px; color: #00759A; font-size: 21px; font-weight: bold; }
.itinerary_list .product h2 { color: #00759A; }
.itinerary_list .intro { padding: 10px 13px; background: #FFFFFF url(bg_search_result.gif) repeat-x scroll left top; border-bottom: 1px solid #CAE6EE; border-top: 1px solid #CAE6EE; }
.itinerary_list .intro p { margin-bottom: 0; }
.itinerary_list .product .price { font-weight: bold; color: #F16417; }
.itinerary_list .last { border: 0; }
.itinerary_list .itinerary_total { padding: 10px 13px; }
.itinerary_list .itinerary_total .current_total { padding-bottom: 5px; width: 100%; float: none; }
.itinerary_list .itinerary_total { border-bottom: 1px solid #CAE6EE; border-top: 1px solid #CAE6EE; }
.itinerary_list .close { padding: 10px 0; }
.popup_container .itinerary_list em { color: #00759a; }

/* 4. Email this page popup
-------------------------------------------------------------- */
.email_friend { margin: 10px auto; }
.email_friend h2 { width: 380px; clear: none; float: left; padding-left: 20px; background: transparent url(icon_arrow_dr_orange_alt.gif) no-repeat scroll left center; color: #00759A; font-size: 21px; font-weight: bold; }
.email_friend .close { float: right; padding-right: 0; margin: 0; }
.email_friend .btn { margin-left: 354px; width: 111px; height: 24px; background: transparent url(btn_orange.gif) no-repeat scroll left center; }
.email_friend .btn button  { text-align: left; padding-left: 20px; width: 111px; height: 24px; }

.email_friend label { float: left; padding: 2px 10px 0 10px; width: 160px; text-align: right; }
.email_friend input { background-color: #FBF0E8; width: 271px; }
.email_friend .validation { background-color: #ce2b1a; }

.email_friend em { color: #CE2B1A; font-weight: bold; }
.email_friend .mandatory { padding: 0 10px 10px 10px; }
.email_friend textarea { width: 271px; }

.email_friend .email_friend_details { padding: 10px 0; background-color: #fff; border-bottom: 1px solid #E0DBD5; }
.email_friend .popup_header span { background: transparent url(icon_popup_emailfriend_header.gif) no-repeat scroll left center; display: block; padding: 5px 0 0 30px; }

.email_friend .sign_me_up { text-align: right; }
.email_friend .sign_me_up label { width: 440px; cursor: pointer; padding: 0; }
.email_friend .sign_me_up input { width: auto; float: left; }

/* 5. Customer care LH image popup
-------------------------------------------------------------- */
.email_questions { background-color: #F2F1EF; padding: 10px; }
.email_questions h2,
.phone_booking h2,
.faq_lists h2 { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #00759a; }

.email_questions_form { border-top: 1px solid #E0DBD5; border-bottom: 1px solid #E0DBD5; background-color: #fff; padding: 10px; }
.email_questions_form p { margin: 0; padding: 2px 0; }
.email_questions_form label { padding-top: 2px; float: left; width: 140px;  }
.email_questions_form input { margin: 0; float: left; padding: 3px; width: 272px; }
.email_questions_form select { font-size: 11px; margin: 0 5px 0 0; float: left; width: 90px; }
.email_questions_form textarea { background-color: #FBF0E8; float: left; width: 274px; }

.email_questions_form .question { width: 315px; }
.email_questions_form .highlight { background-color: #FBF0E8; }

.email_questions_form .btn { background: transparent url(btn_orange.gif) no-repeat scroll left center; float: left; height: 29px; margin-left: 315px; margin-top: -5px; padding-bottom: 3px; width: 111px; }
.email_questions_form .btn button { font-weight: bold; height: 29px; padding-left: 13px; text-align: left; width: 111px; }
* html .email_questions_form .btn { margin-left: 157px; margin-top: -15px; }

.phone_booking { border-top: 1px solid #CAE6EE; padding: 10px 0; }
.phone_booking .phone_number { float: left; width: 220px; margin-left: 20px;}
.phone_number span { color: #00759a; display: block; font-weight: bold; }
.phone_number em { font-weight: normal; color: #00759a; }

.faq_lists { border-top: 1px solid #CAE6EE; padding: 10px 0; }
.faq_lists ol { margin-top: 5px; }
*:first-child+html .faq_lists ol { padding-left: 5px; }

.faq_lists a { font-weight: bold; }


/* 6. Wishlist popup
-------------------------------------------------------------- */
.wishlist_popup .popup_header span { padding-left: 20px; background: transparent url(icon_popup_wishlist_header.gif) no-repeat left center; display: block; }
.wishlist_popup form { float: none; width: 100%; }
.wishlist_popup .product h2 { margin-bottom: 9px; }
.wishlist_popup .product_price { width: 140px; }
.wishlist_popup .product_extract em { color: #222; }
.wishlist_popup .assist_number { padding: 10px; text-align: center; }

.wishlist_popup .mandatory { padding: 10px 13px 0 13px; }
.email_wishlist_popup { padding: 10px 13px; }
.email_wishlist_popup p { margin: 0; padding: 3px 10px; }
.email_wishlist_popup label { padding: 1px 10px 0 0; float: left; width: 170px; text-align: right; }
.email_wishlist_popup input { padding: 2px; background-color: #FBF0E8; float: left; width:265px; }
.email_wishlist_popup textarea { float: left; width: 265px; }
.email_wishlist_popup .first { border-top: 1px solid #E0DBD5; }
.email_wishlist_popup .last { border-bottom: 1px solid #E0DBD5; }

.email_wishlist_popup .btn { Background: transparent url(btn_orange.gif) no-repeat scroll left center; float: right; height: 29px; width: 111px; }
.email_wishlist_popup .btn button { font-weight: bold; height: 29px; padding-left: 13px; text-align: left; width: 111px; }
* html .email_wishlist_popup .btn { margin-top: -15px; }
*:first-child+html .email_wishlist_popup .btn { margin-top: -15px; }

.email_wishlist_popup .sign_me_up { text-align: right; }
.email_wishlist_popup .sign_me_up label { width: 434px; padding: 0; cursor: pointer; }
.email_wishlist_popup .sign_me_up input { width: auto; }

/* 7. Change currency and Price guide popup
-------------------------------------------------------------- */
.popup_currency { padding: 10px 0; background-color: #F2F1EF; }
/*.popup_currency p { margin-bottom: 0; }
.popup_currency p .first { display: inline; margin: 0 2px 4px 5px; }
.popup_currency a {display: block; float: left; margin: 3px 2px 0; text-decoration: none; }*/
.popup_currency .currency { width: 130px; margin: 0 auto; }

.pricing_popup .popup_content { width: 100%; }
.pricing_popup .intro { text-align: center; }

.pricing_table table { border-collapse: collapse; border: 0 none; margin: 0 auto; text-align: left; }
.PricingGridHeader { border-right: 0 none; }
.PricingGridYHeader { border-left: 1px solid #dddddd; }
.PricingGridYSortField1 { border-left: 1px solid #dddddd; }
.pricing_popup .note { font-style: normal; font-size: 12px; text-align: center; }

/* 8. What is popups
-------------------------------------------------------------- */
.whatis_tour_grade label,
.whatis_ticket_type label { float: left; width: 30%; color: #F58025; }
.whatis_tour_grade .section span { float: left; width: 70%; }
.whatis_tour_grade .section p { border-top: 1px solid #E0DBD5; margin: 0; padding: 5px 0; }
.whatis_tour_grade .section .first { border: 0 none; }

.whatis_submit_photo dt { color: #F58025; }
.whatis_submit_photo dd { margin-bottom: 10px; }
.whatis_ccv .section img { float: left; }

.popup .continue_link { text-align: center; text-transform: uppercase; font-size: 14px; margin-bottom: 18px; }


/* 9. Access booking popup
-------------------------------------------------------------- */
.access_booking_form { padding: 10px 25px; border-top: 1px solid #E0DBD5; border-bottom: 1px solid #E0DBD5; background-color: #F2F1EF; }
.access_booking_form p { margin: 0; padding: 2px 0; }
.access_booking_form .btn { background: transparent url(btn_orange_alt.gif) no-repeat scroll left center; float: right; height: 29px; padding-bottom: 3px; width: 111px; }
.access_booking_form .btn button { font-weight: bold; height: 29px; padding-left: 13px; text-align: left; width: 111px; }
.access_booking_form label { float: left; width: 200px; }
.access_booking_form input { width: 215px; }

.email_silverpop { padding: 10px; border-top: 1px solid #E0DBD5; border-bottom: 1px solid #E0DBD5; background-color: #F2F1EF; }
.email_silverpop p { margin: 0; padding: 2px 0; }
.email_silverpop select { float: left; width: 250px; margin: 0; }
.email_silverpop label { padding-top: 2px; float: left; width: 65px; }
.email_silverpop .btn { margin-top: -29px; float: right; background: transparent url(btn_orange_alt.gif) no-repeat scroll left center; height: 29px; padding-bottom: 3px; width: 111px; }
.email_silverpop .btn button { font-weight: bold; height: 29px; padding-left: 13px; text-align: left; width: 111px; }


/* 10. Clever set hover over
-------------------------------------------------------------- */
.popup_container .top_picks { width: 455px; }
.popup_container .top_picks .product { border: 0; background: transparent url(bg_top_picks_popup.png) no-repeat scroll left top;}
.popup_container .top_picks .product h2 { padding-bottom: 0; }
.popup_container .top_picks .star_rating { margin-bottom: 5px; }
.popup_container .top_picks p { margin-top: 5px; }
.popup_container .top_picks .describe { font-size: 11px; margin: 0; }
.popup_container .top_picks .bg_foot { width:100%; height:35px; margin: 0; background: transparent url(bg_top_picks_popup.png) no-repeat scroll -463px bottom; }

/*  hack for IE6, will probably use this for IE7 also   */
.popup_container .top_picks div.product {
    _z-index:20;
    _background-image:none;
    _width:430px;
    _position:relative;
}
.popup_container .top_picks div.bg_foot {
    _background-image: none;
    _height:46px;
    _width: 460px;
}
.popup_container .top_picks div.bullshit_IE_fix {
    display:none !important;
    _display:block;
    _position:absolute;
    _width:460px;
    _height:183px;
    _top:0;
    _left:0;
}


/* 11. Why book ahead
-------------------------------------------------------------- */
.why_book_popup ul { margin: 0; }
.why_book_popup ul ul { margin: 0 0 9px 18px; }


/* 12. Map show
-------------------------------------------------------------- */
.map_show .popup_content { width: 100%; }
.map_show .section { text-align: center; }


/* 13. Weather
-------------------------------------------------------------- */

#weather.popup_content { width: 650px; }
#weather h2 { float: left; margin: 10px 10px 10px 0; }
#weather table { clear: both; }
#weather_provider { text-align: left; }
#weather_provider img { vertical-align: middle; }
.weather_units { margin-top: 5px; }

#weather th { color: #00759A; text-align: center; vertical-align: middle; background: #FFFFFF url('bg_search_result.gif') repeat-x left top; }
#weather td { text-align: right; vertical-align: top; }
#weather td.day, #weather td.desc { text-align: left; }
#weather td.day { background-color: #F2F1EF; font-weight: bold; text-align: center; vertical-align: middle; }
#weather td.desc { width: 200px; }
#weather td.desc img { float: left; }
#weather td.desc span {display: block; float: right; width: 145px; }
#weather td.uv_index { text-align: center; }


/* 14. CCV
-------------------------------------------------------------- */
.popup .content_tabs {
    margin-top: 20px;
}

.popup .content_tabs span {
    padding-left: 18px;
}

.insurance_info .intro{
    background: none;
    border-top: 0;
}

.ccv_card {
    padding-bottom: 20px;
}
/* 15. Price Guide
-------------------------------------------------------------- */
.popup_content.notourgrade { width: 660px; }
.popup_content.notourgrade .price_calendar_content { background: none; }
.priceguide_container { width: 800px; /*margin: 10px auto;*/ text-align: left; }
.priceguide_container select,
.priceguide_container label { cursor: pointer; }
.priceguide_container .helplink { font-size: 11px; text-decoration: underline; }
.priceguide_container .helplink:hover { text-decoration: none; }
.priceguide_container .titleheader { font-size: 12px; font-weight: bold; margin-bottom: 5px; }

.priceguide_header { color: #fff; background-color: #007093; }
.priceguide_header h1 { margin-top: 10px; clear: none; float: left; width: 670px; color: #fff; padding: 7px 10px; font-size: 18px; letter-spacing: 0; font-weight: normal; }
.priceguide_header h2 { clear: none; float: left; width: 670px; color: #fff; padding: 7px 10px; font-size: 12px; letter-spacing: 0; }
.priceguide_header img { float: left; }

.priceguide_body { /*border-left: 1px solid #e0dbd5; border-right: 1px solid #e0dbd5; */background: #f2f1ef url('priceguide_inner.gif') repeat-y right top; }
.priceguide_left { float: left; width: 189px; }
.priceguide_left .selectheader { font-weight: bold;  padding: 10px; margin: 0; }
.touroption { margin: 0; list-style-type: none; }
.touroption li { min-height: 30px; height: auto !important; height: 30px; line-height: 1.2; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 10px; background: transparent url('dot.gif') no-repeat 10px 10px; }
.touroption li.selected { background: transparent url(arrow_left.jpg) no-repeat left center; border-top: 1px solid #e0dbd5; border-bottom: 1px solid #e0dbd5; background-color: #fff; }
.touroption li a { padding-left: 10px; display: block; }

.priceguide_body .error_list { padding: 0; padding-bottom: 10px; border-bottom: 1px solid #CACACA; margin-bottom: 10px; }
.priceguide_body .error_list_box { padding: 5px 10px; color: #333333; background-color: #fee6e3; }
.priceguide_body .error_list strong { color: #CE2B1A; }
.priceguide_body .error_list ul li.single { padding: 0; background: none; }


/* Pricing Calendar */

.price_calendar                 { background-color: #CAC0B4; }
.price_calendar .section        { background-color: #f2f1ef; }
.price_calendar .popup_footer   { border-color: #00759A; } 

.price_calendar .copyright {
    float: left;
    width: 500px;
    font-size: 10px;
    color: #fff;
    padding: 10px;
    line-height: 1.3;
}

.price_calendar .copyright a {
    color: #fff;
    text-decoration: none;
}

.price_calendar .copyright a:hover {
    text-decoration: underline;
}

.price_calendar .section h2 {
    font-weight: bold;
    font-size: 20px; 
    margin-bottom: 0; 
}

.price_calendar .popup_content {
    width: 865px;
    background-color: #fff;
    background: #fff url(pricecalendar_bg.gif) repeat-y top center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 10px; 
}
.price_calendar .popup_content.notourgrade { 
    width: 705px;   
    background-image: url(pricecalendar_notour_bg.gif);
}

.price_calendar .popup_header { position: relative; }

.price_calendar_content {
    background: transparent url(priceguide_lhsBG.gif) repeat-y left top; 
}

.price_calendar_intro{
    float: left;
    width: 300px;
    margin: 0;
}

.datedescrip { float: left; width: 265px; padding-top: 3px; font-size: 11px; }

.descrip a{  font-size: 11px;}

.price_calendar_nav {
    font-size: 11px;
    float: right;
    width: 370px;
    text-align: right;
    padding-right: 10px;
    display: inline;
}

.price_calendar_nav select {
    margin: 0 5px 0 0;
    float: right;
}

.price_calendar_nav .pagetool { float: right; padding: 3px 0 0; }
* html .price_calendar_nav .pagetool { padding: 1px 0 0; }

.price_calendar_nav label { padding: 4px 5px 0 0; float: right; width: 85px; }
* html .price_calendar_nav label { padding: 2px 5px 0 0; }
.price_calendar_actions { padding: 0; position: relative; }

/*.price_avail .popup_logo { height: 68px; background: #00759a url(/images/general/logo_viator100x40BB.gif) no-repeat scroll 0 50%; }
.price_avail { background: #00759a none; }*/

.price_calendar .popup_logo {
    background: transparent url(logo_viator_price_calendar.gif) no-repeat scroll 0 50%;
    height: 68px; 
}

.price_calendar .popup_header { background-color: #00759a; background-position: bottom; }
.price_calendar .popup_header h1 { padding-left: 120px; }
.price_calendar .section a { font-size: 11px; }

.calendardate { clear: both; padding-top: 5px; padding-bottom: 10px; }
.calendardatehead { margin-bottom: 1px; }
.calendardatehead span { font-size: 1.1em; font-weight: bold; background-color: #00759a; color: #ffffff; float: left; margin-right: 1px; margin-bottom: 1px; padding: 4px 8px; text-align: center; width: 81px; }
.calendardate .daterow .blank { cursor: default; }
.calendardate .daterow span { float: left; height: 81px; margin-bottom: 1px; margin-right: 1px; padding: 5px; text-align: right; width: 87px; position: relative; }
.calendardate .daterow a { border: 1px solid #E0DBD5; color: #00759A; float: left; height: 79px; margin-bottom: 1px; margin-right: 1px; padding: 5px; position: relative; text-align: right; width: 85px; }
.calendardate .daterow em { line-height: 1; color: #00759A; display: block; font-size: 1.7em; font-style: normal; font-weight: bold; }
.calendardate .daterow strong { color: #333333; bottom: 5px; display: block; position: absolute; right: 5px; font-weight: normal; font-size: 11px; }
* html .calendardate .daterow strong { width: 85px; }

.calendardate .daterow strong .price { font-size: 18px; font-weight: bold; text-transform: none; }
.calendardate .daterow strong .pricingdetails { font-size: 11px; font-weight: normal; text-decoration: underline; line-height: 1.2; text-transform: none; }

.calendardate .daterow .na { background-color: #dfd8d0; border-color: #dfd8d0; color: #8f8880; }
.calendardate .daterow .last { margin-right: 0; }
.calendardate .daterow .na em { color: #999999; }
.calendardate .daterow .selected { background-color: #F58025; color: #FFFFFF; }
.calendardate .daterow .selected em { color: #FFFFFF; }
.calendardate .daterow .selected strong { color: #FFFFFF; }
.calendardate .daterow a:hover { background-color: #E8F6F9; color: #ffffff; cursor: pointer; text-decoration: none; border-color: #00759a; }
.calendardate .daterow .selected:hover { background-color: #F58025; color: #ffffff; cursor: default;}
.calendardate .daterow .na strong {color: #999999; width: 67px; text-align: center; line-height: 1.3; padding: 0 10px; text-transform: uppercase; }

.tour_summary{
    float: right;
    width: 660px; width: 705px;
    border-top: 2px solid #cacaca;
}

.tour_summary h3{
    font-size: 16px;
    color: #00759a;
    font-weight: bold;
    line-height: 1.3; 
    padding-top: 5px;
}

.tour_summary h3, .tour_summary p {
    padding-left: 10px;
    margin-bottom: 0;
}

.tour_summary ul{
    margin: 0;
    padding: 0 10px;
}

.tour_summary ul li{
    display: inline;
    padding: 0 0 0 10px;
    font-weight: bold;
    background: transparent url(icon_dot_black.gif) no-repeat 0 4px;
}

.tour_summary ul li.first {
    background: none; 
    padding-left: 0;
}

.tour_summary li.price{
    padding-left: 0;
    font-size: 12px;
    font-weight: bold;
    background: none;
}

.tour_summary li.price strong {
    font-size: 14px;
}

.tour_summary ul li.languageoptions_title{
    background: none; 
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.tour_summary h4{
    background-color: #F2F1EF;
    border-bottom: 2px solid #CACACA;
    border-top: 2px solid #CACACA;
    color: #00759A;
    font-size: 18px;
    margin: 10px 10px 5px;
}

.tour_summary table {
    margin-left: 10px;
}

.tour_options {
    float: left;
    width: 160px;
}

.tour_options p {
    font-weight: bold;
    padding: 5px 13px 0;
    text-align: center;
    margin: 0;
    font-size: 14px; 
    line-height: 1.4; 
    color: #fff; 
    background: transparent url('tour_options_headerBG.gif') no-repeat top right;
    height: 49px;
}

.tour_options ul{
    margin: 0;
    list-style: none;
}

.tour_options li {
    line-height: 1.4;
    margin-bottom: 6px; 
    margin-left: 7px;
}

.tour_options li span {
    background: transparent url('touroption_item_top.gif') no-repeat top left;
    padding-top: 5px;
    display: block; 
/*    zoom: 1;*/
}

.tour_options li a{
    display: block;
    padding: 5px 20px 10px 10px;
    color: #333;
    font-size: 11px;
    background: transparent url(touroption_item_bottom.gif) no-repeat bottom left;
    cursor: pointer; position: relative;
}

.tour_options li a strong {
    text-transform: none; 
    font-size: 13px; 
    line-height: 1.3; 
    margin-bottom: 5px; 
}

.tour_options li a:hover{
    text-decoration: none;
    color: #333;
}

.tour_options li.selected {
    margin-left: 5px;    
    background: transparent url(touroption_itemselect_top.gif) no-repeat top left;
    zoom: 1;
}

.tour_options li.selected span{
    background: transparent url(arrow_left.jpg) no-repeat center right;
}

.tour_options li.selected a{
    background: transparent url(touroption_itemselect_bottom.gif) no-repeat bottom left;
    padding-left: 12px; 
}
.tour_options li.selected a:hover {
    background: transparent url(touroption_itemselect_bottom.gif) no-repeat bottom left;
}

.tour_options li strong{
    font-weight: bold;
    display: block;
    color: #00759A;
}

.tour_options li.first{
    border-top: 0;
}

.priceguide, .passengers { width: 496px; margin-left: 2px; }
#passengers { width: 500px; text-align: left; background-color: #00759a; }
#passengers h1 { width: 200px; padding: 10px 0 0; margin: 0; }
.passengers_header { float: left; color: #fff; /*padding: 5px;*/ font-size: 11px; }
.passengers_header a { color: #fff; }
.passengers_header h3 { color: #fff; font-size: 14px; font-weight: bold; line-height: 1.5; width: 350px; float: left; }
.passengers_header p { margin-left: 5px;}
.passengers_header .close { position: absolute; top: 5px; right: 5px; width: 15px; }
.passengers_header .close a { text-indent: -9999px; background: transparent url(close_popup.gif) no-repeat top left; display: block; height: 16px; width: 15px; }
.passengers_body h4 { font-size: 12px; padding: 0 0 5px; }
.pricing_table { width: 100%; margin: 10px 0; }
* html .pricing_table { width: 99%; }
*:first-child+html .pricing_table { width: 99%; }
.pricing_table th, .pricing_table td { text-align: left; }
.pricing_table th, .pricing_table td span { font-weight: normal; }
.pricing_table th, .alt td { background-color: #f2f1ef; font-weight: bold; text-align: right;}
.pricing_table .row_label { font-weight: bold; }
.pricing_table .age_range { display: block; font-size: 11px; font-weight: normal; color: #666; }
.pricing_table .nages {padding-bottom:5px;text-align:right;}
.pricing_table .nages em {font-weight: bold;}
.pricing_table em {color:#666666; display:block; font-style:normal;}

* html .topieborder th { border-top: 1px solid #dddddd; }
* html .topieborder th.emptycell { border-left: 1px solid #dddddd; }
* html .row_label { border-left: 1px solid #dddddd; }

.passengers_body { background-color: #fff; margin: 0; padding: 10px; }
.passengers_body label span { font-weight: normal; font-size: 11px; color: #666; }
.passengers_body .expand_age { margin-left: 35px; }
.passengers_body .expand_age label { font-size: 11px; font-weight: normal; width: 110px; display: block; float: left; }
.passengers_footer { background-color: #fff; margin: 0; border-top: 1px solid #d7d7d7; padding: 5px 5px 5px 10px; }
.passengers_footer .btn { background:transparent url(btn_orange.gif) no-repeat scroll left center; float:right; height:29px; padding-bottom:3px; width:111px; }
.passengers_footer .btn button { width:111px; text-align: left; padding-left: 12px; }
.passengers_footer p { float: left; width: 50%; margin-bottom: 0; margin-top: 5px; }
.passengers_footer a { font-size: 11px; text-decoration: underline; }
.passengers_footer a:hover { text-decoration: none; }
.passengers_footer span { padding: 6px 5px 0 0; float: right; width: 130px; text-align: right; }

.priceguide_main { float: left; width: 611px; }
.priceguide_main .product_price { position: static; float: right; }
.priceguide_top { background-color: #fff; border-bottom: 1px solid #e0dbd5; }
.priceguide_top p { margin: 0; padding: 3px 0; }
.priceguide_top .product_price { padding: 10px; }
.touroption_name { float: left; width: 150px; padding: 5px 10px; }
.touroption_name h2 { font-size: 18px; color: #00759a; font-weight: bold; }
.touroption_name .langoption_link { line-height: 1.5; font-size: 11px; font-weight: bold; margin: 0; padding: 5px 0; background: transparent url(langoption.jpg) no-repeat left center; }
.touroption_name .langoption_link a { padding-left: 25px; }
.touroption_name .optioncode { color: #777777; font-size: 11px; }

.touroption_descip { float: left; width: 270px; padding: 10px; }

.priceguide_grid { border-bottom: 1px solid #e0dbd5; }
.bigcalendar { float: left; width: 150px; padding: 10px; text-align: center; }
.pricegrid { float: left; width: 420px; padding: 5px 10px; }

.bigcalendar p { font-size: 11px; text-align: center; line-height: 1.3; }
.bigcalendar p span { font-weight: bold; display: block; }
.calendarbox { height: 115px; color: #fff; font-weight: bold; background: transparent url('bg_singlecalendar.jpg') no-repeat 34px 0; }
.calendarbox .day { margin: 0; padding: 5px 0 15px 0; }
.calendarbox .date { font-size: 44px; line-height: 1; }
.calendarbox .date span { font-size: 22px; text-transform: uppercase; }

.gridbox { border-left: 1px solid #B7B7B7; border-top: 1px solid #B7B7B7; border-bottom: 1px solid #B7B7B7; }
.gridbox p { margin: 0; border-bottom: 1px solid #e0dbd5; }
.gridbox .gridheader { font-weight: bold; line-height: 1.2; border-bottom: 1px solid #b7b7b7; }
.gridbox .gridheader span { height: 45px; }
.gridbox span { padding: 3px; border-right: 1px solid #b7b7b7; float: left; width: 75px; text-align: right; }
.gridbox span em { font-weight: normal; font-size: 11px; display: block; color: #777777; font-style: normal; }
.gridbox .num { width: 84px; text-align: center; }
.gridbox .last { border: 0 none; }

.simple_grid span { width: 321px; }
.simple_grid .gridheader span { height: 30px; }

/*
.onecol span { width: 321px; }
.onecol .gridheader span { height: 30px; }
.twocol span { width: 157px; }
.twocol .gridheader span { height: 30px; }
.threecol span { width: 102px; }
.threecol .gridheader span { height: 30px; }
.threecol .num { width: 85px; }
*/

.priceguide_book { border-bottom: 1px solid #e0dbd5; }
.selectdate { float: left; width: 150px; padding: 5px 10px; }
.selectdate p { font-size: 11px; }
.selectpax { float: left; width: 420px; padding: 5px 10px; }
.selecttraveldate { padding: 5px 0; }
.selecttraveldate p { margin: 0; padding: 0 5px 0 0; float: left; }
.priceguide_right .selecttraveldate .btn { margin-top:16px; float: left; height: 25px; background: transparent url(btn_blue_go.gif) no-repeat scroll left center; width: 58px; }
.priceguide_right .selecttraveldate .btn button { height: 25px; text-align: left; padding: 0 0 0 10px; width: 58px; }
.priceguide_right .selecttraveldate .updatedate { float: right; padding: 2px 0 0 3px; font-size: 11px; font-weight: bold; }
.priceguide_right .selectdatelink .updatedate { float: right; padding: 0 8px 0 0; font-size: 11px; font-weight: bold; }
.priceguide_right .selecttravelers .btn { float: right; padding-right: 2px; width: 60px; background: transparent url(btn_blue_go.gif) no-repeat scroll left center; }
.priceguide_right .selecttravelers .btn button { padding: 0; text-align: left; width: 60px; }
.priceguide_right .selecttravelers .updatedate { float: right; padding: 0 8px; font-size: 11px; font-weight: bold; }
.touroptions .selecttraveldate .selectdate { float: left; width: 120px; }
.priceguide_right form { padding: 0 0 10px; margin: 0 0 10px 0; border-bottom: 1px solid #e0dbd5; }
.priceguide_right form.last { border: 0 none; }

.cal_month { background-color: #99e1f1; width: 140px; border: 1px solid #00759a; float: left;  font-size: 11px; padding: 1px; margin: 0; }
.cal_monthyear { font-size: 11px; background-color: #00759A; color: #FFFFFF; text-align: center; font-weight: bold; }
.cal_monthyear .prevcal { float: left; width: 10px; height: 12px; padding: 5px 5px 0 5px; }
* html .cal_monthyear .prevcal { padding: 5px 0 0 5px; }
* html .cal_date { padding-left: 4px; }

.cal_monthyear .nextcal { float: right; width: 10px; height: 12px; padding: 5px 5px 0 0; }
.cal_month h3 { float: left; width: 100px; height: 22px; clear: none; font-size: 11px; background-color: #00759A; color: #FFFFFF; text-align: center; font-weight: bold; }
.cal_month p { margin-bottom: 2px; }
.cal_date { background-color: #42a7cc; color: #FFFFFF; font-weight: bold; }
.cal_date span { float: left; text-align: center; width: 19px; padding-left: 1px;}
* html .cal_date span { padding-left: 0; }
.cal_day { text-align: center; }
.cal_day span { float: left; height: 16px; margin-left: 1px; margin-right: 1px; width: 18px; background-color: #FFFFFF; }
.cal_day span:hover { background-color: #6cc2e1; }
.cal_day span a:hover { background-color: #6cc2e1; text-decoration: none; color: #fff; }
.cal_day span a { display: block; }

.cal_day span.current { background-color: #f58025; color: #fff; }
.cal_day .blank { background: transparent url(calendar_blank.gif) no-repeat scroll center center; text-indent: -9999px; }
.cal_day .na { background: transparent url(calendar_na.gif) no-repeat scroll center center; text-indent: -9999px; }

.cal_month_loading { height:129px; }

.paxitem { padding: 3px 0; }
.paxitem select { width: 40px; float: left; margin: 0 6px 0 0; }
.paxitem label { float: left; margin-right: 6px; }
.paxitem em { float: left; margin-right: 6px; font-size: 11px; font-style: normal; }
.paxitemage { padding: 3px 0 15px 0; }
.paxitemage .enterage { float: left; margin: 18px 10px 0 0; }
.paxitemage .enterage label { font-weight: normal; }
.paxitemage input { width: 23px; text-align: center; }
.paxitemage ul { list-style-type: none; float: left; margin: 0; }
.paxitemage ul li { float: left; width: 33px; }
.paxitemage ul li label { display: block; text-align: center; font-style: normal; font-weight: bold; font-size: 11px; }

.selectpax .btn { float: right; width: 110px; background: transparent url(btn_orange.gif) no-repeat scroll left center; }
.selectpax .btn button { width: 100px; }

.priceguide_footer { background: transparent url(bg_popup_blue.gif) repeat-x scroll left center; border-top: 1px solid #00759A; height: 50px; }
.priceguide_footer .close { text-align: right; }
.priceguide_footer .close img { float: right; padding-right: 10px; }

.nooptions { width: 500px; }
.nooptions .priceguide_body { background: #ffffff no-repeat none; }
.nooptions .priceguide_header h1 { width: 360px; }
.nooptions .touroption_name { width: 330px; }
.nooptions .priceguide_main { width: 500px; }
.nooptions .simple_grid span { width: 201px; }
.nooptions .gridbox .num { width: 84px; }
.nooptions .pricegrid { width: 300px; }
.nooptions .selectpax { width: 480px; }

.simplegrid .touroption_descip { width: 420px; }
.simplegrid .selectpax { width: 591px; }

.complexgrid .selectpax { width: 591px; }

.touroptions { border-top: 1px solid #E0DBD5; background-color: #F2F1EF; }
.touroptions .titleheader { font-weight: bold; margin: 0; }
.touroptions .priceguide_main { border-right: 1px solid #E0DBD5; }
.touroptions .priceguide_right { float: left; width: 182px; padding: 5px 0 0 10px; }
.touroptions .touroptionsbox {  }
.touroptions .priceguide_body { background: #F2F1EF url(touroptionsbox_inner.gif) repeat-y scroll left top; }
.touroptions .touroption_descip { width: 330px; padding: 5px 0; }
.touroptions .pricedatelist { background-color: #f2f1ef; }
.touroptions .selectdate { padding: 0; float: none; width: 150px; }
.touroptions .touroptionsbox .btn { float: right; width: 110px; background: transparent url(btn_orange.gif) no-repeat scroll left center; }
.touroptions .touroptionsbox .btn button { width: 100px; }

.touroptions .pricedatelistheader { font-weight: bold; color: #fff; background-color: #00759a; padding: 5px 10px; }
.touroptions .pricedatelistdesc { padding: 10px 10px 0 10px; }
.touroptions .pricedatelistbody { padding: 20px 0 20px 25px; position: relative; }
.touroptions .calendarlist { list-style-type: none; margin: 0; }
.touroptions .calendarlist a:hover { text-decoration: none; display: block; }
.touroptions .calendarlist li { float: left; width: 80px; }

.touroptions .calendarlist .day { background-color: #42a7cc; color: #fff; font-weight: bold; font-size: 11px; text-align: center; margin: 0; padding: 5px 0; border-left: 1px solid #fff; }
.touroptions .calendarlist .date { background-color: #ffffff; color: #b2d5e1; border-top: 1px solid #e0dbd5; border-left: 1px solid #e0dbd5; border-bottom: 1px solid #e0dbd5; padding: 15px 5px 10px 5px; margin: 1px 0 0 0; text-align: center; font-size: 35px; line-height: 1; }
.touroptions .calendarlist .na { background: #d0f2f9 url(bg_calna.gif) no-repeat scroll center center;  text-indent: -9999px; height: 66px; }
.touroptions .calendarlist .loading { background: #ffffff url(loading.gif) no-repeat scroll center center;  text-indent: -9999px; height: 66px; }
.touroptions .calendarlist  span { display: block; font-size: 18px; text-transform: uppercase; }
.touroptions .calendarlist  span.year { display: block; font-size: 14px; text-transform: uppercase; }

.touroptions .calendarlist li.current .day { background-color: #00759a; }
.touroptions .calendarlist li.current .date { background-color: #f58025; color: #fff; font-weight: bold; }
.touroptions .calendarlist li.last .day { border-right: 1px solid #42a7cc; }
.touroptions .calendarlist li.last .date {border-right: 1px solid #e0dbd5; }

.touroptions .calendarlist li a:hover .day { background-color: #1789ad; }
.touroptions .calendarlist li.last a:hover .day { border-right: 1px solid #7fbacc; }
.touroptions .calendarlist li a:hover .date { color: #fff; background-color: #f99d55; }

.touroptions .pricedatelistbody .rev { position: absolute; top: 85px; left: 20px; z-index: 3;}
.touroptions .pricedatelistbody .fwd { position: absolute; top: 85px; right: 20px; z-index: 3;}

* html .touroptions .pricedatelistbody .rev { left: -10px; }

.touroptions .priceguide_top .product_price { padding: 0 10px; width: 175px; margin: -48px 0 0 0; }
* html .touroptions .priceguide_top .product_price { position: relative; z-index: 999; }
.touroptions .pricena .product_price { background: transparent url(bg_prodna.gif) no-repeat scroll 95px 10px; width: 130px; padding-top: 60px; margin-top: -65px; }
.touroptionstitle { padding: 5px 10px; border-top: 1px solid #E0DBD5; background-color: #F2F1EF; }
.tourproductname { font-size: 24px; font-weight: bold; letter-spacing:-0.02em; line-height: 1.1; color: #00759a; }
.touroptionstitle p { margin: 0; }
.touroptions .passengermismatch .product_price { background: transparent }

.pricena { background-color: #f7f7f6; color: #acacac; }
.pricena .touroption_name h2 { color: #acd0da; }
.pricena .product_price { padding-top: 60px; color: #acd0da; background: transparent url(bg_prodna.gif) no-repeat scroll 145px 10px; }
.pricena .optioncode { color: #acacac; }

.priceguide_top .lowprice { margin: 0; padding: 0 0 0 172px; float: left; line-height: 1.2; color: #777777; font-size: 11px; font-weight: bold; }
.priceguide_top .lowprice a { font-size: 11px; font-weight: normal; text-decoration: underline; }
.priceguide_top .lowprice a:hover { text-decoration: none; }
.priceguide_top .lpg { padding-top: 8px; }
.priceguide_top .touroption_descip a { font-size: 11px; font-weight: normal; text-decoration: underline; }
.priceguide_top .touroption_descip a:hover { text-decoration: none; }
.priceguide_top .nextavaildate { color: #777777; float: left; font-size: 11px; font-weight: bold; line-height: 1.2; margin: 0; padding: 0 0 0 172px; }
.priceguide_top .nextavaildate a { font-weight: normal; text-decoration: underline; display: block; }
.priceguide_top .nextavaildate a:hover { text-decoration: none; }

.priceguide_body .selecttravelers { padding-top: 20px; }
.priceguide_body .selecttravelers ul { list-style-type: none; margin: 0 0 5px 0; }
.priceguide_body .selecttravelers ul li { float: left; padding-right: 10px; width: 70px; }
.priceguide_body .selecttravelers ul li select { }
.priceguide_body .selecttravelers ul li label { display: block; }
.priceguide_body .selecttravelers ul li label em { font-size: 11px; font-weight: normal; display: block; font-style: normal; }
.priceguide_body .selecttravelers .agebox input { width: 25px; }
.priceguide_body .selecttravelers .agebox label { font-weight: normal; float: left; width: 115px; }
.priceguide_body .selecttravelers .agebox { padding: 1px 0; }

.touroptions .selecttravelers { }
.touroptions .selecttravelers ul { list-style-type: none; margin: 0 0 5px 0; }
.touroptions .selecttravelers ul li { }
.touroptions .selecttravelers ul li select { }
.touroptions .selecttravelers ul li label { vertical-align:middle; padding-left: 5px; }
.touroptions .selecttravelers ul li label em { font-size: 11px; font-weight: normal; display: block; font-style: normal; }
.touroptions .selecttravelers .agebox input { width: 25px; }
.touroptions .selecttravelers .agebox label { font-weight: normal; float: left; width: 115px; }
.touroptions .selecttravelers .agebox { padding: 1px 0; }

.selecttravelers_box { float: right; }
.selecttravelers_box.one { width: 190px; }
.selecttravelers_box.two { width: 190px; }
.selecttravelers_box.three { width: 240px; }
.selecttravelers_box.four { width: 320px; }
.selecttravelers_box.five { width: 400px; }

.agebands_boxes { float: right; width: 193px; }

.priceguide_right .error_list
{
    background-color:#FEE6E3;
    color:#333333;
    margin-bottom:10px;
    padding:5px 13px;
}

.priceguide_right .error_list strong { color: #CE2B1A; }
.priceguide_right .error_list ul li.single { padding: 0; background: none; }

.pricequote { width: 500px; background-color: #004f69; padding-top: 2px; padding-bottom: 2px;}
.pricequote .priceguide_body { background: #ffffff no-repeat none; padding: 10px; }
.pricequote .priceguide_header h1 { width: 365px; }
.pricequote .touroption_name { width: 350px; }

.pricequote .priceguide_body p { margin-bottom: 0; }
.pricequote .pricequoteheader { margin-bottom: 10px; }
.pricequote .pricequoteheader span { float: left; width: 110px; }
.pricequote .quotelist { border-top: 1px solid #b7b7b7; padding: 3px 0; margin: 3px 0; }
.pricequote .quotelist p.last { border-bottom: 1px solid #b7b7b7; padding-bottom: 3px; }
.pricequote .quotelist p { text-align: right; }
.pricequote .quotelist p span { text-align: left; float: left; width: 340px; }

.passengers .priceguide_header h1 { width: 300px; padding-bottom: 0; padding-left: 5px; }
.passengers .priceguide_header .passengers_header h1 { width: 370px; margin: 8px 0; padding: 8px 0; }


.lpgbtn .lpg { float: right; margin: 8px 3px; }

/* Clearing
-------------------------------------------------------------- */
.price_avail:after,
.price_calendar_content:after,
.passengers_body:after,
.passengers_footer:after,
.priceguide_header:after,
.priceguide_body:after,
.priceguide_top:after,
.priceguide_grid:after,
.gridbox p:after,
.priceguide_book:after,
.calendardate p:after,
.cal_monthyear:after,
.cal_date:after,
.cal_day:after,
.paxitem:after,
.paxitemage:after,
.calendarlist:after,
.touroptions:after,
.touroptions .selectdate:after,
.lpgbtn:after,
.pricequoteheader p:after,
.pricequote .quotelist p:after,
.priceguide_footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.price_avail,
.price_calendar_content,
.passengers_body,
.passengers_footer,
.priceguide_header,
.priceguide_body,
.priceguide_top,
.priceguide_grid,
.gridbox p,
.priceguide_book,
.calendardate p,
.cal_monthyear,
.cal_date,
.cal_day,
.paxitem,
.paxitemage,
.calendarlist,
.touroptions,
.touroptions .selectdate,
.lpgbtn,
.pricequoteheader p,
.pricequote .quotelist p,
.priceguide_footer { display: inline-block; }

* html .price_avail,
* html .price_calendar_content,
* html .passengers_body,
* html .passengers_footer,
* html .priceguide_header,
* html .priceguide_body,
* html .priceguide_top,
* html .priceguide_grid,
* html .gridbox p,
* html .priceguide_book,
* html .calendardate p,
* html .cal_monthyear,
* html .cal_date,
* html .cal_day,
* html .paxitem,
* html .paxitemage,
* html .calendarlist,
* html .touroptions,
* html .touroptions .selectdate,
* html .lpgbtn,
* html .pricequoteheader p,
* html .pricequote .quotelist p,
* html .priceguide_footer { height: 1%; }

.price_avail,
.price_calendar_content,
.passengers_body,
.passengers_footer,
.priceguide_header,
.priceguide_body,
.priceguide_top,
.priceguide_grid,
.gridbox p,
.priceguide_book,
.calendardate p,
.cal_monthyear,
.cal_date,
.cal_day,
.paxitem,
.paxitemage,
.calendarlist,
.touroptions,
.touroptions .selectdate,
.lpgbtn,
.pricequoteheader p,
.pricequote .quotelist p,
.priceguide_footer { display: block; }
