/* SPECIFIC STYLES FOR DO-IT-YOURSEFL PAGE */

/* ---------------------------- */
/*   Changes about screen.css   */
/* ---------------------------- */

@media only screen and (orientation: landscape)  {


/* -------------------------------------- */
/*          -- ACCORDION TITLE --         */
/* -------------------------------------- */
.accordion{
  position: absolute;
}
#acordiontitle {
    color : #FFFFFF;
    height : 34px;
    margin : 0 0 5px;
    opacity : 0.920;
    background : #A7DF2D;
}

#acordiontitle h3 {
    margin : 0;
    padding : 8px 0 0 0;
    font-weight : bold;
    text-align : center;
    text-shadow : 0px 0px 1px #979595;
}


/* ------------------------------------ */
/* -- #displaytab / #breadcrumbs-two -- */
/* ------------------------------------ */

/*div#maincontent{
    float: left;
    margin-top: -67.1px;
}*/

div#maincontent #displaytab {
    width: 117.2%;
}

div#maincontent #breadcrumbs-two {
    width : 85.9%;
    display : table;
    table-layout : fixed;
}

div#maincontent #breadcrumbs-two li:first-child {
    width : 240px;
    padding : 0 5px 0 0;
}

div#maincontent #breadcrumbs-two li {
    display : table-cell;
    width : auto;
    text-align : center;
    padding : 0 8px 0 0;
}


/* --------------------------------------- */
/*          -- DESTINATION FORM --         */
/* --------------------------------------- */

#destination-form {
    padding : 10px;
}

.showDestination h3 {
    width : 139px;
}

/* -------------------------------------------- */
/*          -- CHANGES BUTTON "PICO" --         */
/* -------------------------------------------- */

a.botonpicomiddle {
    float : left;
    background : #747474;
    text-decoration : none;
    color : white;
    position : relative;
    cursor : pointer;
    font-size : 12px;
    text-align : center;
    text-transform : uppercase;

    width : 140px;
    white-space : nowrap;
    padding : 5px 8px 8px 8px;

    height : 14px;
}

a.botonpicomiddle:hover {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}


/* --------------------------------- */
/*          -- PAGINATION --         */
/* --------------------------------- */

.pagination {
    right : 15px;
    bottom : 60px;
    position : absolute;
}


/* --------------------------------------- */
/*     Styles about inside the content     */
/* --------------------------------------- */






/* ------------------------------------------------ */
/*      -- NEW MENU BENEATH ACCORDION MENU --       */
/* ------------------------------------------------ */

div#menucontent {
    min-height : 565px;
}

#mytripmenu {
    width : 236px;
    color : #666666;
    display : block;
    background : white;
    margin : 2px 0 0 0;
    padding : 0 0 10px 0;
    opacity : 0.950;
}

#menutriphead h2 {
    margin : 0px 0px;
    padding : 0px 10px;
    font : 14px/36px Arial,sans-serif;
    border-bottom : 1px solid #CCCCCC;
}

#menutriphead h2 span {
    font-weight : bold;
}

#menutriphead h2#addalter {
    font : 16px/46px Arial,sans-serif;
    background : #CCCCCC;
    color : white;
    text-align : start;
}

#menutriphead p#addalterbutton {
    position : absolute;
    top : 2px;
    right : 20px;
    background : none repeat scroll 0 0 #747474;
    cursor : pointer;
    padding : 5px;
    text-align : center;
    color : white;
}

#menutripcontent {
    min-height : 441px;
    max-height : 441px;
    padding : 11px 1px 1px 1px;
}

#menutripcontent p.messages {
    line-height : 19px;
    text-align : justify;
    padding : 2px 15px 15px 15px;
}

#menutripcontent p.messages b {
    font-size : 14px;
}

#menutripcontent ul {
    font-size : 12px;
    margin : 0;
    padding : 0 7px 0 3px;
    list-style : none outside none;
}

#menutripcontent ul li {
    margin : 0;
    font-family : arial, sans-serif;
}

#menutripcontent ul li span {
    font-size : 11px;
    margin : 0 0 0 19px;
}


/* ------------------------------------------------- */
/*               -- ul.introduction --               */
/* ------------------------------------------------- */

#menutripcontent ul.introduction {
    padding : 0 16px 0 17px;
}

#menutripcontent ul.introduction li.title {
    color : #747474;
    font-size : 14px;
    font-weight : bold;
    font-family : arial;
    line-height : 16px;
    margin : 0 0 10px 0;
}

#menutripcontent ul.introduction li.active {
    margin : 0;
    color : #A5D741;
}

#menutripcontent ul.introduction li.content {
    margin : 0;
    padding : 0;
    color : #A5D741;
    text-align : justify;
}

#menutripcontent ul.introduction li.content p {
    margin-bottom : 17px;
}

#menutripcontent ul.introduction li.endbonvoyage {
    color : #747474;
    font-size : 18px;
    font-weight : bold;
    margin : 20px 0 0 0;
}

#menutripcontent ul.introduction li ul.child {
    margin : 0;
    padding : 0;
}

#menutripcontent ul.introduction li ul.child li {
    margin : 0;
    padding : 10px 0 0 15px;
}

#menutripcontent ul.introduction li ul.child li span {
    margin : 0;
    padding : 10px 0 0 0;
}

#menutripcontent ul.introduction li ul.child li i {
    margin : 0 5px 0 0;
}

/* ------------------------------------------------ */
/*              -- BOOK AND REVIEW --               */
/* ------------------------------------------------ */

div.longer {
    height : 496px;
}

#menutripcontent img {
    margin-left : 105px;
    margin-top : 20px;
}

#menutripcontent div.place span.orderstep {
    float : left;
    color : #A7DF2D;
    font-size : 17px;
    font-weight : bold;
    margin : -1px 0 0 0;
    padding : 0 4px 0 4px;
}

#sidebar-small {
    width : auto;
    top : 380px;
    left : -35px;
    cursor : pointer;
    position : absolute;
}

#popupReviewBook #sidebar-small {
    top : 280px;
}

.open_nav {
    display : block;
    font-size : 0.9em;
    white-space : nowrap;
    color : #FFFFFF;
    background : rgba(0, 0, 0, 0.8);
    font-family : 'Exo', sans-serif;

    position : absolute;
    text-decoration : none;
    text-transform : uppercase;
    padding : 7px 10px 9px 10px;
    text-shadow : 0.1em 0.1em #333;

    -webkit-transform : rotate(-90deg);
    -webkit-transform-origin : 20px;
    -moz-transform : rotate(-90deg);
    -moz-transform-origin : 20px;
    -ms-transform : rotate(-90deg);
    -ms-transform-origin : 20px;
    -o-transform : rotate(-90deg);
    -o-transform-origin : 20px;
    transform : rotate(-90deg);
    transform-origin : 20px;
}

.open_nav:hover {
    background : #9BCC32;
    text-decoration : none;
    text-shadow : 0 0 transparent;
}

.open_nav:after {
    content : "";
    position : absolute;
    top : 50%;
    right : -1.94em;
    margin-top :-15px;
    border-top : 30px solid transparent;
    border-bottom : 0px solid transparent;
    border-left : 2em solid;
    border-left-color : rgba(0, 0, 0, 0.8);
}

.open_nav:before {
    content : "";
    position : absolute;
    top : 50%;
    left : -1.94em;
    margin-top : -15px;
    border-top : 30px solid transparent;
    border-bottom : 0px solid transparent;
    border-right : 2em solid;
    border-right-color : rgba(0, 0, 0, 0.8);
}

.open_nav:hover:after {
    border-left-color : #9BCC32;
}

.open_nav:hover:before {
    border-right-color : #9BCC32;
}

/* ---------------------------------------------------------------------------- */
/*              -- STYLES FOR THE MAP AND THE POPUPS IN MAINCONTENT --          */
/* ---------------------------------------------------------------------------- */

div#maincontent > ul {
    margin : 0px 0 0 -11px;
    padding-top: 3.1px;
}

#bigmapcover {
    top : 40px;
    position : relative;
    padding : 5px 7px 7px;
    margin : -40px 10px 30px 0px;
    background : none repeat scroll 0 0 white;

    -webkit-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
}

#bigmap {
    width : 742px;
    height : 556px;
}


/* -------------------------------- */
/*      -- MARKERS STYLE --         */
/* -------------------------------- */




/* translate(453.975px, 522.287px) */



/*
.leaflet-label.leaflet-clickable {
    cursor : pointer;
}

.leaflet-label:before,
.leaflet-label:after {
    border-top : 6px solid transparent;
    border-bottom : 6px solid transparent;
    content : none;
    position : absolute;
    top : 5px;
}

.leaflet-label:before {
    border-right : 6px solid black;
    border-right-color : inherit;
    left : -10px;
}

.leaflet-label:after {
    border-left: 6px solid black;
    border-left-color: inherit;
    right : -10px;
}

.leaflet-label-right:before,
.leaflet-label-left:after {
    content : "";
}
*/








/* COMMON */

/*
.leaflet-container a.leaflet-popup-close-button {
    right : 0px;
    top : -10px;
    height : 22px;
    width : 30px;
    color : transparent;
    background : url("../pictures/fancybox_sprite.png");
    background-size : 100%;
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color : transparent;
    }
*/



    /******************************/
    /*      STYLES PARK MAP       */
    /******************************/


