/* CSS Document */

/* wishlist styles */
#col-a .border-silver-full ul,#col-a .border-silver li { list-style-type: disc; list-style-position: inside; font-size: 12px; }

/* h and p tags */
.trip-summary h1 { font-size: 36px; margin: 0px 0px 10px 0px; padding: 0px; line-height: 30px;}

/* trip summary title colours match the region colour */
.trip-summary.north-america h1 { color: #77B001;  }
.trip-summary.arctic h1 { color: #6EBDDE;  }
.trip-summary.central-america h1 { color: #A3C322;  }
.trip-summary.south-america h1 { color: #CE282D;  }
.trip-summary.antarctica h1 { color: #6DBDDE;  }
.trip-summary.europe h1 { color: #009FD8;  }
.trip-summary.africa h1 { color: #FF7900;  }
.trip-summary.asia h1 { color: #9B005F;  }
.trip-summary.north-africa-middle-east h1 { color: #C43D18;  }
.trip-summary.australia-south-pacific h1 { color: #36B99D;  }

.trip-summary h3 { font-size: 16px!important;}
.trip-summary h4 { font-size: 14px;}
.trip-summary h5 { color: #FFF; font-size: 30px; font-weight: normal; margin: 0px 0px 0px -10px!important; padding: 10px 5px 35px 5px!important; background-color: #5A4099; width: 320px;}
.trip-summary h5 .pricing-micro { font-size: 11px; position: relative; top: 35px; padding: 0px 0px 0px 0px!important;}
/* span#dominant { display: block; width: 250px!important; position: absolute; margin: -10px 0px 0px 0px;} */
.trip-summary h5 .micro { margin: 0px 3px 0px 2px!important; position: relative; top: -10px; font-size: 13px!important;}
.trip-summary h5 .pricing-micro .micro { top: 0px; font-size: 10px!important;}
.trip-summary #page-banner { height: 300px; }

.itin_label { font-size: 15px}

.maps { width: 250px!important;}
#overview { clear: both; }
#overview-details p,p.itin_body  { margin: 0px 0px 20px 0px; padding: 0px; line-height: 18px;}
#overview-details ul, #overview-details ul li { margin: 0; list-style: none; }

#contact-details { margin: 10px;}
#brief-itin { padding: 20px 0px 0px 0px; }

/* pricing box */
#no-departure-message { color: #FFF; font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px!important; font-weight: bold;}
#no-departure-message a {color: #FFF; text-decoration:underline;}

#dest-guide.carousel { border:1px solid #d3d3d3;}
#dest-guide.carousel, #featured-trips.carousel .carousel-wrap {margin:0 0 15px;}
#dest-guide.carousel.js .carousel-wrap {width:600px;margin:0 15px 15px;background:#fff;}
#dest-guide.carousel ul {margin:0;padding:0;}
#dest-guide.carousel.js ul li {display:inline;float:left;padding:5px 0;width:150px;text-align:center; height: 150px;}
#dest-guide.carousel .carousel-control { margin:0px; padding: 0px; font-weight:bold; font-size:11px; cursor:pointer; position: absolute; display: inline; }
#dest-guide .carousel-previous { margin: 50px 0px 0px -10px!important;}
#dest-guide .carousel-next { margin: -80px 0px 0px 615px!important; }
#dest-guide.carousel .disabled {color:#ddd;cursor:default;background:#f4f4f4;}

/* meta content */
#meta ul { background-image: none!important; width: 250px; border: none!important; }
#meta li.meta-label { font-weight: bold; font-size: 12px!important; margin: 0px 0px 0px 0px!important; }
#meta li { float: none!important; border: none!important; font-size: 11px!important; margin: 0px 0px 15px 0px!important;}
#meta ul, #meta ul li { margin: 0; list-style: none; }
#meta { float: right; clear: right; padding: 5px; border: 1px solid #CCC; margin: 10px 0px 10px 10px; width: 250px; background-color: #f0eeed;}

.dates_and_pricing_list dl { background-image: none!important; border-right: 1px solid #CCC; float: left; margin: 0px 10px 0px 0px!important; padding: 0px 5px!important; }
.dates_and_pricing_list dt { font-weight: bold!important; clear: left!important; width: 85px; float: left; font-size: 11px; }
.dates_and_pricing_list dd { border: none!important; clear: none; margin: 0px 0px 2px 95px!important; font-size: 11px!important; }
.dates_and_pricing_list form { margin: 0px 0px 10px 0px; border: 1px solid #CCC; padding: 10px 0px; background-color: #FFF; }
.dates_and_pricing_list div input, .dates_and_pricing_list div img { margin: 5px 0px 0px 10px!important; padding: 0px!important; vertical-align: middle;}
.dates_and_pricing_list strong.purple { margin: 10px 10px 5px 10px; display: block; }
dl.legend { margin: 5px 0px 0px 0px; padding: 0; font-size: 10px; line-height: 20px; }
dl.legend dt { float: left; }
dl.legend dd { float: left; padding: 0 5px 5px 5px; margin: 0; }
dl.legend dt img { vertical-align: middle; margin: 0; }
#legend-requested-space { clear: left; }
.room-options { float: right;}

/* Trip Summary Tabs */
.trip-summary ul.tab-nav, .trip-summary .tab-nav li { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.trip-summary ul.tab-nav { background-image: url(images/grey_h3.png); background-repeat: no-repeat; background-position: left top; border-right: 1px solid #a0b1b8;}
.trip-summary ul.tab-nav li { display: inline-block; font-size: 13px; }
.trip-summary ul.tab-nav li a { padding:0.5em 1em; display: block; }
.trip-summary ul.tab-nav li a.current { background-image: url(images/purple_h2.png); color: #FFF; background-position: top right; border: none; }
.trip-summary ul.tab-nav li a#first-tab.current { background-position: left top; }
.trip-summary .tab-panes { clear: both; }

#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5, #fragment-6 { border: 1px solid #a0b1b8; padding: 0px 10px;}
#fragment-3, #fragment-6 { background-color: #f0eeed;}


/* Content tabbing */
.maps { width: 45%; float: right; margin: 10px 0px 0px 10px; border: 1px solid #CCC; padding: 5px;}


/* Tabbing function for trip summary */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 60px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 5px;
font-family: helvetica, arial!important; text-transform: uppercase; color: #5A4099; font-size: 12px;
}
.tabs-nav a {
    z-index: 2;
    padding-left: 0;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav #first-tab.tabs-selected { background-image: url(images/purple_h2.png); background-position: left top!important; }
.tabs-nav .tabs-selected { background-image: url(images/purple_h2.png); background-position: right top!important;}
.tabs-selected a span { color: #FFF!important;}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 0px 8px;
    background: #FFF; /* declare background color for container to avoid distorted fonts in IE while fading */
border-left: 1px solid #a0b1b8; border-right: 1px solid #a0b1b8; border-bottom: 1px solid #a0b1b8;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

.related-guides { 
    text-align: right;
    width: 120px;
    float: right;
}

.guide-content, #dest-tab-content  { width: 500px; }
#dest-tab-nav, #dest-tab-nav li { float: left; list-style: none; margin: 0; padding: 0; }
#dest-tab-nav li { display: inline-block; margin: 5px 0px 15px 0px; border-right: 1px solid #a0b1b8; list-style: none; padding: 3px 5px!important; }
#dest-tab-nav li a { background: none; border: none; color: #555E63; font-size: 10px; padding: 0px; }
#dest-tab-nav li a.current { color: #FFF; background-color: #5A4099; padding: 0px 5px;}

.guide-content h2 {
    background-image: none; 
    background-color: #fff;
    color: #555E63;
}


#id-dg-disclaimer { margin: 10px;}
#id-dg-disclaimer p { margin: 0!important; font-size: 10px; font-weight: bold; }

#id-lonely-planet-copy p { margin-bottom: 10px; }
.discovery-badge, .yolo-badge { position: absolute;}
.yolo-badge { top: 205px; left: 500px;}

/* new pricing box */
.pricing { float: right; border-left: 1px solid #CCC; width: 330px; padding: 0px 5px 0px 10px;}
#pricing { background-color: #7252c1; color: #FFF; position: relative;}
#pricing select { font-size: 12px !important; }
#pricing dl, #local-payments-info { border-bottom: 1px solid #5A4099; padding: 10px 5px; display: block; margin: 0; }
#pricing dl dt { float: left; clear: left; background-image: url(images/chevron-10.png); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 10px; }
#pricing dl dd { float: right; }

#local-payments-info { font-size: 0.9em; }

dl#departure_price dt#dominant { font-size: 40px; position: absolute; display: block; padding: 0px 0px 0px 8px; background: none; }
dl#promotional_details {padding-bottom: 10px!important;}
dl#hotels-transfers dd { top: 10px;}
dl#hotels-transfers dd a { color: #FFF;}
dl#local_payments { padding-bottom: 10px!important;}
dl#local_payments dd { position: relative; text-align: right; right: 10px;} 
dl#departure_price { background-color: #5A4099; color: #FFF; border: none; padding-bottom: 80px;}
dl#departures dd { padding: 0px; margin: 0px; float: none; }
dl#departures dd select { }
a#guaranteed_image img { width: 70px; position: absolute; left: 250px; top: 5px; }
#pricing input#book_now_button { text-align: right;}
#pricing p.micro { color: #FFF; padding: 0px 0px 0px 10px;}
dt#dominant .micro { position: absolute; top: 8px;}
.currency { left: 0px;}
dt#dominant .break { top: 45px; left: 0px;}
#pricing p.purple-bg { background-image: none; background-color: #5A4099; text-align: right; padding: 10px;}
#pricing p.micro { padding: 0px 0px 0px 10px;}
dl#departure_price dd.pricing-micro { font-size: 12px!important; float: right; clear: both; position: relative; top: 25px;}
span#list-line { position: absolute; z-index: 999; font-size: 10px; right: 10px; top: 10px;}
select#id_departure_date { width: 100%; margin: 10px 0px 0px 0px;}
a#hotels_and_transfers { cursor: pointer; }
p#no-departure-message { padding: 10px!important; font-weight: normal;}
.price-tabs { border: 1px solid #5A4099; padding: 5px 10px; background-image: url(images/grey_h3.png)!important; background-position: right!important;}
.price-tabs span.micro { display: block; float: left; background-image: url(images/chevron-10.png); background-repeat: no-repeat; background-position: right center;  padding: 0px 20px 0px 0px; margin: 0px 10px 0px 0px;}
#leaving { display: none }

/* Countries Visited */
#countries-visited { padding: 0px; margin: 3px 0px 10px 135px; max-width: 560px;}
#countries-visited li { display: inline; margin: 0px 5px 0px 0px; background-image: url(images/chevron-10.png); background-repeat: no-repeat; background-position: left center; padding: 0px 0px 0px 10px;}

/* promo icons */
#promotions-badges { position: absolute; top: 230px; }
.promo-icon { float: right; margin: 0px 0px 10px 10px; display: none;}
#promotions-badges img.promo-badge { margin: 0px 0px 10px 10px; }

.info-btn { margin: 3px 0px 0px 1px;}

/* yolo info box */
#id-yolo-warning { width: 500px; right: 0;}
#id-yolo-warning input { float: right; margin-left: 10px; }

ul img.loader { margin-left:140px; }

div.addthis_toolbox { padding-top: 30px; }

/* temporary solution for Dehart vid on gapadventures */
.video { display: none;}
.SEV10QDA { position: absolute; display: block; width: 50px; top: 345px; right: 0px;}

.gender-availability-restriction span { display: block; margin: 0; padding: 0; color: #FFF; font-weight: bold; }
.gender-availability-restriction span.and { display: none; }
.gender-availability-restriction {
    display: block;
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.2em;
    border: 1px solid #A65F05;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.5);
    background: #FF8D00;
    background: -webkit-gradient(linear, 0 50%, 0 100%, from(#f4d0a1), to(#FF8D00)); 
    background: -moz-linear-gradient(top, #f4d0a1, #FF8D00, #FF8D00);
    padding: 5px;
}