/**
 * This stylesheet is specifically for gapadventures.com. It should
 * not be used for any affiliate or common application templates. Any applications
 * with stylesheets should be style minimally to retain a functional layout
 * and skin based styles (colours, borders, shadows, fonts, backgrounds) should
 * be placed in the respective site's stylesheet. This ensures reusability of
 * styles without limiting the visual appearance for associate sites.
 */
html { background:#5A4099; height: 100%; }
body { 
    padding: 0; 
    margin:0; 
    background: #FFF; 
    color: #4a4a4a; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 13px;
}
legend {
    color: #393939; 
}
iframe { border: none;}

/* remove outline on focused blocks */
a { outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }    

p { 
    margin: 0.5em 0; 
    line-height:1.3em; 
}

h1, h2, h3, h4, h5 {
  line-height: 1em;
  margin: 1em 0 0.5em 0;
  font-weight: 400;
} 
h1 { font-size: 1.8em; line-height: 1.4em; text-transform: uppercase; }
h2 { font-size: 1.4em; line-height: 1.4em; text-transform: uppercase; }
h3 { font-size: 1.3em; line-height: 1.4em; text-transform: uppercase; }
h4 { font-size: 1.2em; line-height: 1.4em; }
h5 { font-size: 1.1em; }

#content {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
} 
#content h1, #content h2, #content h3, #content h4, #content h5, 
#content-head h1, #content-head h2, #content-head h3, #content-head h4, #content-head h5, 
#content-foot h1, #content-foot h2, #content-foot h3, #content-foot h4, #content-foot h5 {
  font-family: 'MuseoSlab900', 'Rokkitt', serif; 
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content-head h1 a {
  font-weight: 400;
}

/* Styles for main sections */
.squeeze { width: 970px; margin: 0 auto; }
#container { min-height: 100%; }
#header { position: relative; z-index: 3; background: #FFF; }
#content { padding: 10px 0 0 0; }
#content_agents {
	padding: 0;
}
#content-head { padding: 0; clear: both; }
#content-head img, #content-head object, #content-head embed { margin-top: 10px; }
#content-head h1, h1#welcome-heading  {
    font-size: 2em; 
    margin: 0.2em 0;  
    font-weight: normal;
    text-transform: uppercase;
    color: #454545;
    letter-spacing: 1px;
    line-height: 1em;
}

#gap-logo { display: block; float: left; padding: 0; margin: 15px 0 15px 0; clear: left; }
#affiliate-rail { text-align: center; padding: 0; margin: 0; width: 100%; background-color: #FFF; clear: both;}
#top-rail { padding: 0; margin: 0; border-top: 8px solid #5A4099; }

#breadcrumbs {
    padding: 0.5em 0 1em 0;
    font-size: 0.9em;
}
#breadcrumbs ul, #breadcrumbs ul li { margin: 0; padding: 0; list-style: none;}
#breadcrumbs ul { margin: 0 0 0 5px; }
#breadcrumbs ul li { list-style: none; list-style-image: none; }
#breadcrumbs ul li.last, #breadcrumbs ul li.last a { background: none; }
#breadcrumbs a, #breadcrumbs strong { 
    display: inline-block; 
    line-height: 1.8em;
    background: url('images/chevron-green-light.gif') no-repeat right center; 
    zoom:1; *display:inline; /* IE */
    padding: 0 1em 0 0;
    font-weight: 400;
}
#breadcrumbs a {
    color: #856ec4;
}
#breadcrumbs span { display: inline-block; color: #888; } 
#breadcrumbs span.next { color: #999; }
                 
#h-misc { padding-left: 0; font-size: 11px; margin-top: 5px; float: right; line-height: 12px; }
#h-misc a, #h-misc strong { display: inline-block; margin: 0 4px; }
#h-misc a:hover { }