#coverparkmap {
    top : 40px;
    position : absolute;
    width : 735px;
    height : 590px;
    padding : 5px 7px 7px;
    margin : -40px 10px 30px 0px;
    background : none repeat scroll 0 0 white;
    z-index : 11999;


    -webkit-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
}

#parkmap {
    float : right;
    height : 590px;
    width : 600px;

    -webkit-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow : 0 3px 5px rgba(0, 0, 0, 0.2);
}

#buttonClosePark,
#buttonGeneralInfo {
    background : url("../pictures/gotomap.png") no-repeat scroll 0 0 / 128px 40px rgba(0, 0, 0, 0);
    height : 20px;
    padding : 11px 22px;
    text-transform : uppercase;
    width : 80px;
    cursor : pointer;
    white-space : nowrap;
}

#buttonGeneralInfo {
    margin-bottom : 20px;
}

#buttonClosePark:hover,
#buttonGeneralInfo:hover {
    background : url("../pictures/gotomap_black.png") no-repeat scroll 0 0 / 128px 40px rgba(0, 0, 0, 0);
}


#layers {
    /*
    margin-top : 90px;
    */
}

h3.accordionLayer {
    width : 90px;
}

#layers div.accordionLayer {
    padding : 5px;
    width : 115px;
    max-height : 400px;
}

/*
.park-layer-flora {
    background : url("../pictures/label_green.png") no-repeat scroll 32px center / 128px 40px rgba(0, 0, 0, 0);
}
.park-layer-fauna {
    background : url("../pictures/label_orange.png") no-repeat scroll 32px center / 128px 40px rgba(0, 0, 0, 0);
}
.park-layer-heritage {
    background : url("../pictures/label_blue.png") no-repeat scroll 32px center / 128px 40px rgba(0, 0, 0, 0);
}
*/

.park-layer {
    cursor : pointer;
    list-style : none outside none;
    text-align : start;
    text-transform : uppercase;
    margin : 10px 0px;
    /*
    white-space : nowrap;
    */
}

.park-layer:hover {
    color : #a5d741;
    /*
    background-position : 28px;
    padding : 12px 0 12px 46px;
    */
}

.layeractive {
    color : #a5d741;
    /*
    background-position : 28px;
    padding : 12px 0 12px 46px;
    */
}


    /************************************/
    /*      NEW STYLES POPUP FAKE       */
    /************************************/


    #coverpopupfake {
        top : 560px;
        left : 377.5px;
        position : absolute;
        z-index: 12000;
    }

    #popupfake {
        left : 0px;
        width : 0px;
        height : 0px;
        bottom : 0px;
        z-index: 1100;
        background : white;
        position : absolute;

        -webkit-box-shadow : 0 7px 4px rgba(0, 0, 0, 0.4);
        -moz-box-shadow : 0 7px 4px rgba(0, 0, 0, 0.4);
        -ms-box-shadow : 0 7px 4px rgba(0, 0, 0, 0.4);
        -o-box-shadow : 0 7px 4px rgba(0, 0, 0, 0.4);
        box-shadow : 0 7px 4px rgba(0, 0, 0, 0.4);

        border : 1px solid #888888;
        -webkit-border-radius : 2px;
        -moz-border-radius : 2px;
        -ms-border-radius : 2px;
        -o-border-radius : 2px;
        border-radius : 2px;
    }

    #popupfake .poptitle {
        height : 28px;
        padding : 4px 5px;
        text-align : center;
        background : url(../pictures/bg_bar.png);
    }

    #popupfake .poptitle a {
        padding : 2px;
        color : #FFFFFF;
        font-weight : bold;
        text-decoration : none;
        font : 18px/28px Arial,sans-serif;
    }

    #popupfake .poptitle a.closePopup {
        top : -11px;
        right : -10px;
        width : 30px;
        height : 30px;
        cursor : pointer;
        position : absolute;
        text-transform : none;
        text-decoration : none;
        background : url("../pictures/fancybox_sprite.png") repeat scroll 0 0 transparent;
    }

    #popupfake .poptitle a.closePopup:hover{
        opacity : 0.8;
    }

    #popupfake .markerLabel {
        background : url("../pictures/pico_popip.png") no-repeat scroll 368px 2px transparent;
        bottom : -38px;
        color : #FFFFFF;
        font-size : 16px;
        position : absolute;
        text-align : center;
        text-shadow : 0 0 5px #000000;
        width : 100%;
    }

    #popupfake .markerLabel h2 {
        margin : 11px 0 0 0;
    }


    #popupfake .popcontent {
        width : auto;
        height : auto;
    }


