/**
 * @site Djoser Junior Destination
 * @revision $Revision: 1.1.2.15 $
 *
 * @styleguide:
 *  colors {
 *   white:    #fff;
 *   black:    #000;
 *   darkgrey: #242528;
 *   brown:    #6a5b36;
 *   red:      #ca3a1a;
 *   yellow:   #f9f6e2;
 *  }
 *  fonts {
 *   headers:    Journal;
 *   navigation: Journal;
 *   text:       Arial, Helvetica, sans-serif;
 *  }
 */
#body { min-height: 1400px; }

p { margin: 0 0 1em 0; }

/**
 * Junior destination
 * Templates that are only used in Junior-destination or are different from the Junior-style
 */
#mainnav { }
#mainnav-visual { width: 189px; height: 280px; background: transparent no-repeat left top; }

.subsite-homepage #mainnav,  #mainnav { padding-top: 18px; background-position: -12px 0; }
#mainnav-navigation { background-position: -14px 0; }
#mainnav-zone2 { background-position: -14px 0; }
#mainnav-unicef { background-position: -12px 0; }

.subsite-homepage #globalnav { height: 67px; background: transparent url(/assets/djoserjunior_2011/images/default/bg_globalnav_empty.png) no-repeat 145px 0; }

/**
 * Large content-area
 */
#body { background: none; }
.subsite-homepage #content { padding: 120px 0 1em 220px; }
.subsite-homepage .contenttext { height: 320px; }
html>body .subsite-homepage .contenttext { height: auto; min-height: 320px; }

.contenttext-header { margin: 1em 0 0 0; padding: 0; }