#h-contact { 
    float: right; 
    clear: right; 
    height: 90px;
    padding-top: 15px;
}
/* Europe, Middle-East, Africa - header contains staff photo */ 
.emea #h-contact {
    background: url(../images/contact-girl.png) no-repeat left bottom;
    padding-left: 70px;
}
#h-contact a { 
    font-size: 12px; 
    display: block; 
    font-weight: 400;
    color: #89959F; 
    text-align: right;
}
#h-contact strong { 
    font-size: 35px; 
    line-height: 35px;
    color: #5A4099;
    display: block;
    letter-spacing: 0;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    text-align: right;
}
#h-social { 
    margin-top:5px;
    float: right;
    clear: right;
    min-width: 220px;
}
#h-social .share-button { 
    float: right;
}
#h-social .share-loading {
    display: none;
    float: right;
    font-weight: 700;
    color: #89959F; 
}
#h-social .share-facebook, #h-social .share-google, #h-social .share-twitter {
    display: none;
    float: right;
}
#h-social .share-facebook {
    width: 95px;
}
#h-social .share-google {
    width: 35px;
}
#h-social .share-twitter {
    width: 65px;
}

/* Account/Login/Logout */
#account { float: right; font-size: 11px; margin-top: 5px; text-transform: uppercase; }
#account.loggedin { margin-top: 10px; margin-right: 5px; text-align: right; font-size: 12px; }
#account a { display: inline-block; margin: 0 4px; }
 
/* login popup */
form#login-modal-box { width: 370px; border: none; padding: 1em; }
form#login-modal-box .button { float: right; }
form#login-modal-box div.row label { width: 100px; }

#overlay {
    display:none;
    z-index:10000;
    background-color:#EEE;
    min-height:200px;
    border:1px solid #666;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;  

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#overlay .close { background: url(../images/close-btn.png) no-repeat center; display: block; position: absolute; top: 5px; right: 5px; width: 29px; height: 29px; cursor: pointer; }
 