/* ---------------------------------------- */
/*              -- BUTTONS --               */
/* ---------------------------------------- */

    /* ------------------------------------ */
    /*      -- Popwrapper discover --       */
    /* ------------------------------------ */

    #popupfake .popcontent span a.bx-prev {
        content : "";
        left : 0;
        bottom : 8px;
        position : absolute;
        border-right : 12px solid #747474;
        border-top : 11px solid transparent;
        border-bottom : 11px solid transparent;
    }

    #popupfake .popcontent span a.bx-prev:hover {
        border-right : 12px solid #A7DF2D;
    }

    #popupfake .popcontent span a.bx-next {
        content : "";
        left : 20px;
        bottom : 8px;
        position : absolute;
        border-left : 12px solid #747474;
        border-top : 11px solid transparent;
        border-bottom : 11px solid transparent;
    }

    #popupfake .popcontent span a.bx-next:hover {
        border-left : 12px solid #A7DF2D;
    }


    /* -------------------------------- */
    /*          -- POPRIGHT --          */
    /* -------------------------------- */

    #popupfake .popcontent .popRight span a.bx-prev {
        left : 17px;
        bottom : -74px;
    }

    #popupfake .popcontent .popRight span a.bx-next {
        left : 36px;
        bottom : -74px;
    }

    #popupfake .popcontent .popRight ul li img.ratioimage {
        min-width : 558px;
        min-height : 314px;
    }

    #popupfake .popnav {
        float : left;
        width : 19%;
        height : 100%;
        margin : 0 5px 0 1px;
    }

    #popupfake .popwrapper {
        float : left;
        width : 79.4%;
        height : 100%;
    }

    .popnav .popnav-discover {
        margin : 8px 2px 10px 10px;
    }

    .popnav .popnav-discover .discover-img {
        width: 100%;
    }

    .popnav .popnav-discover .discover-img img {
        width : 100%;
    }

    .popnav .popnav-discover .reserve-title {
        padding : 0;
        margin : 5px 0 5px 0;
        color : #C1C4C4;
        font-weight : bold;
    }

    .popnav .popnav-menu {
        margin : -5px 1px 10px 10px;
    }


    /* ------------------------------------------------ */
    /*          -- ACCORDION MENU POPUP FAKE --         */
    /* ------------------------------------------------ */

    .popnav .ui-accordion .ui-accordion-header {
        color : white;
        border-radius : 0;
        text-align : center;
        text-transform : uppercase;
        text-shadow : 0.1em 0.1em #333;
        background : none repeat scroll 0 0 #747474;
    }

    .popnav .ui-accordion .ui-accordion-header:hover {
        border : 0;
        text-shadow : 0 0;
        background : #A7DF2D;
    }

    .popnav .ui-accordion .ui-accordion-content {
        border : none;
        padding : 0;
    }

    .popnav .ui-widget-content p {
        padding : 5px;
        margin : 5px 0px;
        font-size : 11px;
        cursor : pointer;
        background : #CCCCCC;
        text-align : center;
        text-transform : uppercase;
        text-shadow : 0.1em 0.1em #959595;
    }

    .popnav .ui-widget-content p:hover {
        background : #A7DF2D;
    }

    .popnav .ui-widget-content p:hover a {
        color : #FFFFFF;
        text-shadow : 0 0;
    }

    .popnav .ui-widget-content a {
        color : #5B5B5B;
    }

    .popnav .ui-widget-content p a:hover {
        text-decoration : none;
    }

    .popnav .ui-widget-content p.selected {
        background : #A7DF2D;
    }

    .popwrapper .popwrapper-discover {
        margin : 10px 10px 10px 5px;
    }

    .popwrapper .popwrapper-discover .page img {
        width : 100%;
        height : 300px;
    }

    .popwrapper .popwrapper-discover .page > div {
        margin : 10px 2px;
    }

    .popwrapper .popwrapper-discover .localinfoslider .bx-wrapper .bx-viewport {
        border : none;
        box-shadow : none;
    }

    .popwrapper .popwrapper-discover .localinfoslider ul.discover-slider {
        margin : 0;
        padding : 0;
    }

    .popwrapper .popwrapper-discover .localinfoslider ul.discover-slider li {
        height : 470px;
        margin : 17px 0 0 0;
    }

    .popwrapper .popwrapper-discover .localinfoslider ul.discover-slider li img {
        height : 70%;
        width : 560px;
        margin : 0 0 0 15px;
    }

    .popwrapper .popwrapper-discover .localinfoslider ul.discover-slider li .description {
        height : 20%;
    }

    .popwrapper .popwrapper-discover .localinfoslider ul.discover-slider li .description > div {
        font-size : 13px;
        text-align : justify;
        margin : 10px 5px 0 20px;

        max-height : 87px;
        line-height : 17px;
        overflow-y : auto;
        overflow-x : hidden;
        padding : 0 5px 0 2px;
    }

    .popwrapper .popwrapper-discover .localinfoslider .controls-slider-outside {
        left : 165px;
        bottom : 12px;
        position : absolute;
    }


    /* ----------------------------------------- */
    /*              -- FOR THE DOTS --           */
    /* ----------------------------------------- */

    .popwrapper .popwrapper-discover .bx-controls .bx-pager {
        width : 62%;
        margin : 0 0 0 52px;
        padding : 0 0 15px 0;
    }

    .popwrapper .popwrapper-services {
        margin : 0 -6px 10px 0;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper {
        margin : 0;
    }
    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-viewport {
        left : -7px;
        margin : 0 16px;
        box-shadow : none;
        padding : 0 2px 2px 0;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-controls {
        margin : 0 40px;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-prev {
        background : none;
        left : -1px;
        top : 75px;
        width : 0;
        height : 0;
        border-top : 13px solid transparent;
        border-bottom : 13px solid transparent;
        border-right : 13px solid #CCCCCC;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-prev:hover {
        border-right : 12px solid #A7DF2D;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-next {
        background : none;
        right: -23px;
        top : 75px;
        width : 0;
        height : 0;
        border-top : 13px solid transparent;
        border-bottom : 13px solid transparent;
        border-left : 13px solid #cccccc;
    }

    .popwrapper .popwrapper-services .popmenuoffers .bx-wrapper .bx-next:hover {
        border-left : 12px solid #A7DF2D;
    }


    /* ------------------------------------------------ */
    /*              -- The other slider --              */
    /* ------------------------------------------------ */

    .popwrapper .popwrapper-services .popoffers .bx-wrapper .bx-viewport {
        box-shadow : none;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li {
        height : 330px;
        min-width : 587px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li {
        text-align : center;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > hr, .popwrapper .popwrapper-services .popoffers .pagoffers hr {
        width : 95.3%;
        max-width : 554px;
        margin : 9px 0 0 18px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > p, .popwrapper .popwrapper-services .popoffers .pagoffers p {
        margin : 7px 10px 17px 10px;
        color : #646464;
        font-size : 14px;
        display : inline-block;
        /* TRICK : PUT THE H3 CONTENT ON THE HR : POSITION & TOP */
        background-color : white;
        position : relative;
        top : -1.3em;
        padding : 0 15px 0 15px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers .slidesmap {
        top : 28px;
        width : 560px;
        min-width : 560px;
        max-width : 560px;
        min-height : 310px;
        max-height : 310px;
        position : absolute;
        margin : 0px 0px 0px 18px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li.reservepricing p.name {
        margin : 7px 10px 0px 10px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li.reservepricing div.pricing {
        height : 270px;
        max-width : 557px;
        overflow-y : auto;
        overflow-x : hidden;
        margin : 0 5px 0 19px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li.reservepricing div.pricing div.contentpricing {
        font-size : 12px;
        margin : 5px 5px 0 5px;
        text-align : left;
        line-height : 17px;
        color : rgba(0,0,0,0.8);
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li.reservepricing div.pricing p {
        display : block;
        font-size : 11px;
        text-align : left;
        padding : 0 5px 0 0px;
        margin : 12px 5px 0 5px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li.reserveoffer .reservformspecific {
        max-width : 572px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > img {
        float : left;
        width : 558px;
        margin : -15px 0px 4px 17px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.description {
        width : 92.7%;
        height : auto;
        max-height : 91px;
        text-align : justify;
        color : white;
        bottom : 0;
        position : absolute;
        padding : 8px;
        margin : 0 0 -10px 17px;
        background : rgba(0, 0, 0, 0.6);
        line-height : 19px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.displaydescription {
        clear : both;
        color : white;
        cursor : pointer;
        font-weight : bold;
        text-align : center;
        position : absolute;
        bottom : 0;
        height : 16px;
        margin : 0 0 -10px 253px;
        padding : 8px 20px 8px 20px;
        background : rgba(0, 0, 0, 0.6);
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.displaydescription:hover {
        background : #A7DF2D;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.hidedescription {
        cursor : pointer;
        position : absolute;
        right : 0;
        bottom : 0;
        margin : 0 12px -10px 0;
        width : 557px;
        height : 84px;
        max-height : 84px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.hidedescription .fa-reply {
        color : #fff;
        right : 5px;
        bottom : 5px;
        position : absolute;
        text-shadow : 1px 2px 2px #ccc;
    }

    .popwrapper .popwrapper-discover .localinfo {
        right : 20px;
        bottom : 0;
        position : absolute;
    }

    .popwrapper .popwrapper-discover .localinfo > div {
        float : right;
        height : 39px;
        margin : 0 5px 0 5px;
    }

    .popwrapper .popwrapper-discover .localinfo .localvideo {
        width : 51px;
        cursor : pointer;
        margin : 0 0 0 30px;
    }

    .popwrapper .popwrapper-discover .localinfo .localmeteo {
        width : 51px;
        cursor : pointer;
    }

    .popwrapper .popwrapper-discover .localinfo > div img {
        float : left;
    }

    .popwrapper .popwrapper-discover .localinfo .localmeteo div.picturemeteo {
        background : url("../pictures/icons/local_meteo.png");
        background-repeat : no-repeat;
        position : absolute;
        cursor : pointer;
        width : 8px;
        height : 22px;
        margin : 3px 0 0 -12px;
    }

    .popwrapper .popwrapper-discover .localinfo .localmeteo:hover div.picturemeteo {
        background : url("../pictures/icons/local_meteo_green.png");
        background-repeat : no-repeat;
    }

    .popwrapper .popwrapper-discover .localinfo .localmeteo:hover a {
        color : #A7DF2D;
        text-decoration : none;
    }

    .popwrapper .popwrapper-discover .localinfo .localvideo div.picturevideo {
        background : url("../pictures/icons/local_video.png");
        background-repeat : no-repeat;
        position : absolute;
        cursor : pointer;
        width : 26px;
        height : 22px;
        margin : 3px 0 0 -29px;
    }

    .popwrapper .popwrapper-discover .localinfo .localvideo:hover div.picturevideo {
        background : url("../pictures/icons/local_video_green.png");
        background-repeat : no-repeat;
    }

    .popwrapper .popwrapper-discover .localinfo .localvideo:hover a {
        color : #A7DF2D;
        text-decoration : none;
    }

    .popwrapper .popwrapper-discover .localinfo > div a {
        color : #747474;
        font-size : 10px;
        font-weight : bold;
        text-transform : uppercase;
        line-height : 14px;
    }

    .popwrapper .popwrapper-services .popoffers .pagoffers li > div.description > div {
        clear : both;
        font-size : 14px;
    }

    .popwrapper .popwrapper-services .popoffers .bx-wrapper .bx-pager {
        bottom : -32px;
        width : 44%;
        margin : 0 0 0 53px;
        white-space : nowrap;
        max-width : 263px;
        overflow : hidden;
        overflow-x : auto;
        padding-bottom : 2px;
    }

    .popwrapper .popwrapper-endmsg {
        width : 96%;
    }

    .popwrapper .popwrapper-endmsg > ul {
        font-size : 15px;
        margin : 25px 0 0 0;
        padding-left: 30px;
    }

    .popwrapper .popwrapper-endmsg > ul .correct {
        margin : 0 66px 0 0;
    }

    .popwrapper .popwrapper-endmsg > ul .error {
        margin : 0 81px 0 0;
    }

    .popwrapper .popwrapper-endmsg > ul > li {
        margin: 30px 0px 0px;
    }

    .popwrapper .popwrapper-endmsg #hiddendiv {
        display : none;
        text-align : center;
        margin : 0 0 0 -55px;
    }

    .popwrapper .popwrapper-endmsg #hiddendiv span {
        color : orange;
        bottom : 8px;
        font-weight : bold;
        position : relative;
    }

    .popwrapper .popwrapper-endmsg input#secondtitletrip {
        width : 300px;
        padding : 2px;
        font-size : 19px;
        margin : 0 0 0 10px;

        -webkit-border-radius : 5px;
        -moz-border-radius : 5px;
        -ms-border-radius : 5px;
        -o-border-radius : 5px;
        border-radius : 5px;
    }

    .popwrapper .popwrapper-endmsg ul.botonpico {
        position: absolute;
        bottom: 0px;
        background: none repeat scroll 0% 0% #F2F0EE;
        height: 43px;
        right: 0px;
        left: 0px;
        padding: 21px 0px 7px;
        text-align: center;
    }

    .popwrapper .popwrapper-endmsg ul.botonpico a.botonpicoleft,
    .popwrapper .popwrapper-endmsg ul.botonpico a.botonpicoright {
            min-width: 220px;
    }

    .leaflet-container a.leaflet-popup-close-button {
        top : 7px;
        right : 26px;
    }

    .popupMenu .leaflet-popup-content-wrapper{
        box-shadow : none;
        border-radius : 0;
        background : transparent;
    }

    .popupMenu .leaflet-popup-content {
        margin : 0px;
    }

    /* -------------------------------- */
    /*      -- COMMON INSERT --         */
    /* -------------------------------- */

/*
    .custompopup {
    border : 1px solid #888888;
    border-radius : 5px 5px 5px 5px;
    box-shadow : 0 0 8px rgba(0, 0, 0, 0.4);
    height : 570px;
    width : 743px;
    background : white;
    }

    .markermenu {
        width : 141px;
    }
*/


    /* ------------------------------------------ */
    /*                -- SPECIFIC --              */
    /* ------------------------------------------ */

    /* ------------------------------------- */
    /*        -- MENU POPUP STYLES --        */
    /* ------------------------------------- */

    #nav,#nav ul {
        /*background-image : url(../pictures/tr75.png);*/
        margin : 0;
        padding : 0;
        list-style : none;
    }

    #nav {
        z-index : 2;
        width : 140px;
        height : auto;
        position : relative;
    }

    #nav ul {
        top : 37px;
        width : 120px;
        left : -9999px;
        position : absolute;
    }

    #nav ul ul {
        top : 0;
        left : -9999px;
        position : absolute;
    }

    #nav li {
        width : 120px;
        padding : 0px 10px;
        margin : 0 5px 0 0;
        background : white;
        position : relative;
        border-bottom : 1px solid #CCCCCC;
        border-left : 1px solid #CCCCCC;
    }

    #nav li a {
        color : #000;
        width : 120px;
        display : block;
        font-size : 16px;
        padding : 8px 0px;
        text-decoration : none;
    }

    #nav li ul li a {
        width : auto;
    }

    #nav > li > a {
        overflow : hidden;
    }

    #nav li a.fly {
        padding : 0 10px 0 0;
        background : white url(../pictures/arrow.gif) no-repeat right center;
    }

    #nav ul li {
        margin : 0;
    }

    #nav ul li a.fly {
        padding : 0 10px 0 0;
    }

    /* ------------------------------- */
    /*         -- HOVER STYLES --      */
    /* ------------------------------- */

    #nav li:hover > a {
        color : #339900;
        font-weight : bold;
    }


    /* ------------------------------- */
    /*         -- FOCUS STYLES --      */
    /* ------------------------------- */

    #nav li a:focus {
        outline-width : 0;
    }


    /* ------------------------ */
    /*        -- POPUPS --      */
    /* ------------------------ */

    #nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {
        top : 0px;
        left : 140px;
    }

    #nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
        left : 140px;
    }