/* homepage */
ul.destination-trips { margin: 1em 0; padding: 0; list-style-type: none; }
    ul.destination-trips li { clear: both; margin-bottom: 2em; }
        ul.destination-trips li h3 { margin: 0; padding: 0; }
            ul.destination-trips li h3 a { display: block; border: 0; }
                ul.destination-trips li h3 a span { color:black; font-size:1.3em;}
        ul.destination-trips li p { margin: 0; padding: 0; }
        ul.destination-trips li .destination-triplinks { float: left; font-weight: bold; }
            ul.destination-trips li .destination-triplinks a { color: #6a5b36; border: 0; }
                ul.destination-trips li .destination-triplinks a:hover { color: #ca3a1a; }

.trip-strong-points-link { float: left; position: relative; display: block; margin-left: .1em; cursor:pointer; color:#6A5B36;font-weight:bold; }

    .trip-strong-points { display: none; position: absolute; bottom: 1em; left: 0; width: 207px; }
        .trip-strong-points-link:hover .trip-strong-points { display: block; }

        .trip-strong-points div { display: block; }
        .trip-strong-points-top { width: 207px; height: 15px; background: transparent url(/assets/djoserjunior_2011/images/default/kader_top.png) no-repeat left top; }
        .trip-strong-points-middle { padding: 0 10px 0 20px; width: 177px; background: transparent url(/assets/djoserjunior_2011/images/default/kader_mid.png) repeat left top; }
            .trip-strong-points-middle ul { margin: 0; padding-left: 1em; list-style-image: url(/assets/djoserjunior_2011/images/default/bullet.gif); }
                .trip-strong-points-middle ul li { margin: 0; padding-bottom: .5em; }
        .trip-strong-points-bottom { width: 207px; height: 18px; background: transparent url(/assets/djoserjunior_2011/images/default/kader_bottom.png) no-repeat left top; }


/* inline lists */
dl.inline-section { margin: 0 0 1em 0; padding: 47px 0 0 0; width: 335px; background: transparent url(/assets/djoserjunior_2011/images/default/destination/bg_list_top.png) no-repeat left top; }
    dl.inline-section dd { margin: 0; padding: 0 20px; border-bottom: 1px solid #f3e6d6; background: transparent url(/assets/djoserjunior_2011/images/default/destination/bg_list_middle.png) repeat-y left top; }
dl.inline-section dd h2 { position: absolute; margin-top: -2em; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    dl.inline-section dd h2 span { visibility: hidden; }
    dl.inline-section dd ul { margin: 0; padding: 0; list-style-type: none; }
        dl.inline-section dd ul li { }
            dl.inline-section dd ul li a { display: block; color: #6a5b36; padding-left: 15px; border: 0; background: transparent url(/assets/djoserjunior_2011/images/default/bullet_black.gif) no-repeat 0 .2em; }
                dl.inline-section dd ul li a:hover { color: #ca3a1a; background-image: url(/assets/djoserjunior_2011/images/default/bullet_black.gif); }
    dl.inline-section dd.bottom { margin-top: -1px; height: 36px; background: transparent url(/assets/djoserjunior_2011/images/default/destination/bg_list_bottom.png) no-repeat left top; }

/* blocks */
dl.homeblock { margin: 0 0 1em 0; padding: 1em 0 0 0; width: 363px; }
    dl.homeblock dd { margin: 0; padding: 0 20px; }
dl.homeblock dd h2 { background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    dl.homeblock dd h2 span { visibility: hidden; }
    dl.homeblock dd ul { margin: 0; padding: 0; list-style-type: none; }
        dl.homeblock dd ul li { color: white; }
            dl.homeblock dd ul li a { display: block; color: #6a5b36; padding-left: 15px; border: 0; background: transparent url(/assets/djoserjunior_2011/images/default/cross_green.gif) no-repeat 0 .4em; }
                dl.homeblock dd ul li a:hover { color: #ca3a1a; background-image: url(/assets/djoserjunior_2011/images/default/cross_red.gif); }

dl.homeblock dd ul li.block { margin-bottom: 0; }
    dl.homeblock dd ul li.block h2 { display: block; width: 100%; margin: 0; margin-bottom: 6px; text-indent: -9000px; }
    dl.homeblock dd ul li.block img { float: left; }

/* dreumestrips */
#dreumestrips { margin: 3.5em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #dreumestrips span { visibility: hidden; }

/* subheaders */
#subheader { margin: 0 0 1em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #subheader span { visibility: hidden; }

/* productinformation */
.routeday-column { width: 217px; }


#strongpoints { margin: 0 0 0 1em; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #strongpoints span { visibility: hidden; }

.strong-points { float: right; width: 230px; padding-top: 1em; margin-bottom: 2em; }
    .strong-points-middle { padding: 0 1em 1em 1em; }

    .strong-points ul { color: white; margin: 0; padding-top: 1em; padding-left: 1em; list-style-type: bullet; }
#info .strong-points { float: left; margin-top: 20px; }

#routecolumn { margin: 1em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #routecolumn span { visibility: hidden; }

#map { clear: both; }

/* faq */
.faq { margin: 1em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    .faq span { visibility: hidden; }

.jubileum-banner { float: left; clear: both; margin: 1em 0; border: 0; }

/* route */
#departuredates { }
    #departuredates fieldset { margin: 0; padding: 0; border: 0; }
    #departuredates h2 { float: left; font-weight: normal; color: #6a5b36; margin: 0; padding: 0; }
    #departuredates select { margin-left: 11px; }
    #departuredates .submit { font-weight: bold; color: #ca3a1a; text-align: left; margin: 6px 0 0 0; padding: 0 0 0 14px; border: 0; background: transparent url(/assets/djoserjunior_2011/images/default/bullet_red.gif) no-repeat left center; }
        #departuredates .submit:hover { cursor: pointer; color: #6a5b36; background-image: url(/assets/djoserjunior_2011/images/default/bullet_brown.gif); }

    .discount { position: relative; z-index: 3; cursor: help; }
        .discount .discountterms { display: none; position: absolute; top: .7em; right: -50px; padding: 5px; width: 150px; border: 1px solid #c28409; background-color: #f9e9cf; }
        .discount:hover .discountterms { display: block; }

.plain_list { margin: 1em 0; padding: 0; list-style-type: none; }

/* arrangements */
.prices_info { margin-top: 1em; }
#prices { margin: 0; padding: 0; border: 0; }
    #prices td { vertical-align: top; }
span.title {
display: block; float: left;
font-weight: bold;
width: 165px; }

#info { position:absolute; right:0; top:120px; width:248px;}


#extrainfocolumn { clear: both; }

.airline { float: right; }
.airline-logo { clear: right; float: right; }
.airline-logo-info { float: none; clear: right; }

.special-price-large { clear: both; margin: 0 0 1em 0; padding: 0; width: 100px; height: 123px; background: transparent url(/assets/djoserjunior_2011/images/default/special_price.png) no-repeat left top; }
.special-price-small { float: left; margin: 0 0 0 .2em; padding: 0; width: 16px; height: 16px; background: transparent url(/assets/djoserjunior_2011/images/default/special_price_small.png) no-repeat left top; }
    .special-price-large span, .special-price-small span { visibility: hidden; }

.arrangements-top { float: left; clear: both; width: 490px; margin-bottom: 2em; padding-top: 64px; background: transparent url(/assets/djoserjunior_2011/images/default/bg_arrangements_top.gif) no-repeat left top; }
    .arrangements-bottom { float: left; padding-bottom: 55px; background: transparent url(/assets/djoserjunior_2011/images/default/bg_arrangements_bottom.gif) no-repeat left bottom; }
        .arrangements-middle { float: left; width: 440px; padding: 0 35px 0 15px; background: transparent url(/assets/djoserjunior_2011/images/default/bg_arrangements_middle.gif) repeat-y left top; }

            .arrangements-middle h2 { float: left; width: 160px; text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
            .arrangements-middle h3.price-warranty { float: left; width: 140px; height: 45px; background: transparent url(/assets/djoserjunior_2011/images/default/price_warranty.png) no-repeat left top; }
                .arrangements-middle h3.price-warranty a { display: block; border: 0; width: 100%; height: 100%; }
                    .arrangements-middle h3.price-warranty a span { visibility: hidden; }
            .arrangements-middle h2.availability { float: right; width: 140px; }

            table.arrangements { float: left; width: 100%; margin-bottom: 11px; background-color: #f9e9cf; }
            table.arrangements td { vertical-align: top; padding-left: 6px; }

            table.arrangements .month { height: 33px; font-weight: bold; vertical-align: bottom; border-bottom: 2px solid #fdf4e5; }
            table.arrangements .day { font-weight: bold; width: 50px; border-bottom: 2px solid #fdf4e5; }
            table.arrangements .price { width: 70px; border-bottom: 2px solid #fdf4e5; border-left: 2px solid #fdf4e5; }
                table.arrangements .price .price-text { float: left; }
            table.arrangements .information { border-bottom: 2px solid #fdf4e5; border-left: 2px solid #fdf4e5; }
            table.arrangements .available { width: 80px; border-bottom: 2px solid #fdf4e5; border-left: 2px solid #fdf4e5; }
            table.arrangements .book { width: 70px; border-bottom: 2px solid #fdf4e5; border-left: 2px solid #fdf4e5; }

.arrangements-content { position: relative; margin-top: -50px; }

.discount-information-block { position: relative; margin-top: .5em; z-index: 10; }
    .discount-information-block:hover { position: relative; z-index: 20; }
    .discount-information-block h3 { font-size: 1em; font-weight: bold; padding-left: 15px; background: transparent url(/assets/djoser_2012/images/default/discount.png) no-repeat left center; cursor: pointer; text-decoration: none; }
    .discount-information-block .discount-information-text { display: none; position: absolute; top: 1.2em; left: 10px; padding: .5em; border: 1px solid #c0b187; border-radius: 5px; width: 200px; background-color: #fbf1db; }
        .discount-information-block:hover .discount-information-text { display: block; }

ul.info_navigation { margin-top: 0; padding-top: 0; }

ul.info_pictures { float: left; width: 100%; margin: 11px 0; padding: 0; list-style-type: none; }
    ul.info_pictures li { float: left; height: 50px; margin: 0 17px 17px 0; }
        ul.info_pictures li a { border: 0; }

#tripinfo-print-button { float: right; display: block; font-weight: bold; margin: 1em 1em 1em 0; padding-left: 20px; border: 0; background: transparent url(/assets/djoserjunior_2011/images/default/ico_pdf.png) no-repeat left top; }
    #tripinfo-print-button span { }

    #content .trip-tabs { float: left; clear: both; margin: 0; width: 100%; }

#content ul.tabs { list-style:none; clear:both; overflow:hidden; margin:0; padding:0; border-bottom:5px solid;}
   #content ul.tabs li { float:left; margin-right: 1px; background:url(/assets/djoserjunior_2011/images/default/tab_left.png) no-repeat left top; }
           #content ul.tabs li a { padding: 8px 7px 0 0; display:block; text-decoration:none !important; border:0 !important; background:url(/assets/djoserjunior_2011/images/default/tab_right.png) repeat-x right top; display:block; height:16px; margin-left:8px; }
               #content ul.tabs li a span { text-indent:-9000px; display:block;}

#content .tabs-content { float: left; clear: both; width: 100%; }
    #content .tabs-content .addthis_buttons { float: right; margin: 1em; position: relative; top: 0; left: 0; }

.book a { float: left; margin-right: .1em; }
.pre-booking { float: left; position: relative; font-weight: bold; cursor: pointer; color: red; padding-bottom: 1px; border-bottom: 1px solid red; }
    .pre-booking .pre-booking-info { color: #242525; display: none; position: absolute; right: .5em; top: .5em; font-weight: normal; padding: .5em; border: 1px solid #eee5d7; width: 300px; background-color: #f6f0e2; }
    .pre-booking:hover .pre-booking-info { display: block; }
 
.member-overview { position: relative; }
    .member-overview a { cursor: pointer; }
    .member-overview .member-overview-details { color: #242525; position: absolute; right: 2em; bottom: 1em; padding: 1.5em .5em .5em .5em; border: 1px solid #eee5d7; width: 200px; background-color: #f6f0e2; }
    .member-overview .close-button { position: absolute; top: 0; right: 0; font-weight: bold; color: red; width: 14px; height: 14px; border: 1px solid #eee5d7; background-color: white; text-align: center; cursor: pointer; line-height: 1; }
    
.benefits { margin-top: 1em; padding: .5em .5em 0 .5em; border: 2px solid #f9e9cf; background-color: #f9e9cf; overflow: hidden; }
     
.no-arrangements { clear: both; margin: 2em 0; padding: 1em; border: 1px solid #333; background-color: #f9e9cf; }

a.infoday-banner { float: right; margin: 0 0 1em 1em; border: 0; }
    a.infoday-banner img { display: block; }