a { text-decoration: none; font-weight: bold; }
a:link    { color: #5A4099; }
a:visited { color: #8B70CD; }
a:hover   { color: #aad045; text-decoration: underline; }
a:active  { color: #342559; }
a.edit { padding: 3px 0 3px 20px;}
a.edit:hover { background-image: url(images/green_blue.png); background-repeat: no-repeat; background-position: left center; }
                                
/* column layout */
#col-a { float: left; }
#col-b { float: right;}
#col-a { width: 300px; margin: 0; padding: 0; overflow: hidden; }
#col-a #ad-spot { overflow: visible; border: none; margin: 5px 0 -30px -8px; padding: 0; width: 310px; height: 290px; }
#col-b { width: 650px; margin: 0; overflow: hidden; }
#col-a #flash-finder-map { width: 298px; background-color: #42217a; margin: 0; padding: 0; }

.col-a-div-markspots { -webkit-border-top-left-radius: 11px;
-webkit-border-bottom-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-bottomright: 11px;
border-top-left-radius: 11px;
border-bottom-right-radius: 11px; display: block; border: 1px solid #cccccc; margin-bottom:10px; }
.col-a-div { margin: 15px 0 15px 0;} 
#col-a div.first { margin: 15px 0 15px 0;} 
#tan-ads { margin-top: 15px; }

/* TODO: 980 pixels is too big. max 970! */
body.layout-large .squeeze { width: 980px; padding: 0;}
body.layout-large #col-a { margin: 10px 10px 0 0;}
body.layout-large #col-b { position: relative;}
body.layout-large #col-a #ad-spot { overflow: visible; border: none; margin: 0 0 -35px -8px; padding: 0; width: 310px; height: 290px; scroll: no-scroll; }
body.layout-large #col-b h1 { margin: 0 0 15px 0;}

/*  Formatting styles for content 
 *  NOTE: Do NOT set the font size for paragraph or line items. 
 *        These should inherit from the default body font size above.
 */
img { border: none;}
ul li { list-style: disc outside url(images/chevron-green-light.gif); margin-bottom: 5px; }

/* Containers with a dark background (e.g. purple) should have the dark
   class, which will colour text and links appropriately */
.dark { background-color: #5A4099; color: #FFF; }
.dark, .dark p { color: #FFF; }
.dark a:link    { color: #FFF; border-bottom: 1px dotted #A17BF2; }
.dark a:visited { color: #EEE; }
.dark a:hover   { color: #aad045; text-decoration: none; border-bottom: 1px dotted #AAD045; }
.dark a:active  { color: #aad045; }
.dark ul li { list-style: disc outside url(images/chevron-green-dark.gif); }

/* Reusable classes */
.main-title { font-size:36px; line-height:30px; margin:0 0 10px; padding:0; }
.silver-bg { 
    color: #555e63; margin: 0; 
    background: url(images/grey_h3.png) no-repeat top left; 
    background: -webkit-gradient( linear, 0 0%, 0 100%, from(#A0B1B8), to(#FFF) ); 
    background: -moz-linear-gradient(top, #A0B1B8, #FFF, #FFF);
    border: 1px solid #A0B1B8;
    border-bottom: none;
    padding: 5px; 
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px 0 0 0;
    font-weight: bold; border-right: 1px solid #cccccc;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); 
}
#content h3.silver-bg, #content h4.silver-bg, #content h5.silver-bg { 
    font-size: 14px; 
    margin: 0;
}
.font-18 { font-size: 18px; margin: 0 0 10px -1px;}
.font-14 { padding: 0 5px; margin: 5px 0; font-size: 14px;}
.headline-float {float: left; margin: 0 30px 5px 0; padding: 0; clear: both; width: 100px;}
.no-margins { margin: 0; padding: 0 0 0 0;}
.purple-bg { background-image: url(images/purple_h2.png); background-repeat: no-repeat; background-position: bottom; color: #FFF; border: none; padding: 3px;}
.nav-headlines { font-size: 11px; text-transform: none; background-color: #5a4099; padding: 3px 3px 15px 3px; display: block; }
.silver-bg span img {margin-left: 10px;}
.no-border { border: none;}
.right { float: right; margin: 0 0 10px 10px;}
.left { float: left; margin: 0 10px 10px 0;}
.micro { font-size: 12px;}
.super-micro { font-size: 10px; margin: 0; }
.large { font-size: 28px; font-weight: normal; display: block; margin: 20px 0 5px 10px; color: #FFF;}
.copy { font-size: 14px; color: #FFF; margin: 0 0 0 10px; display: block;}
.hidden { display: none; }
.no-margin { margin: 0; } 
img.left { margin: 10px 10px 0 0;}
 
/* border classes */
.border-purple { border: 1px solid #5A4099; padding: 10px 15px; margin: 0 0 12px 0; display: block;}
.border-blue { border: 1px solid #55bcdb; padding: 0; margin: 0 0 10px 0; display: block;}
.border-silver { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 0 0 0; margin: 0 0 10px 0; }
.border-silver-full { border: 1px solid #cccccc; padding: 5px; margin: 0 0 15px 0; }
ul.border-silver-full { list-style-position: inside; padding-left: 2em; }
#col-a .border-silver-full ul { margin: 0 0 0 15px; }
#col-a .border-silver-full ul li { margin-bottom: 10px; }
#col-a #user_wishlist ul { margin: 0; list-style: none; }


/* Colours TODO: This is the wrong use of styles, it's like using  font color='...' */
.green { color: #aad045;}
.purple { color: #5A4099;}
.blue { color: #55bcdb;}
.white { color: #FFF;}
.maroon { color: #9F005F;}
.terquois { color: #36BDA1;}
.orange { color: #C83D18;}
.grey { color: #333;}
 
.grey-background { background-color: #f0eeed; border: 1px solid #cccccc; padding: 10px; }
.green-background { background-color: #AAD045; }
.blue-background { background-color: #e0f7fd; }
.light-purple-background { background-color: #5A4099; }
.dark-purple-background { border: 1px solid #5A4099; color: #5A4099; width: 613px; font-size: 20px; padding: 10px 0 0 10px; }

.smaller-nav li { font-size: 11px;}
.no-bg { background: none;}
.gal-thumbs li { float: left; border: none; margin: 0 3px 0 0; padding: 0;}
.tracker-flag { margin-right: 10px; }
.tracker-micro { font-size: 11px; }
.logo-right { float: right; margin: 0 0 10px 10px;}
.chev-right { background-image: url(images/chevron-green-light.gif); background-repeat: no-repeat; background-position: right 3px; padding: 0 12px 0 0;}
.blocked-chev { background-image: url(images/blocked-chev.png); background-repeat: no-repeat; background-position: left; padding-left: 25px;}
.border-blue { border: 1px solid #55bcdb; padding: 0; margin: 0 0 10px 0; display: block;}
                                
/* TODO: Default lists should have style; not this class. */
.bullet-list li { list-style-type: disc; list-style-position: inside; font-size: 13px; color: #333; }

/* Pagination */
.pagination { text-align: right; float: right; padding: 10px 0; }
.pagination span,.pagination a { margin: 0 0 0 0; display: inline;}

/* jCarousel styles */
#marketing-ads.carousel.js { padding: 0 0 0 0; }
#marketing-ads.carousel.js .carousel-wrap { margin:0; }
#marketing-ads.carousel ul { margin:0; padding:0;}
#marketing-ads.carousel.js ul li { padding: 0; text-align:center; height: 100px; width: 300px; display:inline;float:left; background-color: #369;}

#full-carousel { position: relative; height: 300px; z-index: 2;}
#full-carousel ul, #new-carousel ul li { margin: 0; padding: 0; list-style: none; }
#full-carousel ul { }
#full-carousel ul li { float: left; }
#full-carousel .prev, #full-carousel .next { position: absolute; z-index: 999999;}
#full-carousel .prev { left: 0; top: 110px;}
#full-carousel .next { right: 0; top: 110px;} 

.logo-right { float: right; margin: 0 0 10px 10px;}
 
.quotes { background-image: url(images/quotes-bg.png); min-height: 40px; background-repeat: no-repeat; padding: 0 0 0 50px; margin: 10px; position: relative;}
.quotes p { font-size: 12px; color: #7b7b7b; }

.quotes_flat { width: 300px; background-image: url(images/quotes-bg.png); background-repeat: no-repeat; padding: 0px 0px 0px 50px; margin: 0px 10px 10px 10px; float: left; }
.quotes_flat p { font-size: 20px; color: #7b7b7b; }

.marine { width: 175px; float: left; margin: 0 9px 0 9px; height: 450px;}
.marine p { font-size: 11px;}
.marine .purple { font-size: 16px;}
.marine img { margin: 10px 0;}

#destinations { margin: 10px 0 20px 0;}
#destinations li { margin: 0 0 5px 5px; font-size: 11px;}
.title .right { font-size: 12px; }

.compass-down { background-image: url(../images/gap_server_upgrade.jpg); background-repeat: no-repeat; background-position: center; margin: 10px 0; height: 582px;}
.compass-down h1, .compass-down p { color: #FFF; margin: 10px 0 0 50px;}
.compass-down a { color: #FFF; }
.compass-down h1 { padding: 10px 0 0 0; font-size: 30px; position: relative; top: 80px;}
.compass-down p { font-size: 14px; width: 300px; position: relative; top: 150px;}
 
.new-carousel button { float: left; }              
.new-carousel a.prev, .new-carousel a.next { display: block; float: left; width: 30px; text-decoration: none; }
.new-carousel a:hover, .new-carousel a:active { border: none; outline: none; }                 
.new-carousel ul { margin: 0; }
.thumb-region { margin: 10px 0 10px 0; }
.thumb { margin: 10px 8px 10px 0;}
.thumb:hover { cursor: pointer;}
.home { float: right; margin: 10px 0 0 50px;} 
#brief_results_header a:hover { text-decoration: none; color: #5a4099; } 
 
#special-offers { width: 325px; margin: 0 0 0 0; }
#special-offers { float: left;}
#special-offers ul { padding: 0 5px; font-size: 12px;}
#special-offers li { margin: 0 0 10px 0;}
#special-offers span.green { float: left; font-size: 14px; width: 70px; margin: 0 0 20px 0;}
#special-offers li span.micro { margin: 0 0 0 0;}

.requests { width: 400px;}
.eval-items textarea { width: 250px; height: 100px; margin: -15px 0 0 0; padding: 0;}
.eval-items { margin: 15px 0 50px 0;}

/* FAQ */
.question,.answer { display: inherit;}
.question { width: 300px; font-size: 13px;}
.answer { width: 40px; font-size: 12px;}

/* pillar content styles */
#page-banner { margin: 0 0 10px 0; position: relative;}
#page-banner .copy { display: block; position: absolute; width: 300px; text-align: left; margin: 70px 0 0 20px; padding: 0;}
#page-banner.gen-trip-list .copy { display: block; position: absolute; width: 320px; text-align: left; margin: 10px 0 0 10px; padding: 0;}
#page-banner.gen-trip-list .copy p { font-size: 14px; line-height: 18px;}
#page-banner .copy h1 { text-transform: uppercase; font-weight: normal; font-size: 30px; margin: 0 0 10px 0;}
#page-banner .copy-small { display: block; position: absolute; width: 339px; text-align: left; margin: 0 0 0 5px; padding: 0;}
#page-banner .copy-small h1 { text-transform: uppercase; font-weight: normal; color: #FFF; font-size: 28px; margin: 20px 0 0 20px;}
#page-banner .copy p { padding: 0; color: #FFF; font-size: 16px; font-weight: normal; line-height: 20px;}
#page-banner .page-rail { border-left: 1px solid #FFF; 
    background:url(../images/rail-purple.jpg) no-repeat bottom right;position:absolute; bottom:0;right:0;width:43px;height:300px;
}
 
.pillar-content { float: left; margin: 10px 10px 0 10px; width: 195px;}
.pillar-content-first { float: left; margin: 10px 18px 0 0; width: 195px;}
.pillar-content-last { float: left; margin: 10px 0 0 18px; width: 195px;}
.pillar-content p { margin: 0 0 0 0; font-size: 12px; line-height: 14px; padding: 0;}
.pillar-content h5 { font-size: 14px;}
.pillar-lists { width: 300px; float: left; }
.pillar-lists.margin { margin: 0 20px 0 0;}
.pillar-lists h3 { margin: 0;}
.pillar-lists .border-silver { padding: 10px;}
.pillar-lists p { margin: 0 0 10px 0;}

div.border-silver-left-event {  padding: 10px 0 10px 10px; margin: 0 -10px 0 0; width:300px; min-height: 200px; float:left;}
div.border-silver-right-event {  border-left: 1px solid #cccccc; padding: 10px; margin: 0 0 0 0; width:205px; float: left;}
div.border-silver-right-event  .sign { width: 250px; padding-left: 30px; margin-top: -30px;}

.pillar-lists-wide { width: 660px; }
.pillar-lists-wide li { float: left; width: 215px; min-height: 60px; }

#connect div { padding: 3px; }
h2 .micro.right { margin: 5px 8px 0 0; font-size: 10px;}
h2 .micro.right.image { margin: 0 8px 0 0; }
#content .pillar-content h3 a, #content .pillar-content-first h3 a, #content .pillar-content-last h3 a { font-size: .7em; font-weight: normal;}

/* trip details pages */
#details-index li { font-size: 11px; margin: 0 0 5px 0;}
#details-body { padding: 0 10px;}

/* activities, service levels and trip styles icon list */
#activities, #service-levels, #trip-styles { margin: 0 auto; list-style: none;}
#activities li { list-style: none; float: left; margin: 0 0 15px 0; padding: 0; font-size: 12px; width: 150px;}
#activities li img { width: 25px; margin: 0 10px -10px 0;}

#service-levels li { float: left; margin: 0 50px 0 0; text-align: center; list-style: none; }
ul#trip-styles { margin: 0; list-style: none; padding-top: 10px;}
#trip-styles li { list-style: none; float: left; font-size: 10px; text-align: center; margin: 0 0 0 0; width: 57px;}

#generic-trips h5 { font-size: 12px; margin: 0 0 10px 0;}
#trip-landing-page p { padding: 0 0 20px 0;}
#trip-landing-page img.left { padding: 0 0 40px 10px;}
#trip-landing-page h2 { clear: left; background-image: url(images/grey_h3.png); background-repeat: no-repeat; background-position: top right; padding: 0 5px; margin: 0; border-right: none; border-left: none;}

.testi-search input, .testi-search p { float: left; padding: 0; margin: 0 10px 10px 0; }
.testi-search input { vertical-align: middle;}
.testi-search p label { width: 120px; display: block; float: left;}

/* trip reviews for trip summary and reviews page */
#fragment-4 .quotes p, .quotes.testimonial-box p { font-size: 16px; color: #7b7b7b; margin: 0; }

/* pages */
.forms-docs { margin-top: 10px; }
.forms-docs a { font-size: 13px; }
.forms-docs a span { vertical-align: 5px; }
.forms-docs .links-left { padding: 5px; float: left; }
.forms-docs .links-right { margin-left: 330px; padding: 5px; border-left: 1px solid #cccccc; }

/* marine styles */
#slideshow { margin: 7px 0 0 0;}
#highlight { margin: 7px 0 0 0;}
#highlight li { margin: 0 0 10px 0; background-image: url(images/star-icon.png); background-repeat: no-repeat; background-position: top left; padding: 0 0 10px 30px;}
#marine .quotes { width: 590px; float: none;}

.third-size { float: left; margin: 0 10px 0 0; width: 200px;}
.pillar-lists-wide .third-size { background-image: url(../images/check-mark-icon.jpg); background-repeat: no-repeat; background-position: top left; padding: 5px 0 20px 60px; width: 140px;}

.promo-nav li img { clear: both;}
.promo-nav li { width: 95px; float: left; font-size: 10px; margin: 0 10px 0 0; text-align: center;}


/* community */
.community { color: #55bcdb; padding-bottom: 0;}
.community-pod { float: left; padding: 0 0; margin: 10px 110px 10px 10px; }
#community.border-silver-full {text-align: center; }
.community-pod { float: left; width: 200px; display: block; padding: 0 0; position: relative;}

#pod-2 { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 0 5px;}
#pod-3 { padding: 0 0 0 5px;}

#trips-features { padding: 0 !important; margin: 0 10px; }
#trips-features li { list-style: none; }
 
.tooltip {
    display: none; z-index: 10000; height: auto;
    padding: 15px; 
    color: #FFF;
    border: 4px solid #FFF; 
    font-size: 12px; 
    position: absolute;
    margin: 0;
    background: #5A4099; 
    background: -webkit-gradient( linear, 0 50%, 0 100%, from(#5A4099), to(#4C037F) ); 
    background: -moz-linear-gradient(top, #5A4099, #5A4099, #4C037F);
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 550px;
}
.tooltip p { color: #FFF; margin: 0; padding: 0;}
.tooltip .screen { float: left; margin: 0 10px 0 0;}
.tooltip a, .tooltip a:link, .tooltip a:visited { color: #aad045; }


/* twitter feed*/
.twittList a { color: #aad045;}
#juitterContainer .juitterAvatar { border: none; width: 20px; height: 20px; margin-top: 10px;}
ul.twittList, ul.twittList li { margin: 0; list-style: none; list-style-image: none; padding: 0; }
ul.twittList li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; font-weight: normal;}
 
/* Basic trip list (display on the homepage and other non-result pages) */
.trip-list { }
.trip-list ul { margin: 0; list-style: none; }
.trip-list li {  border-bottom: 1px solid #DDD; padding: 5px 0 5px 0; line-height: 1.3em; list-style: none; position: relative; } 
.trip-list li.last {  border-bottom: none; }
.trip-list .price { display: block; float: right; }
.trip-list .name-days { float: left; display: block; }
.trip-list .name-days a { float: left; display: block; width: 190px; }
.trip-list .name-days .days { width: 55px; display: block; float: left; text-align: right; }
 

.scrollable { position: relative; overflow:hidden; }
.scrollable .items { width: 20000em; position: absolute; }
.scrollable .items div { float: left; }

/* See trip_extras template tags */
.trips-carousel { position: relative; padding: 0px; }
.trips-carousel .scrollable { height: 160px; }
.trips-carousel .items div.trip img { position: absolute; z-index: 1; }
.trips-carousel .items div.trip { height: 150px; width: 150px; margin: 0 10px 0 2px; position: relative; }
.trips-carousel .items span.trip-brief { z-index: 777; display: block; position: absolute; bottom: 0; width: 100%; height: 50px; font-size: 12px; text-align: center; background: url(images/grey-square.png) repeat; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.trips-carousel .scrollable-nav { position: absolute; top: -2em; right: 12px; }
.trips-carousel div.featured-price, #content .trips-carousel h4 { 
    float: none; 
    display: block; 
    text-align: center; 
    color: #FFF; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
    padding: 0 2px; 
    font-size: 12px;
    margin:0;
}
.trips-carousel div.featured-price .from { display: none; }
.trips-carousel .items div.trip .rounded { -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; } 
.trips-carousel .local-payments { display: none; }
 

/* Search Results (colours only) */
#trip-results-table tbody tr a:hover { color: #5A4099; }

.backtosum {
	padding: 8px 0 ;
	float:left; font-size: 12px;
}
.lastupd {
	float:right; font-size: 12px;
	padding: 8px 0;
}
.agent_form_lbl { width: 250px; display: inline-block;}
#col-b h2.dest { padding: 0 0 10px 0; line-height: 18px; float: left; }
#col-b span.view {
	border: 1px solid #000;
}
#col-b div.dest { padding: 0 6px 0 0; margin: 0; }
#col-b div.dest .button { margin: 5px 0 0 0; }
#trip-landing-page { margin: 10px 0 0; padding: 20px 0 0; border-top: 1px solid #cccccc; }
object { padding: 0; margin: 0; }
 

/* Faceted navigation (finder replacement) */
#col-a .facet-group { margin: 0px 0px 10px 0px;}
#col-a .facet-group label { float: left; margin: 5px 10px 0px 0px; width: 75px;}
#col-a .facet-group select { width: 200px;}
#col-a #faceted-trips-nav input.button { float: right; width: 195px; margin: 0px 5px 0px 0px;} 

/* Promotion Pages */

/* This specific promotion has no trips, so we hide the zero-trips message */
body.save-25-additional-tour .zero-trips { display: none; }

#finder { width: 298px; background-color: #FFF; margin: 0 0 20px 0; padding: 0 0 10px 0; border: 1px solid #CCC; }
#finder .facet-group { margin: 5px 0 5px 0; }
#finder .facet-group select { width: 160px; padding: 0; }
#finder .facet-group select#id_duration_select { width: auto; }
#finder_submit {  }
#faceted_finder_form { padding: 5px 10px 10px 10px; }
#faceted_finder_form .facet-group h4 { width: 70px; }
 
/** 
 * Use these classes to add region specific colours
 * e.g. class="{{ trip.region.slug }}-background"
 */
.north-america-background { background: #77B001; color: #FFF; }
.arctic-background { background: #6EBDDE; color: #FFF; }
.central-america-background { background: #A3C322; color: #FFF; }
.south-america-background { background: #CE282D; color: #FFF; }
.antarctica-background { background: #6DBDDE; color: #FFF; }
.europe-background { background: #009FD8;  color: #FFF; }
.africa-background { background: #FF7900; color: #FFF; }
.asia-background { background: #9B005F; color: #FFF; }
.north-africa-middle-east-background { background: #C43D18; color: #FFF; }
.australia-south-pacific-background { background: #36B99D; color: #FFF; }

.north-america-border { border-color: #77B001; border-width: 2px; border-style: solid; }
.arctic-border { border-color: #6EBDDE; border-width: 2px; border-style: solid; }
.central-america-border { border-color: #A3C322; border-width: 2px; border-style: solid; }
.south-america-border { border-color: #CE282D; border-width: 2px; border-style: solid; }
.antarctica-border { border-color: #6DBDDE; border-width: 2px; border-style: solid; }
.europe-border { border-color: #009FD8; border-width: 2px; border-style: solid; }
.africa-border { border-color: #FF7900; border-width: 2px; border-style: solid; }
.asia-border { border-color: #9B005F; border-width: 2px; border-style: solid; }
.north-africa-middle-east-border { border-color: #C43D18; border-width: 2px; border-style: solid; }
.australia-south-pacific-border { border-color: #36B99D; border-width: 2px; border-style: solid; }

.central-america #content-head h1 { color: #a3c322;}
.europe #content-head h1 { color: #009FD8;}
.south-america #content-head h1 { color: #CE282D;}
.asia #content-head h1 { color: #9B005F;}
.north-africa-middle-east #content-head h1 { color: #C43D18;}
.north-america #content-head h1 { color: #77B001;}
.central-america #content-head h1 { color: #a3c322;}
.africa #content-head h1 { color: #FF7900;}

/* "Join the movement" social media section (left column) */
.social { 
    margin-bottom: 10px;
}
#social { 
    margin-bottom: 20px;
    margin-top: 30px;
}
#social h4 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Why G Adventures section in the content-foot */
.general-differences h2 { 
    padding: 1em 0;
}
.general-differences h4 a { 
    font-weight: normal;
}
.general-differences {
    border-top: 1px solid #EEE;
    background: -webkit-gradient( linear, 0 0, 0 20%, from(#EFEFEF), to(#FFF) ); 
    background: -moz-linear-gradient(top, #EFEFEF, #FFF, #FFF, #FFF);
    margin-top: 2em;
    padding: 0 0 2em 0;
} 
.general-differences .flowgrid3 div.row div.first { 
    padding-right: 20px; 
    margin-right: 20px; 
    border-right: 1px dotted #818e98;
}
.general-differences .flowgrid3 div.row div.last { 
    padding-left: 20px; 
    border-left: 1px dotted #818e98;
    float: left;
}