/* ---------------------------------- */
/*        --  CARRUSEL STYLES --      */
/* ---------------------------------- */


.clearleft {
    clear : left;
}

div.carousel {
    background : #eeeeee;
    clear : both;
    position : relative;
    height : 100px;
    padding : 0 23px;
    margin : 0 0 10px 0;

    -webkit-box-shadow : 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow : 0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow : 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow : 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow : 0 2px 2px rgba(0, 0, 0, 0.1);
}

ul.carousel-apps {
    margin : 0px;
    padding : 0px;
}

ul.carousel-apps li {
    float : left;
    width : 90px;
    height : 90px;
    color : #DDDDDD;
    display : inline;
    overflow : hidden;
    margin : 0px 15px 10px 15px;
    background : transparent;
}

div.carousel div.arrow {
    background-color: #eeeeee;
    cursor : pointer;
    height : 28px;              /* /!\ */
    position: absolute;
    height : 100px;             /* /!\ */
    width : 23px;
}

div.carousel div.arrow.left {
    top : 0px;
    left : 0px;
    background : url("../pictures/slider-prev.png") no-repeat scroll 50% 27px #eeeeee;
}

div.carousel div.arrow.right {
    top: 0px;
    right: 0px;
    background : url("../pictures/slider-next.png") no-repeat scroll 50% 27px #eeeeee;
}


/* ------------------------------------ */
/*          -- CONTENT DATA --          */
/* ------------------------------------ */

.popContent {
    margin : 0;
    height : auto;
    overflow : hidden;
}

.popContent p {
    margin : 0;
}


/* ------------------------------------------ */
/*      -- CONTENT SUBMENUS SECTIONS --       */
/* ------------------------------------------ */

.popLeft {
    width : 100%;
    height : auto;
    margin : 1px;
    text-align : center;
    border-right: 1px solid #747474;
}

.popmenuoffers {
    overflow : hidden; /* @Uxio: Only for a while. To keep the design; */
/*    height : 391px; */
}

.popmenuoffersmyown {
    height : 116px;
    padding : 0;
    margin : 10px 0 0 0;
    overflow : hidden;
}

.popmenuoffersmyown span {
    left : 23px;
    bottom : 20px;
    font-size : 80px;
    text-align : center;
    position : relative;
    text-transform : uppercase;
    font-family : "Times New Roman";
}

.popmenuoffersmyown img.myown {
    border : 0;
    margin : 0;
    padding : 0;
    width : 100px;
}

.popLefttitle {
    color : #339900;
    background : #eeeeee;
}

.popLeft ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

.popLeft .popitem div {
    width : 160px;
    height : 16px;
    padding : 2px;
    margin : 0 0 0 10px;
    overflow : hidden;
    white-space : nowrap;

    -webkit-text-overflow : ellipsis;
    -moz-text-overflow : ellipsis;
    -ms-text-overflow : ellipsis;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
}

.popLeft .popitem,
.popLeft .popitem a {
    color : #C1C4C4;
    font-size : 10px;
    text-decoration : none;
    text-transform : uppercase;
}

.popLeft .popitem p {
    margin : 0;
}

.popLeft .popitem img {
    width : 94%;
    height : 90px;
    margin : 0;
    cursor : pointer;
    border : 2px solid #EEEEEE;
}

.popLeft .popitem img:hover {
    border : 2px solid #A7DF2D;
}

.popLeft .popitem img.selected {
    border : 3px solid #A7DF2D;
}

.popRight {
    width : 100%;
    height : auto;
    margin : 1px 9px 0 0;
}

.popoffers {
    width : 100%;
    height : 310px;
    position : relative;
    margin : 0 0 100px 0;
}

.popoffers .pagoffers {
    margin : 0;
    padding : 0;
    overflow : hidden;
}

.popRight .imgoffer {
    float : left;
    position : relative;
}

.popRight .imgoffer img {
    width : 334px;
    height : 240px;
}

.popRight .textoffer {
    float : left;
    width : 260px;
    height : 220px;
    display : block;
    overflow : hidden;
    position : relative;
    padding : 0 0 0 15px;
    text-align : justify;
}

.popRight .textoffer .textoffertitle h3 {
    margin : 0 45px 10px 0px;
}

.popRight .textoffer .textoffertitle .maplocate {
    top : 5px;
    right : 5px;
    position : absolute;
}

.popRight .bookoffer {
    width : auto;
    right : 32px;
    bottom : -73px;
    display : block;
    font-size : 12px;
    position : absolute;
}

.bookoffer .mapinfo {
    float : right;
    cursor : pointer;
    margin : 0 5px 0 0;
    padding : 5px 8px 8px 8px;
    background : #747474;

    height : 14px;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);
}

.bookoffer .mapinfo:hover {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

.bookoffer .mapinfoactive {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

.bookoffer .mapinfo a {
    color : white;
    text-decoration : none;
    text-transform : uppercase;
}

.bookoffer .pricinginfo {
    float : right;
    cursor : pointer;
    margin : 0 5px 0 0;
    padding : 5px 8px 8px 8px;
    background : #747474;

    height : 14px;
    text-shadow : 0 2px 1px rgba(0,0,0,0.5);
}

.bookoffer .pricinginfo:hover {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

.bookoffer .pricinginfoactive {
    background : #A7DF2D;
    text-shadow : 0 0 0 transparent;
}

.bookoffer .pricinginfo a {
    color : white;
    text-decoration : none;
    text-transform : uppercase;
}

.bookofferleft {
    float : right;
    margin : 0 10px 0 0;
}

.bookofferright {
    float : right;
}

.popRight .bookoffer a {
    width : auto;
}

.popoffers .reserveoffer {
    padding : 5px;
}

.popoffers .plan_errors {
    top : 24px;
    position : absolute;

    display : none;
    margin : 0 0 0 15px;
    padding : 3px 5px 3px 5px;
    width : auto;


    font-size : 11px;
    font-weight : bold;

    background : #FFEBE8;
    border : 1px solid red;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.popoffers .plan_errors span {
    max-width : 534px;
}

.popoffers .reserveoffer h3 {
    margin : 0 0 10px 0;
}

.popoffers .reservformspecific ul {
    float : left;
    height : 20px;
    margin : 0 10px 0 0;
    padding : 0px 0px 0px 5px;
    list-style-type : none;
}

.popoffers .reservformspecific ul li{
    display : list-item;
}


/* ------------------------------------------------------------ */
/*                      -- REVIEW AND BOOK --                   */
/* ------------------------------------------------------------ */

#popupReviewBook {
    width : 100%;
    height : 100%;
    font-family : Verdana,Helvetica,Arial,sans-serif;
}

#popupReviewBook #tripreview {
    height : 70%;
    margin : 0px 5px;
}

#popupReviewBook #persdataform {
    width : 84%;
    height : 73%;
    color : #666666;
    margin : 0 0 0 134px;
}

#popupReviewBook #persdataform .messagemandatory {
    float : right;
    font-size : 10px;
    font-style : italic;
    margin : 0 18px 0 0;
}

