@import url('/css/netedit2011.css');
@import url('/css/commonCSS2011.css');
@import url('/css/anythingslider.css');
@import url('/css/jquery-ui-1.8.16.custom.css');
@import url('/css/jshowoff.css');
@import url('/css/jquery.jcarousel.css');
#logoHome
{
    width: 166px;
    float: left;
    padding:0px;
    }

#MainSection
{
    clear:both;
    }

#RightColumn
{
    float:right;
    display:inline;
    margin:0px;
    width:150px;
    }

#LeftColumn
{
    display:inline;
    float:left;
    WIDTH: 225px;
    margin:0px;
    }

#LeftColumnSmall
{
    padding: 8px 0 0 0;
    display:inline;
    float:left;
    WIDTH: 150px;
    margin:0px;
    }

#doubleLeftColumn
{
    width: 808px;
    margin: 0px 160px 0px 0px;
    }

#doubleLeftColumn #LeftColumn
{
    padding: 15px 0 0 0;
    width: 194px;
    }

#doubleRightColumn #LeftColumn
{
    padding: 15px 0 0 0;
    width: 194px;
    }

#sectionTitleFull
{
    height:inherit;
    border-bottom: 5px solid #000;
    }

#sectionTitleFull #NationalSocialMedia
{
    float:right;
    }


#sectionTitle
{
    height:119px;
    width: 808px;
    border-bottom: 5px solid #000;
    }

#sectionTitleResult
{
    height:inherit;
    width: 808px;
    border-bottom: 5px solid #000;
    }

#sectionTitle h1, #sectionTitleResult h1, #sectionTitleFull h1
{
    margin:0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    display:inline-block;
    text-transform:none;
    line-height: 60px;
    font-weight:normal;
    font-size: 52px;
    color: #000;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    }

#map
{
    background:#ccc;
    width: 808px;
    height: 340px;
    }
#internationaliframebox {
    float:left;
    width: 318px;
    display:inline-block;
}

#internationaliframebox iframe{
    position:relative;
    margin-top: 10px;

}

#internationalclick{
CURSOR: pointer; HEIGHT: 188px; WIDTH: 480px; FLOAT: right

}

#map_canvas
{
    display:block;
    width: 808px;
    height: 340px;
    }

#CenterColumn
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin: 0px 160px 0px 235px;
    }
    #CenterColumn1
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin: 0px 0px 0px 0px;
    }
    
#CenterColumn2
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin: 0px 0px 0px 213px;
    }
#CenterColumn2Big
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin: 0px 0px 0px 170px;
    }
    
#CenterColumnBox
{
    float:right;
    display:inline-block;
}

#CenterColumn2 #CenterColumnBox,     #CenterColumn1  #CenterColumnBox
{
    margin:0px;
    padding: 11px 0 0 0;
    float:right;
    display:inline;
    width: 100%;
}

.NeteditToolsBox
{
    display:inline-block;
    }

#CenterColumn2Big #CenterColumnBox
{
    width: 100%;
    float:right;
    display:inline-block;
}


#HomeMainSection
{
    float:left;
    display:block;
    width: 100%;
    padding: 20px 0px 20px 0px;
    clear:both;
    }

#HomeMainSection2014
{
    float:left;
    display:block;
    width: 100%;
    padding: 20px 0px 0px 0px;
    clear:both;
    }
#sitemapFooter2014 {
    padding: 23px 0 0 0;
}
.divTable {
    display:table;
    width:100%;
}

.divTableCellBox h1 {
    padding:0;
}

.divTableRow {
    display:table-row;
    vertical-align:top;
}
.divTableCell {
    box-sizing: content-box;
    display:table-cell;
    vertical-align:top;
    position:relative;
}

.divTableCellBox {
    box-sizing:border-box;
    margin: 0 23px 23px 0;
    display:block;
}
.divTableCell:last-of-type .divTableCellBox {
    margin: 0 0px 23px 0;
}

    .divTableCell.border  .divTableCellBox{
        box-sizing:content-box;
    }

