/*                */
/* OmniTI Changes */
/*                */

#primary_nav ul {  width:17em; }

/* Make the extension dates module have the same style as the main expedition dates module */
.extension_dates div.tab_options {padding:12px 12px 0}
.extension_dates li {background-image:none; padding: 0}
.extension_dates ul {padding:0 0 12px 0;}
.extension_dates ul.scroll {padding:0 12px 12px 0; height: 350px; overflow-y: scroll;}
.extension_costs .alt {background:url(/images/table_row_alt.png) #efece5 top left no-repeat; border-bottom:1px solid #e8e7e6}
.extension_costs .tab_nav { margin: 6px 12px 0;}
.extension_costs .tabs a {height:45px}
.extension_costs .title {padding:12px; display:none}
.extension_dates h4 {background-image:url(../images/headers/h4_extension_dates.png)}
.extension_dates h4 img {right: -20px}
#main_col .extension_costs .tabs a.selected {background-color:#FFF}
.extension_costs h5 {border-left:1px solid #E6E6E6; padding:12px 12px 0 12px; margin: 0}

/* New homepage module for featured field notes */
#home_features .featured_fieldnotes h4 {background-image:url(/images/headers/h4_fieldnotes.png)}
#home_features .featured_fieldnotes {background:url(../images/home_fieldnotes_bg.jpg) 0 31px no-repeat}
#home_features .featured_fieldnotes h4 img {left:326px; top:0}
#home_features ul.home_our_trips li { margin-bottom: -1px; margin-top: -1px; }

/* Homepage carousel */
#home_carousel .title { width: auto; }
#home_carousel .title p { float: left; padding: 5px;  position: relative; display: inline;  }


.trip_calendar .row_head { min-width: 100px; }

.dates_box { max-height:100px; overflow:auto; }

/* this fixes the homepage videos, for multiple video support */
.player {text-align:center; margin:0; line-height:0}
#home_features .ships .player {float:right}

/* search results page tweaks */
.browse_result_image { margin-right:10px; margin-bottom:10px; margin-left:0px; float:left; position:relative; }

/* expedition detail page - graphical extension */
.graphical_extension { font:11px/20px normal "Lucida Sans", Tahoma, "Lucida Grande", sans-serif; position: relative; top: -15px; }

/* extension detail page, Dates module */
.extension_tripdate_expanded {
    padding-left: 10px;
    display: none;
}
.extension_tripdate_expanded ul { 
    background: #EBE9DC;
    list-style-type: disc;
    margin: 1px;
    padding: 1px 1px 1px 10px;
    color: gray;
}
.extension_tripdate_expanded li { 
    background: url('/images/li_bg.png') left center no-repeat;
    padding-left: 8px;
}


/* depart finder dates table */
.depart_finder_dates tr { font:11px/20px normal "Lucida Sans", Tahoma, "Lucida Grande", sans-serif; }
.depart_finder_dates tr td { padding-right:20px; }

/* dates for the trips an expert is on, on the expert detail page */
.expert_dates { font:11px/20px normal "Lucida Sans", Tahoma, "Lucida Grande", sans-serif; }

/* date listing for a given expert on a given expedition in the Featured Expert module */
.expert_departure_dates { }

/* Send to a Friend page(s) */
#send_to_friend { font:11px/20px normal "Lucida Sans", Tahoma, "Lucida Grande", sans-serif; }
#send_to_friend label { width: 250px; padding-right: 50px;}
#send_to_friend input { margin-right: 10px; width:180px; }
#send_to_friend li label { text-align: right; }
#send_to_friend li.button { margin-left: 150px; }
#send_to_friend .smalltext { font-size:10px; color: grey; }
#send_to_friend textarea { width:400px; height:100px; }

/* Error Styles */
.error {color:#D00000; background: #f5f5f3; border: 2px solid #e0e0dd; padding: 20px; margin-bottom: 30px;}
.error_title {color:#000000; font-weight: bold; margin-top: 10px;}
.error_inlinealert {color:#D00000; background: #f5f5f3; border: 1px solid #D00000; padding: 5px; margin-bottom: 10px; margin-top: 10px;} 
.error_black { color:#000; font-weight:bold;}

/* On expert index page, make trip names render in a longer space */
.browse_expert .trips { width:360px; }

.browse_expert {
    min-height: 160px;
    position: relative;
}

.browse_expert img.thumb {
    float: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 20px;
}

.private_journey_costs h4 {
 background-image: url(../images/headers/h4_privatejourney_costs.png);
}

.private_links h4 {
 text-indent:0px !important;
}

.private_gallery_teaser h4 {
 background-image: url(../images/headers/h4_photo_gallery.png);
}


/*
Custom Inquiry Form > Custom Safari
05.06.2010
-------------------------------------------------- */
.res_customsafaridetails textarea.wide{
    width: 400px;
}

.res_customsafaridetails #cabin_col{
    padding:0 12px 0 0;
    width: 430px;
}

.res_customsafaridetails #gallery_col{    
    padding:0 0 0 12px;
    width:430px;
}

.res_customsafaridetails ul li label{
    width: 160px;
}

.res_customsafaridetails ul li input.checkbox{
    margin-right: 6px;
}

/* 
 * "two-columns" class added to <ul>s with need for 
 * two columns of checkboxes.
 * 
 * NOTE:    
 * inherited <ul> width = 430px, 
 * inherited <li> width = 2px (all sides)
 * Total width of single <li> must be half 
 * of <ul>'s width.
 */
.res_customsafaridetails ul.two-columns li{
    clear: none;
    float: left;
    width: 211px;
}

.res_customsafaridetails ul.two-columns li.wide{
    width: 426px;
}

/*
 * Gift Certificates addition, see tid13776
 */
#page_tools li.giftcert a {
    background-image: none;
    text-align: left;
}
#page_tools li.giftcert a img {
    margin-left: -20px;
    margin-right: 10px;
}

/*
 * Gift Certficate checkout page, see tid13776
 * Because this page was unfortunately based on the main reservation form, meaning a lot
 * of base/wrapper classes were re-used, we can't really separate this out.
 * So, drop and hope.  This is the CSS provided by Tim.
 */
h2.giftcert_head {
    background-image: url(../images/headers/h2_giftcertificate.png);
}
h2.giftcert img {
    position: absolute;
    left: 840px;
    top: 5px;
}
h2.giftcert_confirm_head {
    background-image: url(../images/headers/h2_res_confirm.png);
}

.res_giftdetails h4.color_bar {
    background-image: url(../images/headers/h4_res_giftdetails.png);
}
.res_giftdetails h4.color_bar img {
    right: 37px;
    top: 0;
}

.reservation_page .gift-recip_col {
    width: 375px;
    padding-left: 20px;
}
.reservation_page .gift-giver_col {
    width: 375px;
    padding-left: 50px;
    background: url(../images/dotted_line_vert.png) top left repeat-y;
}

.reservation_page .addltrav_col {
    width: 375px;
    padding-left: 20px;
}
.reservation_page .addltrav_col2 {
    width: 375px;
    padding-left: 50px;
}

fieldset.addl-trav-box {
    padding: 10px;
    margin-bottom:20px;
    border: solid 1pt #CCCCCC;
}

.reservation_page .res_giftdetails textarea.wide {
    width: 400px
}

p.gift-form-intro {
    font-weight: bold;
    font-size: 12px;
    margin:0px;
    padding:0px;
}

p.gift-form-tripname {
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}

div.giftoption_col {
    width: 800px;
    padding: 20px;
    margin-left: 20px;
    overflow: none;
}