#popupReviewBook #finishmessage {
    height : 75%;
    margin : 0 5px;
    font-size : 16px;
}

#popupReviewBook #finishmessage .error {
    margin : 120px 0 -95px 0;
}

#popupReviewBook #finishmessage #finsms {
    padding: 120px 35px 0 70px;
}

#popupReviewBook #finishmessage #finsms p {
    color : #747474;
    font-size : 20px;
    font-weight : bold;
}

#popupReviewBook #finishmessage #finsms label {
    cursor : pointer;
    padding : 20px 20px 20px 0;
}

#popupReviewBook #finishmessage #finsms label:hover span {
    color : #A7DF2D;
}

/* LAST CHANGE - 29102014 */
#popupReviewBook #finishmessage #finsms label span.bookingconditionsfancybox {
    font-weight : bold;
}

/* LAST CHANGE - 29102014 */
#popupReviewBook #finishmessage #finsms label span.bookingconditionsfancybox:hover {
    text-decoration : underline;
}

#popupReviewBook #finishmessage #finsms label input[name="bookingconditions"] {
    margin-right : 10px;
}

#popupReviewBook #tripreviewbutton {
    float : left;
    width : 100%;
    height : 20%;
}


/* -------------------------------------------------------------------- */
/*          -- CONTENT LIST OF RESERVATIONS AND FORMS EDITING --        */
/* -------------------------------------------------------------------- */

#popupReviewBook #allsteps {
    float : left;
    width : 77%;
    height : 100%;
}

#popupReviewBook #editforms {
    float : right;
    width : 20%;
    height : 100%;
    text-align : center;
    padding : 0 10px 0 0;
}

#popupReviewBook #editforms p {
    padding : 0;
    margin : 0 0 5px 0;
    color : #666666;
    text-align : center;
    font-weight : bold
}

#popupReviewBook #editforms p:first-child {
    margin-top : 10px;
}

#popupReviewBook #editforms p.editreservation {
    font-size : 15px;
    color : rgba(0,0,0,0.5);
    text-align : center;
    margin : 15px 0;
}

#popupReviewBook #editforms p input {
    min-width : 50px;
    max-width : 50px;
    text-align : center;
    border : 1px solid #9A9A9A;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

#popupReviewBook #editforms .reservationform {
    min-height : 283px;
    max-height : 283px;
}

#popupReviewBook #editforms .reservationform div h3 {
    text-align : center;
    margin : 0 0 6px 0;
    padding : 8px 3px 10px 3px;
}

#popupReviewBook #editforms .bottonsedit div.buttalternativefirst {
    color : #FFFFFF;
    cursor : pointer;
    font-size : 11px;

    margin : 0 0 0 4px;
    padding : 2px 2px 2px 2px;

    width : 212px;
    max-width : 212px;
    min-height : 13px;
    max-height : 13px;

    text-transform : uppercase;
    background : none repeat scroll 0 0 #888888;

    bottom : 65px;
    position : absolute;
}

#popupReviewBook #editforms .bottonsedit div.buttalternativesecond {
    color : #FFFFFF;
    cursor : pointer;
    font-size : 11px;

    margin : 0 0 0 4px;
    padding : 2px 2px 2px 2px;

    width : 212px;
    max-width : 212px;
    min-height : 13px;
    max-height : 13px;

    text-transform : uppercase;
    background : none repeat scroll 0 0 #888888;

    bottom : 45px;
    position : absolute;
}

#popupReviewBook #editforms .bottonsedit div.save {
    float : right;
    color : #FFFFFF;
    cursor : pointer;
    font-size : 10px;
    text-transform : uppercase;

    background : none repeat scroll 0 0 #888888;

    width : 106px;
    max-width : 106px;
    min-height : 25px;
    max-height : 36px;

    padding : 5px;
    margin : 0 4px 4px 0;

    right : 0;
    bottom : 0;
    position: absolute;
}

#popupReviewBook #editforms .bottonsedit div.delete {
    float : left;
    color : #FFFFFF;
    cursor : pointer;
    font-size : 10px;
    text-transform : uppercase;

    background : none repeat scroll 0 0 #888888;

    width : 87px;
    max-width : 87px;
    min-height : 25px;
    max-height : 36px;

    padding : 5px;
    margin : 0 0 4px 4px;

    left : 0;
    bottom : 0;
    position: absolute;
}

#popupReviewBook #editforms .overview {
    float : left;
    width : 24px;
    cursor : pointer;
    padding : 5px 10px 5px 10px;
    background : none repeat scroll 0 0 #888888;
}

#popupReviewBook #editforms .overview:hover {
    border : 1px solid #888888;
    background : none repeat scroll 0 0 #A7DF2D;
}

#popupReviewBook #editforms .bottonsedit > div:hover {
    background : #A7DF2D;
}

#popupReviewBook #editforms .bottonsedit > div a {
    color : white;
}

#popupReviewBook #editforms .bottonsedit > div a:hover {
    text-decoration : none;
}

#popupReviewBook #editforms .bottonsedit > div a span {
    text-transform : lowercase;
}

#popupReviewBook #editforms .bottonsedit > div a.alter1 span {
    bottom : 0px;
}

#popupReviewBook #editforms .bottonsedit > div a.alter2 span {
    bottom : 0px;
}

#popupReviewBook #editforms #datepickertripreview {
    float : right;
    margin : 0 7px 0 0;
}

#popupReviewBook #tripreviewtitle {
    color : #666666;
    height : 42px;
    padding : 10px 0 0 0;
    margin : 10px 0 0 30px;
}

#popupReviewBook #tripreviewtitle p {
    margin : 0 0 5px;
    font-size : 16px;
}

#popupReviewBook #tripreviewtitle #namedetails {
    float : left;
    width : 87%;
}

#popupReviewBook #tripreviewtitle #namedetails p {
    font-size : 15px;
    position : relative;
}

#popupReviewBook #tripreviewtitle #namedetails p i {
    font-size : 14px;
}

#popupReviewBook #tripreviewtitle #printdetails {
    top : 16px;
    right : 263px;
    position : absolute;
}

#popupReviewBook #tripreviewtitle #printdetails img {
    width : 45px;
    border : 0;
}

#popupReviewBook #tripreviewcontent,
#popupReviewBook #tripreviewcontent {
    height : 322px;
    overflow : auto;
    overflow-x : hidden;
    margin : 0 0 0 15px;
}

#popupReviewBook #tripreviewcontent span.calculateDays {
    top : 5px;
    float : left;
    color : #A7DF2D;
    font-size : 14px;
    font-weight : bold;
    position : relative;
    padding : 0 6px 0 7px;
    text-transform : uppercase;
}

#popupReviewBook #tripreviewcontent span.dates {
    top : 7px;
    float : left;
    position : relative;
    padding : 0 5px 0 5px;
}

#popupReviewBook #tripreviewcontent span.travellers,
#popupReviewBook #tripreviewcontent span.price {
    color : #666666;
}

#popupReviewBook #tripreviewcontent span.editdata {
    bottom : 0;
    right : 10px;
    position : absolute;
}

#popupReviewBook #tripreviewcontent span.editdata a {
    padding : 10px 0 0 600;
}

#popupReviewBook #tripreviewcontent span.editdata a:hover {
    cursor : pointer;
    padding : 0 0px 0 600px;
}

#popupReviewBook #tripreviewcontent .stepmore {
    margin : 0;
}

#popupReviewBook #tripreviewcontent .stepmore ul li p {
    bottom : 2px;
    position : relative;
}

#popupReviewBook #tripreviewcontent .stepmore ul li p b {
    color : rgba(0, 0, 0, 0.7);
}

#popupReviewBook #tripreviewcontent .stepmore ul li p:hover,
#popupReviewBook #tripreviewcontent .stepmore ul li p.opened {
    background : #E0F4B5;
}

#popupReviewBook #tripreviewcontent .stepmore ul li p a:hover {
    text-decoration : none;
}

#popupReviewBook #tripreviewcontent .stepmore ul li span a img.editicon {
    width : 24px;
    cursor : pointer;
}

#popupReviewBook #tripreviewcontent .stepmore span.orderstep {
    float : left;
    color : #A7DF2D;
    font-size : 17px;
    font-weight : bold;
    margin : -2px 5px 0 0;
    padding : 5px 0 0 0;
}

#popupReviewBook #tripreviewcontent h3 {
    float : left;
    height : 20px;
    font-size : 14px;
    margin : 5px 0 0 1px;
    padding : 0px 0px 2px 24px;
    text-transform : uppercase;
    background : url("./../pictures/node.png") no-repeat scroll left top transparent;
}

#popupReviewBook #tripreviewcontent h3 span.step {
    color : #A53233;
    font-weight : bold;
}

#popupReviewBook #tripreviewcontent h3 span.dates {
    font-size : 12px;
    font-weight : normal;
}