.lastrow .divTableCellBox, .lastrow .divTableCell:last-of-type .divTableCellBox {
    margin-bottom: 0px;
}

.divTableCell.border:before {
    position:absolute;
    bottom:20px;
    width:inherit;
    content:' ';
/*    border-bottom:1px solid #bebebe;*/
}

.w300 {
    width:300px;
}

.w312 {
    width:312px;
}

.w637 {
    width:637px;
}

.w650 {
    width:650px;
}



#RightColumnHome
{
    float:right;
    display:inline;
    margin:0px;
    width:314px;
    }
    
#LeftColumnHome
{
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin: 0px 333px 0px 0px;
    }

#wrap
{
    }

#LeftColumnHomeBox
{
    float:left;
    width:636px;
    }

    
#HomeBookNowBox
{
    float:left;
    border-bottom: 5px solid #000;
    min-height: 295px;
    height: auto !important;
    height: 300px;
    width: 300px;
    margin: 0 0 20px 0;
    }
    
#HomeMap
{
    float:right;
    border-bottom: 5px solid #000;
    min-height: 295px;
    height: auto !important;
    height: 300px;
    width: 313px;
    margin: 0 0 20px 0;
    }

#HomeMapImg
{
    }

#HomeBookingBox2014 {
}
    #HomeBookingBox2014 p {
        padding: 14px 0 2px 0;
        font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
        font-size: 14px;
            color:#000;
            margin:0;
    }
        #HomeBookingBox2014 p a, #HomeBookingBox2014 p a:visited {
            color:#000;
        }
#HomeBookingBox2014 p#promisefr, #HomeBookingBox2014 p#promiseIntlfr {
    font-size: 12px;
    padding: 14px 0 4px 0;
	letter-spacing: -0.1px;
}

#HomeBookingBoxTab
{
    height: 30px;
    }

#HomeBookingBox2014 #HomeBookingBoxTab
{
    height: auto;
    }


#HomeBookingBoxTab div
{
    cursor:pointer;
    float: left;
    display:inline-block;
    width: 150px;
    height: 30px;
    margin: 0px;
    font-size:14px;
    padding:0px 0px;
    line-height:30px;
    text-align:center;
    color: #fff;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    background: #000;

    }
#HomeBookingBox2014 #HomeBookingBoxTab {
    text-align:right;
    padding-top: 11px;
}
#HomeBookingBox2014 #HomeBookingBoxTab span
{
    cursor:pointer;
    display:inline-block;
    width: auto;
    height: auto;
    margin: 0px;
    font-size:14px;
    padding:0px 0px;
    line-height:normal;
    text-align:center;
    color: #bebebe;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    background: #fff;
    padding: 0 0 0 10px;

    }


.CAD
{
    background: #52C8F8;
    }

#HomeBookingBox2014.CAD {
    background:none;
}

.INTER
{
    background: #52C8F8;
    }
#HomeBookingBox2014.INTER {
    background:none;
}


.CAD #HomeBookingBoxTab div#cadHostels, .INTER #HomeBookingBoxTab div#interHostels
{
    background: transparent;
    }

#HomeBookingBox2014.CAD #HomeBookingBoxTab span#cadHostels, #HomeBookingBox2014.INTER #HomeBookingBoxTab span#interHostels
{
    color:#000;
    background: transparent;
    }

#booknowBoxCAD iframe {
    background:#fff;
    padding-top:20px;
}

#HomeBookingBox2014 #booknowBoxCAD iframe {
    background:#fff;
    padding-top:10px;
}

#HomeBookingBox2014 #booknowBoxINTER iframe {
    background:#fff;
    padding-top:10px;
}

#booknowBoxCAD .booknowTitle
{
    border-bottom:3px solid #000;
    text-indent: 18px;
    font-size:25px;
    line-height:25px;
    display:block;
    color: #fff;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    background: transparent;
    }
    
    #HomeMapSearchBox
{
    padding: 0 15px;
    background: #000;
    }

    
.divTableCell #HomeMapSearchBox
{
    padding:10px 0 0 0;
    background: none;
    }
