.jcarousel-skin-gap .jcarousel-container {}

.jcarousel-skin-gap .jcarousel-container-horizontal {
    width: 600px;
    
}

.jcarousel-skin-gap .jcarousel-clip-horizontal {
    height: 150px;
}

.jcarousel-skin-gap .jcarousel-item {
    width: 150px;
    height: 150px;
}

.jcarousel-skin-gap .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-gap .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-gap .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carousel_right.png) no-repeat 0 0;
}

.jcarousel-skin-gap .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-gap .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-gap .jcarousel-next-disabled-horizontal,
.jcarousel-skin-gap .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-gap .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-gap .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carousel_left.png) no-repeat 0 0;
}

.jcarousel-skin-gap .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-gap .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-gap .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-gap .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-gap .jcarousel-pgaprev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* isloated styling by attit */
.guide-icon { float: left; margin: 0px 10px 10px 0px;}
.guide-overview { margin: 0px; border-right: 1px solid #CCC; width: 470px; padding: 0px 10px 0px 0px;}
.guide-highlights { float: right; width: 155px; margin: 0px; padding: 0px;}

#destinationguides { clear: both; }
#destinationguides .hgroup { clear: both; }
#destinationguides .vgroup { width: 33%; float: left; padding: 0; margin: 0px;}
#destinationguides .vgroup.first .guide-region { margin-right: 5px; }
#destinationguides .vgroup.middle .guide-region { margin-right: 5px; margin-left: 5px; }
#destinationguides .vgroup.last .guide-region { margin-left: 5px; }

.guide-region { padding-bottom: 1px; }
.guide-region ul { list-style: none; list-style-image: none; margin: 0; padding: 4px 11px; }
.guide-region ul li { display: block; margin: 0; padding: 0; list-style: none; list-style-image: none; line-height: 18px; font-size: 12px; clear: left; width: 50%; }
.guide-region ul li a { display: block; padding-left: 3px; font-weight:bold; text-decoration:none; }
.guide-region ul li a:link  { color:#5A4099; }
.guide-region ul li a:hover { color: #aad045; }

/* see: http://www.alistapart.com/d/multicolumnlists/example6.html */
.guide-region ul li.split { margin-left: 50%;  }
.guide-region ul li.shift-2 { margin-top: -18px;  }
.guide-region ul li.shift-2 { margin-top: -36px;  }
.guide-region ul li.shift-3 { margin-top: -54px;  }
.guide-region ul li.shift-4 { margin-top: -72px;  }
.guide-region ul li.shift-5 { margin-top: -90px;  }
.guide-region ul li.shift-6 { margin-top: -108px;  }
.guide-region ul li.shift-7 { margin-top: -126px;  }
.guide-region ul li.shift-8 { margin-top: -144px;  }
.guide-region ul li.shift-9 { margin-top: -162px;  }
.guide-region ul li.shift-10 { margin-top: -180px;  }
.guide-region ul li.shift-11 { margin-top: -198px;  }
.guide-region ul li.shift-12 { margin-top: -216px;  }
.guide-region ul li.shift-13 { margin-top: -234px;  }
.guide-region ul li.shift-14 { margin-top: -254px;  }
.guide-region ul li.shift-15 { margin-top: -270px;  }
.guide-region ul li.shift-16 { margin-top: -288px;  }
.guide-region ul li.shift-17 { margin-top: -306px;  }
.guide-region ul li.shift-18 { margin-top: -324px;  }
.guide-region ul li.shift-19 { margin-top: -342px;  }

/* region icons and colours */
.guide-region h4 { font-size: 14px; padding: 3px; background-repeat: no-repeat; background-position: right; }
.guide-region h4, .guide-region h4 a { color: #FFF; font-weight: 400; }
.guide-region h4 { font-weight: 400; text-shadow: none; padding: 4px 14px; letter-spacing: 1px; background-color: #5a4099;}

#destination-guide-nav div.active h4 { background-color: #856ec2; }
#destination-guide-nav div.active h4 a { color: #fff; }
#destination-guide-nav div.active h4 a:visited { color: #fff; }

/* destination guide navigation */
#destination-guide-nav {
    z-index:2; 
    padding: 0; 
    min-width: 150px; 
    color: #444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    margin: 0; 
}
#destination-guide-nav h4 { cursor: pointer; width: 100%; margin: 0; padding: 0; height: 2em; line-height: 2em; }
#destination-guide-nav h4 a { display: block; float: left; padding-left: 1em; }
#destination-guide-nav .guide-region ul {
    border: 1px solid #a0b1b8;
    border-top: none;
    border-bottom: none;
}

/* South America is the last in the destination guide
 * navigation, so we round the bottom corners. */
#destination-guide-nav #id-south-america ul {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;

    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid #a0b1b8;
}
#destination-guide-nav #id-south-america h4 {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
#destination-guide-nav #id-south-america.active h4 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#destination-guide-nav-title { 
    margin: 0; 
    padding: 0;
    background: #4C037F;
    background: -webkit-gradient( linear, 0 50%, 0 100%, from(#5A4099), to(#4C037F) ); 
    background: -moz-linear-gradient(top, #5A4099, #5A4099, #4C037F);
    -moz-border-radius: 4px 4px 0 0; 
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
    z-index: 3;
}
#destination-guide-nav-title h2{ 
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.71em;
    padding: 4px 14px;
    letter-spacing: 1px;
    margin: 0;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#trip_results { background-color:white; }
#results h2 { font-size: 16px!important; padding: 5px;}
#trip_results h3 { font-size:18px; color:Navy; font-weight:bold;}
.view-btns { margin: 0 5px 0 0; padding: 5px; float: left;}

/* Results Brief View */
h1 { margin: 0;}
.trip_description { margin: 0; border-top: 1px solid #a0b1b8; padding: 0px 0px 10px 0;}
.trip_description .thumbnails { float: left; margin: 10px 0 10px 0; }
.trip_description p { font-size: 13px; margin: 0 0 5px 0;}
.trip_description h2 { font-size: 14px; margin: 0px 0px 10px 125px; border-right: 1px solid #a0b1b8; border-left: 1px solid #a0b1b8; border-bottom: 1px solid #a0b1b8; padding: 5px 10px; background-image: url(images/grey_h3.png); background-position: -5px -1px; background-repeat: no-repeat;}
#trip-highlights h3 { margin: 0; padding: 0; }
#trip-highlights p { width: 280px;}
#trip-highlights { float: left; width: 240px!important; margin: 0 0 0 5px;}
#trip-extras { font-size: 11px; float:right; padding: 5px!important; background-color: #f0eeed; width: 200px; border: 1px solid #a0b1b8; position: relative; top: -11px;}
.trip-code { color: #9b9a9a; font-size: 12px;}
.extra_description { margin: 0 0 0 0; clear: both;}
#display_list_view,#display_detailed_view { float: left;}
a.view_more { font-size: 12px; margin: 0px 0px 0px 5px;}
.this-trip { position: relative; top: 2px;}
#results h2 a { font-size: 13px;}
#lowest-fares { display: block; width: 160px; float: right; }

/* Table View */
#brief_results_header { border-bottom: 1px solid #CCC; float: left; margin: 0 0 0px 0; padding: 0px 0px 10px 0px;}
#brief_results_header a { font-size: 12px;}
.result_trip_name_column,.result_country_column,.result_price_column,.result_start_date_column,.result_service_level_column,.result_style_column,.result_duration_column,.result_local_payment_column { float: left; margin: 0 0px 0 0; text-align: center;  padding: 0; font-size: 11px; color: #474747;}
.result_trip_name_column { width: 135px; font-size: 12px; text-align: left;}
.result_start_date_column,.result_style_column { width: 100px;}
.result_service_level_column { width: 90px;}
.result_style_column { width: 80px;}
.result_country_column { width: 75px;}
.result_price_column { width: 90px;}
.result_duration_column { width: 70px;}
.brief_trip_description { float: left; margin: 0 0 0px 0; border-bottom: 1px solid #a2b7ba;}
.result_even { background-color:#e3f5f9; padding: 10px 0px 10px 5px;}
.result_odd { background-color:white; padding: 10px 0px 10px 5px;}
.result_discounted_departure { clear: both; }

/* Real TABLE view */
#trip-results-table { border: none; padding: 0; margin: 0; table-layout: fixed; }
#trip-results-table th { border: none; text-align: left; border-bottom: 1px solid #A2B7BA; font-size: 12px; }
#trip-results-table th a { padding: 10px 10px 10px 0; }
#trip-results-table th.sort-up a { background: url(../images/arrow-btn-up.jpg) no-repeat right center; }
#trip-results-table th.sort-down a { background: url(../images/arrow-btn.jpg) no-repeat right center; }
#trip-results-table tr.odd { background-color:#e3f5f9; }
#trip-results-table tr.even { background-color:white; }
#trip-results-table td { border: none; border-bottom: 1px solid #A2B7BA; font-size: 11px; padding: 10px 0 10px 2px; color:#474747; }
#trip-results-table tr.has-promo td { border-bottom: none; }
#trip-results-table tbody tr:hover { background-color:#f3ffad; }
#trip-results-table tbody tr a:hover { color: #5A4099; }
#trip-results-table tr.promos-discounts p { font-size: 11px; margin:0; padding:0; color: #555E63; }
#trip-results-table tr.results-trip a { font-size: 12px; display: block; padding: 0 10px 0 0; }
#trip-results-table .promos-discounts td { padding: 5px 10px 0 10px; }
#trip-results-table .promos-discounts td a:hover { text-decoration: none; }
#trip-results-table .promos-discounts ul { margin: 0 0 5px 0; }
#trip-results-table .promos-discounts .discount a { background: url(../images/tag-discount-icon-s.png) no-repeat top left; display: block; padding-left: 41px; }
#trip-results-table .promos-discounts .discount a span.text { color: #FFF; }
#trip-results-table .promos-discounts .discount span.text { display: block; background: url(../images/tag-discount-text-s.png) repeat-x top right; height: 25px; padding-top: 10px; padding-right: 3px; }
#trip-results-table .promos-discounts .discount span.change { font-weight: normal; }
#trip-results-table .promos-discounts .discount span.change strong { font-size: 12px; font-weight: bold; }
#trip-results-table .promos-discounts .promo span { display: none; }


table.departures { table-layout: fixed; }
table.departures th { text-align: left; padding: 0; }
.trip_description table.departures, #trip-results-table .departures table { width: 100%; }
.trip_description table.departures td, #trip-results-table .departures td { padding: 0 10px 10px 10px; font-size: 11px; }
.trip_description table.departures td, #trip-results-table .departures table td { border: none; padding: 0; }
.trip_description table.departures th, #trip-results-table .departures th { border: none; font-size: 11px; }
.trip_description table.departures { margin-top: 10px; }

table.departures th.date, table.departures th.availability{ width: 120px; }
table.departures th.view, table.departures td.view { width: 60px; text-align: right; }
table.departures th.room { width: 105px; }
table.departures th.price { width: 60px; }

#order_by_trip { width: 155px; }
#order_by_country { width: 75px; }
#order_by_duration { width: 60px; }
#order_by_start_date { width: 115px; }
#order_by_trip_style { width: 70px; }
#order_by_service_level { width: 90px; }
#order_by_price { width: 80px; }

.departure-layout-1 #order_by_trip { width: 255px; }
.departure-layout-1 #order_by_country { width: 170px; }

.departure-layout-2 #order_by_trip { width: 255px; }
.departure-layout-2 #departure_dates_link { width: 100px; }

/* Navigation Tabs */
#list_views ul, #list-views ul li { list-style: none; list-style-image: none; margin:0; padding:0; }
#list_views ul li { display: inline-block; margin-right: 4px; zoom: 1; *display: inline; }
#list_views #list, #list_views #details { clear: both; margin-top: 0.5em; }

/* promos */
.discount-results { background: url(images/sale-left-bg.png) left no-repeat!important; width: auto; text-align: right; float: right; margin: 0px!important; padding: 0px 0px 0px 0px;}
.discount-results span { background: url(images/sale-right-bg.png) right no-repeat; font-size: 12px!important; color: #FFF!important; padding: 5px; font-weight: bold; display: block; }
.discount-results a { color: #FFF!important;}
span.discount-results { text-align: left!important; float: left; margin: 0px; display: block; padding: 0px 0px 0px 5px;}
.brief_trip_description .discount-results { padding: 0px 0px 0px 5px; clear: left; }
#generic-trips h2 { width: 509px; margin: 0px 0px 10px 125px; border-right: none; padding: 5px 20px 5px 5px; font-size: 13px;}
#generic-trips #trip-extras { font-size: 11px; padding: 0px 5px; }
#generic-trips .extra_description { padding: 0px!important; margin: 0px!important; clear: both;}
#generic-trips .extra_description p { padding: 0px 5px 0px 0px; font-size: 12px; margin: 0px!important;}
#generic-trips #trip-highlights { width: 300px!important; margin: 0 0 0 7px !important; float: left; }
#trip-highlights h4 { font-size: 13px; margin: 0px 0px 5px 0px;}

/* wishlist */
#wish-list #trip-extras { margin: 0px 0px 0px 431px!important;}
#wish-list .extra_description { clear: both!important;}

/* promos with badges and facebox */

#facebox form { border-bottom: 1px solid #a0b1b8; padding: 20px 0px 0px 0px;}
#facebox dl { font-size: 11px; float: left; margin: 0px 20px 20px 0px; border-right: 1px solid #a0b1b8; width: 400px;}
#facebox #promo_description { width: 600px; font-size: 12px;}
#facebox dt { float: left!important; clear: both; width: 125px;}
#facebox dd { float: left; }

div.promotions { clear: both; margin-top: 10px; }
div.promotions p { margin: 0; font-size: 11px; }
div.promotions ul.promotions-list { margin-top: 0; }
div.promotions a:hover strong { color: #aad045; text-decoration: none; }

/* for promo landing page 
#trip-landing-page img.left { margin: 50px 20px 50px 0px;}
*/

/* Facetted Searching */
#trip-facets { background: #EEE; border: 1px solid; border-color: #DDD #BBB #BBB #DDD; padding: 10px; margin-bottom: 10px; }
#trip-facets .facet-group { float: left; width: 150px; padding-right: 0px; }
#trip-facets .facet-group.selected { display: none; }
#trip-facets .facet-group ul { height: 200px; overflow: auto; background: #FFF; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; margin:0; }
#trip-facets .facet-group ul li { }
#trip-facets .facet-group ul li a { display: block; font-size: 12px; padding: 1px 5px; }
#trip-facets .facet-group ul li a:hover { color: #FFF; background: #5A4099; text-decoration: none;  }

#trip-facets .facet-group ul li a span { font-weight: normal; font-color: #AEA3CC; }
#trip-facets .facet-group ul li.zero { color: #AEA3CC; padding: 1px 5px; }
#trip-facets .facet-group ul li.selected, #trip-facets .facet-group ul li.selected a { color: #FFF; background: #5A4099; }

#trip-facets-selected { margin-top: 10px; }
#trip-facets-selected a { background: #5A4099; color: #FFF; display: inline-block; padding: 3px; }
#trip-facets-selected a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; }

/* Generic Landing Page(s) */
#trip-landing-page a.image { float: left; padding: 10px; }
#trip-landing-page h3 { clear: left; }
.promotions-landing-page #trip-landing-page .description, .styles-landing-page #trip-landing-page .description { margin-left: 120px; }
.activities-landing-page #trip-landing-page .description { margin-left: 70px; }