/* #popupReviewBook #tripreviewcontent #popupReviewBook #editforms .bottonsedit > div a span h3.excursion */
#popupReviewBook #tripreviewcontent h3.excursion {
    float : left;
    height : 14px;
    font-size : 14px;
    font-weight : normal;
    margin : 3px 0 0 20px;
    padding : 0 0 2px 30px;
    text-transform : uppercase;
    background : url("../pictures/icons/reload-icon.png") no-repeat scroll left top / 18px auto rgba(0, 0, 0, 0);
}

#popupReviewBook #tripreviewcontent h3.excursion span.excursionname {
    bottom : 2px;
    position : relative;
}

#popupReviewBook #tripreviewcontent h3.excursion span.excursionspan {
    color : #666666;
    font-size : 12px;
    text-transform : lowercase;
}

#popupReviewBook #tripreviewcontent ul {
    clear : both;
    font-size : 16px;
    margin : 0 0 0 18px;
    padding : 5px 30px 3px;
    list-style : none outside none;
    list-style : none outside none;
    background : url("./../pictures/connection.png") repeat-y scroll 1px 0 transparent;
}

#popupReviewBook #tripreviewcontent ul.true {
    background : none repeat scroll 0 0 transparent;
}

#popupReviewBook #tripreviewcontent ul li {
    font-size : 13px;
    padding : 0 0 0 24px;
    background : url("../pictures/green.png") no-repeat scroll 0 3px transparent;
}

#popupReviewBook #tripreviewcontent ul li p {
    z-index : 7;
    position : relative;
    margin : 0 0 10px 0;
}

#popupReviewBook #tripreviewcontent ul li p:hover {
    cursor : pointer;
}

#popupReviewBook #tripreviewcontent span.orderstep {
    float : left;
    padding : 0;
    margin : 0 5px 0 0;
    color : #A7DF2D;
    font-size : 18px;
    font-weight : bold;
}


/* ------------------------------------ */
/*          -- YOUR COMMENTS --         */
/* ------------------------------------ */

#popupReviewBook .footerexpert {
    width : 100%;
    height : 30%;
    margin : 0 0 20px;
    text-align : center;
}

#popupReviewBook h3 {
    text-align : left;
    text-indent : 5px;
    font-size : 12px;
    font-weight : bold;
    padding : 0 0 0 26px;
    margin : 14px 0 6px 0;
}

#popupReviewBook .footerreviewbook {
    width : 100%;
    bottom : -82px;
    position : absolute;
    padding : 8px 0 5px 0;
    background : #F2F0EE;
    color : rgba(0, 0, 0, 0.8);
}

#popupReviewBook #yourcommentstitle {
    float : left;
    width : 260px;
    height : 103px;
    margin : 0 0 5px 24px;
}

#popupReviewBook #yourcommentstitle img {
    float : left;
    margin : 5px 0 0 5px;
}

#popupReviewBook #yourcommentstitle img.smallicons {
    margin : 0 4px 0 0;
}

#popupReviewBook #yourcommentstitle div {
    float : left;
    line-height : 16px;
    margin : 5px 0 0 5px;
}

#popupReviewBook #yourcommentstitle div p {
    margin : 0;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width : 140px;
}

#popupReviewBook #yourcommentstitle span.email {
    color : blue;
    cursor : pointer;
    text-decoration : underline;
}

#popupReviewBook #confirmfinish {
    left : 19px;
    bottom : 2px;
    width : 300px;
    position : relative;
}

#popupReviewBook #confirmfinish label {
    cursor : pointer;
}

#popupReviewBook #confirmfinish label:hover {
    color : #A7DF2D;
}

#popupReviewBook #confirmfinish label input {
    margin : 5px 10px;
}

#popupReviewBook #confirmfinish label span {
    bottom : 2px;
    position : relative;
}

#popupReviewBook .nextback {
    float : left;
    width : 40%;
    height : 30%;
}

#popupReviewBook ul.botonpico {
    right : 36px;
    bottom : 32px;
    position : absolute;
}

#popupReviewBook .botonpico li {
    float : right;
    margin : 0 0 0 4px;
}

#popupReviewBook table.beforefooterreviewbook {
    left : 27px;
    bottom : 82px;
    position : absolute;
}

#popupReviewBook table.beforefooterreviewbook td {
    margin : 0;
    padding : 5px 8px 8px 8px;
}

#popupReviewBook table.beforefooterreviewbook td:first-child {
    padding : 0 10px 0 0;
}

#popupReviewBook table.beforefooterreviewbook td h3 {
    margin : 0;
    padding : 0;
    height : 5px;
    text-align : left;
    text-indent : 4px;
}

#popupReviewBook #footerreviewbookcontent span {
    font-weight : bold;
    padding : 0 0 0 3px;
}

#popupReviewBook #footerreviewbookcontent input#titletrip {
    width : 150px;
    margin : 7px 10px 0 0;
    padding : 5px 3px 5px 3px;

    font-size : 15px;
    border : 1px solid #9A9A9A;
    background-color : #FFFFFF;

    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;
}

#popupReviewBook #footerreviewbookcontent textarea#yourcomments1 {
    resize : none;
    padding : 5px;
    font-size : 15px;
    background-color: #FFFFFF;

    border : 1px solid #9A9A9A;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;

    vertical-align : top;

    -webkit-transition : height 0.2s;
    -moz-transition : height 0.2s;
    transition : height 0.2s;

    width : 514px;
    min-width: 514px;
    max-width : 514px;
    max-height : 68px;
    margin : 7px 0 15px 0;
}


/* ------------------------------------- */
/*          -- MESSAGE ERROR --          */
/* ------------------------------------- */

#popupReviewBook .messageerror {
    margin : 1px 0 0 30px;
    bottom : -10px;
    position : relative;
}

#popupReviewBook .EPPmessageerror {
    clear : both;
    float : left;
    width : auto;
    display : none;
    margin : 0 0 0 30px;
    padding : 1px 10px 1px 10px;
    font-size : 12px;
    font-weight : bold;
    text-align : justify;
    color : red;
    background : #FFEBE8;
    border : 1px solid red;

    position : relative;
    bottom : 40px;
    max-height : 60px;
    overflow-x : hidden;
    overflow-y : auto;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

#popupReviewBook #persdataform .messageerror {
    margin : 10px 0 -20px 0;
}

#popupReviewBook #finishmessage .messageerror {
    margin : 70px 0 0 71px;
}


/* ///////////////////////////////////////////////////// */
/* ACCORDION */
/* ///////////////////////////////////////////////////// */

.accordion {
    width : auto;
    -webkit-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -ms-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    -o-box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    box-shadow : 0px 2px 3px rgba(0,0,0,0.4);
    position: absolute;
}

.accordion li {
    float : left;
    margin : 0;
    padding : 0;
    width : 185.5px;
    list-style : none;
}

.accordion li > a {
    border : 1px solid #B2B6B6;
}

.accordion > li .sub-menu table .inputdepend label {
    padding : 3px 0 3px 0;
}

.accordion > li .sub-menu table label {
    cursor : pointer;
    padding : 10px 10px 10px 0;
}

.accordion > li .sub-menu table label:hover span {
    color : #A7DF2D;
}

.accordion .arrow {
    width : 0.4px;
    height : 0.5px;
    margin : 0 0 0 53px;
}

.accordion > li > a:before {
    position : absolute;
    top : 0;
    left : 0;
    content : '';
    width : 24px;
    height : 24px;
    margin : 4px 8px;
    background-image : url("../pictures/icons_new_DIY.png");
    background-repeat : no-repeat;
    background-position : 0px 0px;
}

/* UL ACCORDION MENUS ICONS - DEFAULT (+) HOVER (+) ACTIVE */

.accordion li.destination > a:before { background-position: 4px 4px; }
.accordion li.destination:hover > a:before { background-position: 6px -28px; }
.accordion li.destination > a.active:before { background-position: 4px -59px; }

.accordion li.lodging > a:before { background-position: -93px 2px }
.accordion li.lodging:hover > a:before { background-position: -91px -29px; }
.accordion li.lodging > a.active:before { background-position: -93px -61px; }

.accordion li.interests > a:before { background-position: -59px 3px; }
.accordion li.interests:hover > a:before { background-position: -57px -29px; }
.accordion li.interests > a.active:before { background-position: -59px -61px; }

.accordion li.transport > a:before { background-position: -131px 2px; }
.accordion li.transport:hover > a:before { background-position: -129px -29px; }
.accordion li.transport > a.active:before { background-position: -131px -61px; }


.accordion li > .sub-menu {
    z-index : 1005;
    position : absolute;
    border : 1px solid rgba(129, 129, 129, 0.5);
    width : auto;
    min-width : 164px;
    padding : 6px 4px 15px 13px;
}

.accordion li.destination .sub-menu {
    padding : 14px 5px 3px 5px;
}

.sub-menu table td {
    padding : 0 0 2px 0;
}

.sub-menu table td span {
    bottom : 2px;
    position : relative;
}

.sub-menu table td input[type="checkbox"] {
    margin : 0;
    padding : 0;
}


/* ///////////////////////////////////////////////////// */
/* DATEPICKER */
/* ///////////////////////////////////////////////////// */