#HomeFormBox
{
    padding:0 0 0 0;
    background: none;
    }

#HomeSearchTitle
{
    font-size:16px;
    padding:0px 0px;
    line-height:21px;
    text-align:left;
    color: #fff;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    }    

#HomeSearchSubTitle
{
    font-size:11px;
    padding:0px 0px;
    line-height:15px;
    text-align:left;
    color: #fff;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    }    

.HomeSearchBox
{
    background: #fff;
    border:0px;
    width: 100%;
    }

.divTableCell .HomeSearchBox, .HomeFormInput
{
    text-indent:5px;
    background: #f5f5f5;
    border:0px;
    width: 100%;
    height:32px;
    box-sizing:border-box;
    line-height:32px;
    vertical-align:middle;
    }

.arrow {
    white-space:nowrap;
    font-weight:bold;
    text-transform:uppercase;
    color:#ff0d59;
    font-size: 12px;
    display:inline-block;
}
    .arrow:after {
        font-family:FontAwesome;
        content:'\f0da';
        color: #000;
        padding-left: 8px;
        display:inline-block;
    }
.homeButton {
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    color:#ff0d59;
    padding: 9px 10px 7px 10px;
    font-size: 15px;
    line-height:15px;
    text-transform:uppercase;
    display:inline-block;
    font-weight:bold;
}
.homeButton:hover {
    font-weight:bold;
    text-decoration:none;
    color: #fff;
    background: #ff0d59;
    padding: 9px 10px 7px 10px;
    text-transform:uppercase;
}
    .homeButton:hover:after {
        color:#fff !important;
    }

    #homeNewsLetterForm p {
        display:block;
        padding: 14px 0 5px 0;
        margin:0;
        height:24px;
        font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
        font-size: 14px;
        color: #000;
    }


#homeAds
{
    width: 100%;
    height: 134px;
    clear:left;
    font-size: 11px;
    }

#HomeMembersBenefits
{
    border-top: 9px solid #000;
    border-bottom: 5px solid #000;
    min-height: 286px;
    height: auto !important;
    height: 300px;
    margin: 0 0 20px 0;
    }

h1.MembershipTitle
{
    padding:12px 0px 17px;
    margin:0px;
    font-size: 30px;
    line-height: 30px;
    color: #000;
    text-transform:none;
    }


h1.black {
    padding: 9px 10px 6px;
    margin: 0px;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    background: #000;
    text-transform: none;
}

.keywordsDisplay
{
    font-weight:bold;
    padding: 10px 0;
    line-height: 14px;
    font-size: 1.1em;
    }

#largermap, #smallermap
{
    color: #F60;
    text-decoration:underline;
    }

.itemhostel, .itemhostelBox {
    display:block;
}
@media print {
    .itemhostel, .itemhostelBox {
        break-before:auto;
        break-inside:avoid;
        page-break-inside: avoid;}
}

.itemhostel h1
{
    margin: 0px;
    padding: 20px 0 10px 0;
    text-transform: none;
    }
.itemhostel h1 a, .itemhostel h1 a:visited, .itemhostel h1 a:hover
{
    text-decoration:none;
    color: #ED1556;
    text-transform: none;
    }
.itemhostel h1 a:hover
{
    text-decoration:underline;
    }
    
.itemhostelBox
{
    border-top: 5px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 0 0px 0;
    }    

.itemhostelImg
{
    float:left;
    width:auto;
    }

.itemhostelAddress
{
    float:left;
    padding: 5px 0 0 10px;
    width: auto;
    }    
    
.itemhostelAddressBox
{
    width: 150px;
    min-height: 75px;
    height: auto !important;
    height: 75px;
    }

.itemhostelPrice
{
    }
    
.itemhostelPhones
{
    text-align:left;
    float:left;
    width: auto;
    padding: 5px 0 0 15px;
    }    

.itemhostelPhones div
{
    width:123px;
    }

.itemhostelQR {
    float:right;
    margin-top: 5px;
}

.itemhostelfacilities {
    float:right;
}

.itemhostellink h2{
    font-size: 1.2em;
    color: #666;
    margin:0px;
    background:none;
    padding:0px;
}

.booknowButton, .booknowButton:visited, .booknowButton:hover
{
    font-weight: bold;
    line-height: 16px;
    padding: 16px 0.8em 16px 0.8em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    text-align:center;
    display:block;
    background: #F1F2F3;
    }
.booknowButton:hover
{
    text-decoration: underline;
    background: #FFF;
    }

.blueTitle
{
    overflow:hidden;
    width:150px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
    margin: 0 0 10px;
    }
.blueTitle h2
{
    margin: 0px;
    padding: 5px 0 5px 15px;
    border-top: 3px solid #333;
    border-bottom: 3px solid #333;
    }
#bedsperroom
{
    padding: 10px 0 0 0;
    font-size: 0.9em;
    }
.chkbedsperroom
{
    width: 14px;
    margin: 0px;
    padding:2px 0px 0px 0px;
    display:inline;
    vertical-align:text-bottom;
    }

.chkfacilities
{
    width: 14px;
    margin: 0px 2px 0px 0px;
    padding:2px 0px 0px 0px;
    display:inline-block;
    vertical-align:text-bottom;
    }

#facilities
{
    padding: 10px 0 0 0;
    }

#facilities div
{
    padding: 2px 0;
    }

.borderbottom
{
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin: 0 0 10px;
    }    

#rating
{
    font-family:Arial, Sans-Serif;
    border:0px;
    color: #000;
    width: 100px;
    }
    
#sliderContainer 
{
    width:90%;
    margin: 0px;
    padding: 0 0 5px 5px;
    }
        
#sliderContainer .ui-slider .ui-slider-range
{
    height: 2px;
    background: #000;
    margin-top: 2px;
    font-size: 2px;
    }

#slider-range-price
{
    background: #52c8f8;
    height: 2px;
    margin-top: 2px;
    }

#sliderContainer .ui-widget-content
{
    border:0px;
    }

#sliderContainer .ui-slider .ui-slider-handle
{
    width: 8px;
    background: #52c8f8;
    height: 8px;
    border:1px solid #000;
    font-size: 4px;
    }
    
.discountcity
{
   
    text-transform:uppercase;
    
    font-weight:bold;
    font-size: 14px;
    color: #000;
    font-family: arial, sans-serif;
    }
    
#menu3
{
    border-top : 5px solid #000;
    border-bottom : 1px solid #000;
    list-style:none;
    margin:0px 0px 14px 0px;
    padding:0px;
    }

#menu3 ul
{
    list-style:none;
    margin:0px;
    padding:0px;
    }
    
#menu3 li
{
    list-style:none;
    margin:0px;
    padding:0px;
    border-bottom: 1px dotted #000;
    }
#menu3 li.selected
{
    border-bottom: 1px solid #fff;
    }
#menu3 li.selected a
{
    background: repeat-x bottom url("/images/nav2011/SubMenuBkgOn.png");
    }

#menu3 li.last
{
    border-bottom: 0px dotted #000;
    }
#menu3 li a
{
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    font-size: 1.1em;
    display:block;
    padding:10px 0px;
    color: #000;
    }

#menu3 li a:hover
{
    background: #3B3B3B;
    display:block;
    padding:10px 0px;
    color: #fff;
    text-decoration:none;
    }

#menu3 li.selected li
{
    border-bottom: 1px dotted #000;
    }
#menu3 li.selected li a
{
    background:none;
    }
#menu3 li.selected li.selected a
{
    background: repeat-x bottom url("/images/nav2011/SubMenuBkgOn.png");
    }

#menu3 ul
{
    border-top: 1px dotted #000;
    }
#menu3 .selected ul
{
    border-top: 1px solid #fff;
    }

#menu3 li li a
{
    display:block;
    padding:10px 0px 10px 20px;
    color: #666;
    }

#menu3 li li a:hover
{
    display:block;
    padding:10px 0px 10px 20px;
    color: #666;
    background: repeat-x bottom url("/images/nav2011/SubMenuBkgHover.png");
    text-decoration:none;
    }

#world
{
    width: 194px;
    overflow:hidden;
    text-align:center;
    }
    
#HomeRotator
{
    float:left;
    width: 636px;
    height: 314px;
    overflow:hidden;
    }    

    .w650 #HomeRotator {
        width:650px;
        float:none;
    }