.calendar-base {
    font-size : .5570em;
    padding : .2em .2em 0;
}

.calendar-base div {
    width : 100%;
    font-size : 1em;
}

/* -- #datepickertrip title (month) -- */
#menutripcontent .ui-datepicker-title {
    margin : 0 0.3em;
}

.ui-datepicker td[title="Available"] a {
    color : black;
    background-image : none;
}

.ui-datepicker td.reserved a,
.ui-datepicker td.reserved a.ui-state-active {
    color : black;
    background-image : none;
    background-color : #A7DF2D;
}

/*
.ui-datepicker td a.ui-state-highlight,
.ui-datepicker td a.ui-state-active {
    background-image : none;
    border : 1px solid #d3d3d3;
    background : #e6e6e6;
}
*/

.ui-datepicker td a:hover {
    border : 1px solid #d3d3d3;
    background : #e6e6e6;
}

td.highlight {
    border : none !important;
    padding : 1px 0 1px 1px !important;
    background : none !important;
    overflow : hidden;
}

td.highlight a {
    background : #A7DF2D !important;
    border : 1px #88a276 solid !important;
}




/* ///////////////////////////////////////////////////// */
/* STEPS STYLES RESERVATION DOITYOURSELF  */
/* ///////////////////////////////////////////////////// */

div.firstrow ul {
    padding : 0;
}

div.firstrow ul li {
    margin : 0;
    padding : 0 2px 0 10px;
    list-style-type : none;
}

div.firstrow ul li.green {
    text-indent : 6px;
    background : url(../pictures/green.png) no-repeat 0 3px transparent;
}

div.firstrow ul li.orange {
    text-indent : 6px;
    background : url(../pictures/orange.png) no-repeat 0 3px transparent;
}

div.firstrow ul li.red {
    text-indent : 6px;
    background : url(../pictures/red.png) no-repeat 0 3px transparent;
}

div#menutripcontent p.price {
    font-weight : bold;
    padding : 0 0 0 4px;
    margin : 10px 0 10px 0px;
}

div#menutripcontent p.price input {
    min-width : 50px;
    max-width : 50px;
    text-align : center;
    border : 1px solid #9A9A9A;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#menutripcontent div.firstrow {
    height : 300px;
    max-height : 300px;
    overflow-y : auto;
    overflow-x : hidden
}

div#menutripcontent div.firstrow .place {
    clear : both;
    font-size : 11px;
    max-width : 210px;
}

div#menutripcontent div.firstrow .place .location {
    float : left;
    margin : 0 0 -1px 0;
    padding : 0 0 0 12px;
    text-transform : uppercase;
    background : url(../pictures/node.png) no-repeat left top;
}

div#menutripcontent div.firstrow .place .location h3 {
    margin : 0;
    width : 150px;
    color : #000;
    font-size : 14px;
    font-weight : bold;
    padding : 1px 0px 6px 14px;
    min-width : 150px;
    overflow : hidden;
    white-space : nowrap;
    text-overflow : ellipsis;
}

div#menutripcontent div.firstrow .place .location h3 span {
    color : #A53233;
    font-weight : bold;
}

div#menutripcontent div.firstrow .place .excursion {
    float : left;
    margin : 0 0 2px 19px;
    padding : 0 0 0 14px;
    text-transform : uppercase;
    background : url("../pictures/icons/reload-icon.png") no-repeat scroll left top / 18px auto rgba(0, 0, 0, 0);
}

div#menutripcontent div.firstrow .place .excursion h3 {
    margin : 0;
    padding : 0 0 1px 9px;
    bottom : 2px;
    position : relative;
}

div#menutripcontent div.firstrow .place .services {
    clear : both;
    font-size : 11px;
    padding : 0 0 0 8px;
    margin : 0 0 -6px 17px;
    background : url(../pictures/connection.png) repeat-y 1px 0px;
}

div#menutripcontent div.firstrow .place .services .text {
    padding : 0 0 0 15px;
}


/* ----------------------------------------------------- */
/*                   -- FORMTOEDIT --                    */
/* ----------------------------------------------------- */

.formtoedit {
    min-height : 383px;
    max-height : 383px;

    max-width : 224px;
    min-width : 224px;

    position : absolute;
    margin : 0 -11px;
    background : none repeat scroll 0 0 #E0F4B5;
}

.formtoedit div.reservformspecific {
    clear : both;
    display : block;
    height : 254px;
    overflow : auto;
    overflow-x : hidden;
}

.formtoedit div.reservformspecific .rooms {
    margin : 0;
}

.formtoedit div.reservformspecific .dates,
.formtoedit div.reservformspecific .people {
    max-width : 220px;
    min-width : 220px;
}

.formtoedit div.reservformspecific input[type="text"] {
    min-height : 18px;
    max-height : 18px;
}

.formtoedit div.reservformspecific select {
    min-height : 24px;
    max-height : 24px;
    padding : 2px;
}

.formtoedit h3 {
    padding : 8px;
    margin-top : 0;
    overflow : hidden;
    white-space : nowrap;
    background : none repeat scroll 0 0 #C4E971;

    -webkit-text-overflow : ellipsis;
    -moz-text-overflow : ellipsis;
    -ms-text-overflow : ellipsis;
    -o-text-overflow : ellipsis;
    text-overflow : ellipsis;
}

.formtoedit hr {
    display : none;
}

.formtoedit p.maintitle {
    display : none;
}

.formtoedit .plan_errors {
    top : 22px;
    width : auto;
    max-width : 185px;
    display : none;
    margin : 0 5px 0 9px;
    padding : 3px 5px 3px 5px;

    font-size : 11px;
    font-weight : bold;
    background : #FFEBE8;
    border : 1px solid red;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

.formtoedit .plan_errors span {
    float : none;
}


/* TABLES (LITTLE FORMS) */
/* /////////////////////////////// */

.formtoedit table.templatetable {
    width : 93%;
    margin : 0 0 0 10px;
}

.formtoedit table.templatetable td {
    margin : 0;
    padding : 0;
    font-size : 11px;
}

.formtoedit table.templatetable tbody > tr td:first-child {
    width : 94px;
    min-width : 94px;
}

.formtoedit table.templatetable tbody > tr td input,
.formtoedit table.templatetable tbody > tr td select {
    width : 98px;
    min-width : 98px;

    border : 1px solid #ABADB3;
    -webkit-border-radius : 2px;
    -moz-border-radius : 2px;
    -ms-border-radius : 2px;
    -o-border-radius : 2px;
    border-radius : 2px;
}

.formtoedit table.templatetable tbody td input.datepickerInMap,
.formtoedit table.templatetable tbody td input.datepickerInMapTo {
    width : 92px;
    min-width : 92px;
    max-width : 92px;

    cursor : pointer;
    background-image : url("../pictures/cal.png");
    background-size : 19%;
    background-position : right;
    background-repeat : no-repeat;
    border : 1px solid #ABADB3;
}

.formtoedit table.templatetable tbody td input.datepickerInMap:hover,
.formtoedit table.templatetable tbody td input.datepickerInMapTo:hover {
    border : 1px solid #A7DF2D;
}

.formtoedit table.templatetable tbody td select:hover {
    border : 1px solid #A7DF2D;
}



/* ------------------------------------------------------------- */
/*                  -- PACKAGES INPUT STYLE --                   */
/* ------------------------------------------------------------- */

div#maincontent div.place .location {
    color : #A7DF2D;
    cursor : pointer;
    margin : 0 10px 0 0;
}

div#maincontent table.inputspackage {
    float : left;
    margin : 10px 0 0 0;
}

div#maincontent table.inputspackage td {
    color : #909090;
    font-size : 11px;
    padding : 0 0 0 7px;
}

div#maincontent table.inputspackage td.errormessage, div#maincontent table.inputspackage td.errortravellers {
    color : red;
    font-size : 12px;
    text-indent : 4px;
    font-weight : bold;
}

div#maincontent table.inputspackage td span {
    padding : 0 0 0 4px;
}

div#maincontent table.inputspackage td.datepicker input {
    color : #666666;
    padding : 1px 20px 1px 1px;
    background-image : url("../pictures/cal.png");
    background-size : 8%;
    background-position : right;
    background-repeat : no-repeat;

    border : 1px solid #ABADB3;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#maincontent table.inputspackage select {
    color : #666666;
}


/* -------------------------------------------- */
/*              -- ORDER STEPS --               */
/* -------------------------------------------- */

div#maincontent div.displaytriplist div.place span.orderstep {
    padding : 0;
    float : left;
    color : #A7DF2D;
    margin : 0px 4px 0 3px;
    font-weight : bold;
}


/* ------------------------------------------------ */
/*              -- CALCULATE DAYS --                */
/* ------------------------------------------------ */

div#maincontent div.header div.middle h1 a span.calculateDays {
    float : right;
    color : #A7DF2D;
    font-size : 14px;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays {
    margin : 0 18px 0 0;
}

div#maincontent div.displaytriplist div.place span.calculateDays a {
    color : #BFBFBF;
    cursor : pointer;
    font-size : 85%;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays a:hover {
    color : #A7DF2D;
    text-decoration : none;
}