#HomeRotator .item
{
    position:relative;
    }

/*temp*/
#HomeRotator .item a img
{
    width: 636px;
    height: 314px;
    }

#HomeRotator .item a
{
    display:block;
    width: 636px;
    height: 314px;
    }

.w650 #HomeRotator .item a img
{
    width: 650px;
    height: 314px;
    }

.w650 #HomeRotator .item a
{
    display:block;
    width: 650px;
    height: 314px;
    }



.rotator p.jshowoff-controls {
	background: none;
	height: 0px;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 150;
	}
.rotator .jshowoff-controls a {
	display: block;
	width: 22px;
    height: 314px;
	background: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	position: absolute;
	}

.rotator .jshowoff-controls a.jshowoff-prev {
	left: 0px;
	display:none;
	background: no-repeat left center url("/images/nav2011/rotator_back.png");
	}
.rotator .jshowoff-controls a.jshowoff-next {
	right: 0px;
	display:none;
	background: no-repeat right center url("/images/nav2011/rotator_fwd.png");
	}
.rotator .jshowoff-controls a.jshowoff-play {
	display: none;
	}
.jshowoff.rotator {
    height: 314px;
	}


#homenewsbox
{
    
    }  

#homenewsbox h2
{
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    line-height: 24px;
    font-size: 16px;
    padding:0 0 0 10px;    
    }        