div#maincontent div.displaytriplist div.place span.calculateDays a.currentvisited:visited {
    color : #A7DF2D;
}


/* -------------------------------------------------------- */
/*                  -- ALTERNATIVES PART --                 */
/* -------------------------------------------------------- */


div.modal .contentslider ul > li {
    margin : 0 0 0 12px;
}

div.modal .contentslider ul > li .description {
    bottom : 0;
    width : 96%;
    height : auto;
    color : white;
    line-height : 18px;
    position : absolute;
    text-align : justify;
    margin : 0 0 12px 0;
    padding : 5px 12px 12px 11px;
    background : rgba(0, 0, 0, 0.6);
}

div.posibilities .contentslider li div.displaydescription {
    bottom : 0;
    clear : both;
    color : white;
    cursor : pointer;
    font-weight : bold;
    text-align : center;
    position : absolute;
    margin : 0 0 12px 337px;
    padding : 8px 20px 8px 20px;
    background : rgba(0, 0, 0, 0.6);
}

div.posibilities .contentslider li div.displaydescription:hover {
    background-color : #A7DF2D;
}

div.posibilities .contentslider li div.hidedescription {
    right : 0;
    bottom : 0;
    width : 760px;
    height : 84px;
    float : right;
    cursor : pointer;
    max-height : 84px;
    position : absolute;
    margin : 0 12px 10px 0;
}

div.posibilities .contentslider li div.hidedescription .fa-reply {
    right : 5px;
    bottom : 5px;
    position : absolute;
    text-shadow : 1px 2px 2px #ccc;
}

div.posibilities .contentslider .bx-wrapper img {
    min-width : 770px;
    min-height : 350px;
}




/* -------------------------------------------------------------------- */
/*                      -- PERSONAL FORM STYLES --                      */
/* -------------------------------------------------------------------- */

div#persdataform {
    margin : 0 0 0 25px;
}

div#persdataform .messagemandatory {
    float : right;
    font-size : 10px;
    font-style : italic;
    margin : 0 36px 0 0;
}

/* -- FOOTER -- */

div#footerpersdataform {
    width : 100%;
    height : 71px;
    float : right;
    background : #E8E9EA;
}

div#footerpersdataform a.requesttailored {
    width : auto;
    float : right;
    position : relative;
    margin : 22px 50px 0 0;
    padding : 8px 10px 8px 15px;

    cursor : pointer;
    font-size : 12px;

    color : #FFFFFF;
    background : #747474;

    text-align : center;
    text-decoration : none;
    text-transform : uppercase;
    text-shadow : 0 2px 1px rgba(0,0,0,.5);
}

div#footerpersdataform a.requesttailored:hover {
    background : #A7DF2D;
    text-decoration : none;
}

div#footerpersdataform a.requesttailored:after {
    content : "";
    cursor : pointer;
    position : absolute;
    border-top : 15px solid transparent;
    border-bottom : 15px solid transparent;
    border-left : 15px solid #747474;
    margin : -8px 0 0 10px;
}

div#footerpersdataform a.requesttailored:hover:after {
    border-left : 15px solid #A7DF2D;
}




/* -- INPUT -- */
div#persdataform input {
    width : 98%;
    padding : 2px;
    border : 1px solid #ACAEB5;
}

div#persdataform input[type="text"],
div#persdataform input[type="password"] {
    background : #fbfcfd;

    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    -ms-border-radius : 3px;
    -o-border-radius : 3px;
    border-radius : 3px;
}

div#persdataform input[type="button"] {
    margin : 0;
    width : 100%;
    padding : 5px;
    text-transform : uppercase;
}


/* -- SELECT -- */
div#persdataform select {
    margin : 0;
    padding : 1px;
}

div#persdataform table#travellersdata input,
div#persdataform table#travellersdata input[type="text"] {
    width : 169px;
}

div#persdataform table#travellersdata select.birth_day,
div#persdataform table#travellersdata select.birth_month {
    width : 45px;
}


/* -- IMG.EDIT -- */
div#persdataform table img.edit {
    width : 20px;
    float : right;
}

/* -- TABLE CAPTION/TITLE -- */
div#persdataform table caption,
div#persdataform table h1 {
    margin : 0;
    padding : 0;
    color : #747474;
    font-size : 13px;
    font-weight : bold;
    text-align : left;
    text-transform : uppercase;
}

/* -- DIFFERENTS TABLES -- */
div#persdataform table#personaldatatable,
div#persdataform table#myaccounttable,
div#persdataform table#optionstable,
div#persdataform table#travellersdata,
div#persdataform table#invoicedata {
    float : left;
    padding : 10px;
    border : 1px solid #e5e7e8;

    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -ms-border-radius : 5px;
    -o-border-radius : 5px;
    border-radius : 5px;
}

/* -- TABLE #personaldatatable -- */
div#persdataform table#personaldatatable {
    float : left;
    width : 374px;
    margin : 45px 26px 10px 0;

    -webkit-border-top-left-radius : 0px;
    -moz-border-top-left-radius : 0px;
    -ms-border-top-left-radius : 0px;
    -o-border-top-left-radius : 0px;
    border-top-left-radius : 0px;
}

div#persdataform table#personaldatatable select#countryinvoice {
    width : 100px;
}

div#persdataform table#personaldatatable caption {
    padding : 0;
    text-indent : 0px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform {
    height : 20px;
    border-left : 0;
    margin : 0 0 0 -40px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li {
    margin : 0 20px 0 0;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a {
    color : #747474;
    margin : 0 -8px 0 0;
    background : #FFFFFF;
    border : 1px solid #E5E7E8;

    -webkit-border-radius : 4px 4px 0 0;
    -moz-border-radius : 4px 4px 0 0;
    -ms-border-radius : 4px 4px 0 0;
    -o-border-radius : 4px 4px 0 0;
    border-radius : 4px 4px 0 0;

    -webkit-box-shadow : 0 0 0 #E5E7E8;
    -moz-box-shadow : 0 0 0 #E5E7E8;
    -ms-box-shadow : 0 0 0 #E5E7E8;
    -o-box-shadow : 0 0 0 #E5E7E8;
    box-shadow : 0 0 0 #E5E7E8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li.active a {
    border-bottom : 2px solid #FFFFFF;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrortabs {
    background : #FFEBE8;
    border-bottom : 2px solid #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrorout {
    background : #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.invoicedata span {
    font-size : 9px;
    font-style : normal;
    font-weight : normal;

    bottom : 2px;
    position : relative;
    text-transform : lowercase;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a:hover {
    color : #A7DF2D;
    text-decoration : none;
}

/* -- TABLE #myaccounttable -- */
div#persdataform table#myaccounttable {
    height : 188px;
    min-height : 188px;
    max-height : 188px;
    margin : 35px 8px 0 0;
}

div#persdataform table#myaccounttable tbody.login > tr td:first-child {
    margin : 35px 30px 0 0;
}

div#persdataform table#myaccounttable a {
    padding : 0;
    color : #747474;
    font-size : 10px;
    font-weight : bold;
    text-decoration : none;
    text-transform : uppercase;
}

div#persdataform table#myaccounttable a:hover {
    color : #A7DF2D;
}

div#persdataform table#myaccounttable tbody.login tr.forgotpassword td,
div#persdataform table#myaccounttable tbody.login tr.newuserform td,
div#persdataform table#myaccounttable tbody.login tr.changepassword td,
div#persdataform table#myaccounttable tr.loginform td {
    text-align : left;
}

div#persdataform table#myaccounttable tbody.login tr.forgotpassword td a {
    font-size : 9px;
}

div#persdataform table#myaccounttable tbody.login tr.newuserform td a,
div#persdataform table#myaccounttable tbody.login tr.changepassword td a {
    font-size : 10px;
    text-decoration : underline;
}

/* -- TABLE #optionstable -- */
div#persdataform table#optionstable {
    margin-top : 11px;

    padding : 10px 10px 32px 10px;
    border-bottom-width : 6px;
    border-bottom-color : #FFFFFF;

    -webkit-border-bottom-left-radius : 2px;
    -moz-border-bottom-left-radius : 2px;
    -ms-border-bottom-left-radius : 2px;
    -o-border-bottom-left-radius : 2px;
    border-bottom-left-radius : 2px;

    -webkit-border-bottom-right-radius : 2px;
    -moz-border-bottom-right-radius : 2px;
    -ms-border-bottom-right-radius : 2px;
    -o-border-bottom-right-radius : 2px;
    border-bottom-right-radius : 2px;
}

/* -- TABLE #travellersdata -- */
div#persdataform table#travellersdata {
    width : 721px;
    margin : 0 0 10px 0;
    padding : 10px 0 10px 10px;
}

div#persdataform table#travellersdata tbody.travellers > tr td:first-child {
    padding : 0 45px 0 0;
    white-space : nowrap;
}

div#persdataform table#travellersdata tbody.travellers tr:first-child > td {
    text-indent : 4px;
}

div#persdataform table#travellersdata tbody.travellers > tr td:last-child {
    white-space : nowrap;
}

div#persdataform table#invoicedata select#countryinvoice {
    width : 100px;
}



/* -- END @MEDIA SCREEN -- */
/* ----------------------- */
}