.rssNews
{
    float:right;
    position:relative;
    right:0px;
    top:-8px;
    }  

#homenewsbox ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    }
#homenewsbox ul li
{
    list-style-type:none;
    margin:0px;
    padding:10px 0px;
    border-bottom: 1px dotted #000;
    }
#homenewsbox ul li:first-of-type
{
    padding:0px 0px 10px;
    }
#homenewsbox ul li:last-of-type
{
    padding:10px 0px 0px;
    border-bottom: 0px dotted #000;
    }

#homenewsbox .newsTitre a
{
    color: #ED1556;
    font-size: 1.1em;
    }  

.itemContent
{
    left:0;
    position:absolute;
    top:0;
    width:80%;
    }

.itemTitle
{
    background: url("/images/nav2011/rotatorTextBkg.png");
    color: #fff;
    font-size: 30px;
    width:auto;
    float:left;
    display: inline-block;
    line-height: 35px;
    padding: 10px 20px;    
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    }
    
.itemText
{
    background: url("/images/nav2011/rotatorTextBkg.png");
    color: #fff;
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 10px 20px;    
    }        
    
#error404
{
    height:235px;
    background: #000 no-repeat top left url("/images/nav2011/404Bkg.jpg");
    }
#error404Box
{
    margin: 0 0 0 400px;

    }    

#error404 p 
{
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    font-size: 16px;
    color: #fff;
    }

#error404 h1
{
    margin: 0px;
    padding:0px;
    color: #ccc;
    }

#error404Content
{
    padding: 15px 10px 5px 0px;
    }

#error404Table
{
    margin-bottom: 10px;
    }

.error404SearchBox
{
    background: white;
    border: 0px;
    line-height: 27px;
    font-family: AvantGardeDemiRegular, Helvetica, arial, sans-serif;
    font-size: 16px;
    height: 27px;
    width: 100%;
    }

#contactInfo
{
    margin: 0 0 10px;
    }
#contactInfoBox
{
    padding: 0 0px 0px 0px;
    }

#contactInfoBox .contactTitle {
font-weight: bold;
padding: 6px 0px;
border-top: 2px solid #000;
background: repeat-x bottom url("/images/nav2011/sidebottomline.png");

}
#contactInfoBox .contactSubTitle {
    padding: 10px 10px 0 10px;
}

#contactInfoBox .phone {
    padding: 0 10px;
}