/*html 5 + css 3*/
body{font: normal 12px/16px 'Arial', 'Verdana', sans-serif; color: #000; text-align: center;}
body, ul, li, dl, dd, dt, form, legend, fieldset, td.reset {margin:0; padding:0;}
.clear {display: block; clear: both;}
.clear.border{height: 8px; background: #1c202a; margin:20px 0; overflow:hidden;}
.h25{}
.fll{float: left;}
.flr{float: right}
.hide{display: none;}
.show {display: block;}
a, a:visited{color: #006699; text-decoration:none;}
a:hover, .topHostel li a:hover, .featArt a.more, .bottomIndex a.more, .sidebar .destinations h4 a:hover, a.bookNow:hover{color: #e13c28; text-decoration:underline}
a.bookNow {background-color: #CC2B04; background-image: -moz-linear-gradient(100% 100% 90deg, #B32300, #E43408); border: 1px solid #B32A08; color: white; cursor: pointer; font-weight: bold; padding: 1px 5px; text-shadow: 1px 1px 1px #B32300; text-transform: uppercase; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
a.bookNow:hover{color: white; text-decoration: underline}
.bkg, a.logo, .widget .fll dt, .widget .flr dt, .widget button, .sidebar li a, dl.lang a, .hotelsList li, .sidebar .bookit a{background-image: url('../images/sprite.gif'); background-position: 0 0; background-repeat:no-repeat}
h1{font: normal 30px/36px 'Verdana'; margin: 0 0 20px; float: left; width: 60%}
h1 span{color: #e13c28;}
h4{font-size: 12px; font-weight: bold;}
a img{border: none;}

h2, h3.green{font: normal 18px/22px 'Verdana' }
h2.green, h3.green {background: #A9BE57; color: #fff; display: block; padding:4px; margin-top:0;}
h3.green {margin-top:20px;}

.nobr {white-space: nowrap;}
.hide_overflow {overflow: hidden;}

select, input, textarea{border: 1px solid #777777;padding: 2px;}

/* helpers - useful only during development */
.bk1 {background-color: #445599;}
.bk2 {background-color: #55FF00;}
/* end of helpers - useful only during development */

/* defining layout sizes */
.sidebar {width: 301px}
.leftContent {width: 670px;}
.header {margin: 0 auto 20px; text-align: left; width:990px;} /* ie */
.mainContent, .footer, .secondFooter {width: 990px; margin: 0 auto; text-align: left;}
.mainContent {clear: left;}

/* header */
body .header{margin-top:4px;}
body.header, .widget .fll select,.footer{margin-bottom:20px;}
.footer{margin-top:0;}
a.logo{display:block; width:191px; height: 96px; overflow:hidden; text-indent:-9999px; margin-bottom:15px;}
dl.lang{float: right; width: 189px}

.widgetHolder{width: 100%; display:block; text-align: center;}
.widget, .searchCheck{width: 736px; padding:10px; background: #df380e;  margin: 0 auto 20px; text-align: left;}
.widget form, .searchCheck form{background: white; padding: 20px 25px;}
.searchCheck form {overflow: hidden;}
.widget .description dt{font: bold 20px 'Verdana'; }
.widget .description dd{color: #3c3c3c}
.widget select, .searchCheck input[type=text] {border: 1px solid #777; padding:2px; }

.widget .fll dt, .widget .flr dt {color: #010101; margin: 20px 0; width: 318px; padding-left:10px; height: 28px; overflow:auto; background-position: 0 -113px; font: bold 14px 'Arial'; line-height: 28px;}
.widget .flr select {margin-right:5px;}
.widget .flr select.sYear{margin-right:60px;}
.widget .flr select.sNights{margin-right:0;}
.widget .flr strong { padding:4px; height:10px; display: inline; font-size:13px}
.widget .fll select {display: block; width:328px;}
.widget .fll select.city_box { margin-bottom:0px;}
div.button {text-align: right;}
.widget button, .widget input.sHostels {width: 151px; height: 37px; overflow:hidden; background: url('../images/sprite.gif') 0 -161px no-repeat; border: none; margin-top:20px; text-indent: -9999px; cursor: pointer }



.widget, .topHostel, .searchCheck{-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}


/* small widget */
.smallWidget .widget{width: 281px;}
.smallWidget .widget .description dt {font: bold 14px 'Verdana'}
.smallWidget .widget form, .searchCheck form {padding: 10px 12px}
.smallWidget .widget .fll dt, .smallWidget .widget .flr dt {margin: 10px 0; width: auto; background-position: -33px -113px; -moz-border-radius:5px; font: bold 12px/28px 'Arial'; height: 25px;}
.smallWidget .widget .fll select{margin-bottom:10px;}
.smallWidget .widget .fll select{width: 256px;}
.smallWidget flr{float: left;}
.smallWidget .widget .flr select {margin-bottom: 10px;}
.smallWidget .widget{-moz-border-radius: 0; -webkit-border-radius:0; border-radius: 0;}
.smallWidget .widget button, .widget input.sHostels {margin-top:0; clear:left;}
/* end of small widget */

.fll .box h3{margin-top:0; font: bold 14px/17px 'Verdana','Arial',sans-serif }

.resetFilters fieldset {border: none; margin-bottom: 15px;}
.resetFilters fieldset legend{font: bold 12px Arial}
a.reset{float: left; background: #df380e; color: white; padding:3px 5px; font-weight: bold; -moz-box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.3); -webkit-box-shadow:1px 1px 11px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.mapSmall{width:299px; height: 299px; overflow: hidden;}
.mapMedium{width:670px; height: 299px; overflow: hidden;}




.topHostel {background:#a9be57; overflow:hidden; padding:10px; margin-bottom:20px; }
.topHostel  h2{padding-top:12px;margin:0;float: left; text-transform:uppercase; width: 210px; text-align: right; font: bold 25px/28px 'Arial'; color: white; text-shadow: -5px 4px 14px rgba(0,0,0,.25);}
.topHostel .flr{background: white; width: 676px; padding:12px; overflow: hidden;}
.topHostel ul{width:800px; padding-left:21px;}
.topHostel li {list-style: none; float: left; width:124px; padding-right: 10px}
.topHostel li a, .topHostel li a:visited{ font-weight: bold;  display: block; padding: 1px 0}/* color: black; text-transform: uppercase;*/

.searchCheck fieldset{border:none;}
.searchCheck strong{float:left; font:bold 17px 'Verdana'; margin-right:68px; *margin-right:50px; _margin-right:50px; padding-left:40px; padding-top:0;}
.searchCheck .fll img{cursor: pointer; vertical-align: bottom}
.searchCheck .fll {margin-right:15px;}
.searchCheck label {font-weight: bold; padding-right: 5px;}
.searchCheck {width:970px;}
.searchCheck input.submit, td input.submit{padding:1px; text-transform: uppercase; color:white; border: 1px solid #b32a08; font-weight: bold;
background-color: #cc2b04;
background-image:-moz-linear-gradient(100% 100% 90deg, #b32300, #e43408);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e43408), to(#b32300));

text-shadow: 1px 1px 1px #b32300; cursor: pointer}
.searchCheck input.submit{float: left;}


dl.lang{margin-top: 12px}
dl.lang a{float: left; width: 21px; height:17px; margin-right:8px; text-indent: -9999px; }
dl.lang a.france{background-position: -216px -45px}
dl.lang a.italy{background-position: -246px -45px}
dl.lang a.germany{background-position: -276px -45px}
dl.lang a.spain{background-position: -306px -45px}
dl.lang a.usa{background-position: -303px -84px}
dl.lang dt{float: left; clear:both; margin-right:10px;}
/* end of header */

/*content*/
.featArt{overflow: hidden;}
.featArt img, .bottomIndex img{padding: 1px; border: 1px solid #000; float: left; margin-right:15px;}
.featArt img {-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shaddow: 2px 2px 2px rgba(0, 0, 0, 0.4); -kthml-box-shaddow: 2px 2px 2px rgba(0, 0, 0, 0.4); box-shaddow: 2px 2px 2px rgba(0, 0, 0, 0.4); border:1px solid #000000; float:left; margin:0 11px 8px 0; padding:1px;}
.featArt h3, .featArt h2{margin:14px 0 3px; font-size: 14px; font-family: 'Arial'; font-weight: bold}
.bottomIndex  div{clear: left}
.bottomIndex img {margin-bottom: 10px;}
.bottomIndex a.more{text-transform: uppercase}
.featArt a.more, .bottomIndex a.more, .featArt a.more:visited, .bottomIndex a.more:visited {text-decoration: none;}
.featArt a.more:hover, .bottomIndex a.more:hover{text-decoration: underline}
.gmaps_info_window {width: 200px;}

.sidebar .box{background: #f3f3f3; padding: 15px 10px; width:281px; overflow: hidden; display:block;}
.sidebar dt{font: bold 14px/17px 'Verdana', 'Arial', sans-serif}
.sidebar li{list-style: none; float: left; width:94px; padding-right: 10px;}
.sidebar .destinations li{width:94px;}
.sidebar .destinations li a,.sidebar .bookit a {padding-left:10px; display: block; background-position: -322px -181px}
.sidebar .bookit a {margin-bottom:2px;}
.sidebar .destinations ul{width: 330px;}
.sidebar .destinations h4 a{ color: black; font-weight: bold; background: none; padding:0;}
.sidebar .bookit dt{margin-bottom:15px;}
.sidebar .resources div{width:45%;}
.sidebar .resources h4, .sidebar li h4{margin-bottom:2px; margin-top:15px;}
.sidebar .top {background: #a9be57}
.sidebar .top li, .sidebar .facilities li{display: block; float: none; width: auto;}
.sidebar .facilities h3{margin:0 0 5px 0; text-shadow: 1px 1px 1px rgba(0,0,0,.2)}
.sidebar .facilities li{border-bottom: 1px solid #ccc; padding:0 0 2px 5px; margin-bottom:2px; font-weight: bold}
.facilities {overflow: hidden; margin-bottom:20px;}
.sidebar .top h2{margin-top:0; color: white; text-shadow: -5px 4px 14px rgba(0, 0, 0, 0.1);  font: bold 14px/16px 'Verdana', 'Arial' }
/*.sidebar .top h2 span{text-transform: uppercase }*/
.sidebar .top li a{display: inline}
.sidebar .top ul{background: white; width: auto; padding:10px; -moz-box-shadow:-5px 4px 14px rgba(0, 0, 0, 0.1); -webkit-box-shadow:-5px 4px 14px rgba(0, 0, 0, 0.1); box-shadow:-5px 4px 14px rgba(0, 0, 0, 0.1)}
/*end of content*/


/* footer */
.footer {background: #2e3d50; color: white; padding: 6px 15px;  margin-bottom:20px; overflow: hidden; font-size:11px; width:960px;
         background:-moz-linear-gradient(100% 100% 90deg, #0a131c, #314053);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#314053), to(#0a131c));}
.footer ul li{display: inline; list-style:none;}
.footer p{float: left; width: auto; margin:0;}
.footer ul {float:right; margin:0; padding:0; }
.more_links {margin-bottom: 20px; padding-left:15px;}
.footer ul li a{color: white;}

.secondFooter{width: 990px;  margin: 0 auto; text-align: left; position: relative;}
.more_links_left {float:left;font-weight:bold;}
.more_links_right {float:right;padding-bottom:10px;width:750px;}
/* end of footer */

/* hotels */
.hotelsList {width:700px; overflow: hidden; height:100%}
.hotelsList ul{float: left; margin:0 10px 0 0; padding:0; width:163px;}
.hotelsList li {list-style: none; margin: 0 0 5px 0; background-position: -322px -181px; padding-left: 9px}
.hotelsList span {font: bold 14px/17px 'Arial'}
/* end of hotels */

.map{width: 990px; height:504px; margin-bottom:20px;}

.breadcrumbs {font-size: 11px; margin:0 0 2px;}

/* hostel img gallery */
.img_nav{margin-left:124px;  width:50px; overflow: hidden; padding-top:5px;}
.img_nav img{cursor: pointer}
.pics fll{text-align: right}
.pics .flr{text-align: left;}
.pics {}
/* end of hostel img gallery */

/* table results check in */
.tableBooking .small th{background: #1c202a; font-weight: bold; color: white; text-align: center;}
.tableBooking {margin-bottom:30px;}
.top_provider {padding:8px;}
.top_provider span{
    background: #ebf0f3; border-bottom:1px solid #FFFFFF; color:#000000; font-size:16px; font-weight:bold; padding:6px 10px;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
a#link_HostelWorld{font-size:18px;}
.tableBooking .odd td{background: #fff}
.tableBooking .even td{background: #ebf0f3}
td input.submit {-moz-box-shadow:3px 3px 4px rgba(0,0,0, 0.3); -webkit-box-shadow:3px 3px 4px rgba(0,0,0, 0.3); box-shadow:3px 3px 4px rgba(0,0,0, 0.3) }

.tableBooking table table td{padding:6px; border:1px inset  }
.tableBooking table table th{padding: 6px;}
.tableBooking table table {vertical-align: top}
.tableBooking table  td.reset{padding:0;}
#list_of_prices .tHeading {background: #1C202A;  color: white; font-weight: bold;}
#list_of_prices .tHeading {padding: 8px 6px; height:18px; line-height: 18px; border: 1px solid white}
#list_of_prices .tData {height:18px; line-height: 18px; text-align: center; padding: 8px 6px;}
#list_of_prices .lTable .tData {text-align: left;}
#list_of_prices .row {clear: left; min-height: 18px;}
#list_of_prices .lTable {width:240px;}
#list_of_prices .mTable {width:657px; overflow-x: scroll;}
 #list_of_prices .mTable .inMtable {width:657px;}
#list_of_prices .mTable .col {width:82px}
#list_of_prices .rTable {width:92px;}
#list_of_prices .odd {background: #fff}
#list_of_prices .even {background: #ebf0f3}
#list_of_prices .tData_select {height: 34px;}
table.small{margin-top:10px;}


/* search result page */
.r_line {border-bottom: 1px dotted #ccc; }
table.sort td{background: #f5f5f5}
table.sort td a{}
table.sort{border-bottom: 2px solid #1c202a; margin-bottom:10px; }


img.baloon {float: left; margin: 4px 10px 0 0}
.r_title {font-size:22px; font-weight:normal; padding-bottom:1px; margin: 17px 0 5px}
.r_line .spacer {height:22px; overflow: hidden}
.location {margin-bottom: 10px; background:#a8c15a; color:white; padding:5px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}
table.prov {margin-top:10px;}

table.prov td{background: #ddd; color: black; font-weight: bold}
table.prov td input.submit {font-size:11px;}

/* pagination */
.newPagination{display: block; margin:20px 0; text-align: center}
.newPagination a,.newPagination a:visited {background: #333; color: white; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding: 3px 5px; *line-height:25px;}
.newPagination a:hover{background: #DF380E}
.newPagination span{font-weight:bold;  padding: 3px 10px; font-size: 15px;  }

p.map {text-align: center; width: auto; font-size: 16px; height:auto;}

/* tweack for static pages */
ol{margin:0; padding:0;}
ul.desc li, ol li, dl.questions dt{padding-left:10px; background: url('../images/sprite.gif') -322px -181px no-repeat; margin:0; list-style: none;}
dl.questions dt {font-weight: bold;}
dl.questions dd {margin-bottom: 15px; padding-left:10px;}
dl.questions dd dl{padding-left:30px; margin-top: 5px;}
ul.desc li.title {background: none; font-weight: bold; font-size:14px;}
.small_link {text-align: right; display: block}
.center {text-align: center}
.center.important{font-size: 120%;}
.col_half{width:300px; float: left;}

dl.desc dt{font-weight: bold; margin-bottom: 10px;}
dl.desc dd {padding-left:15px;; margin-bottom:25px;}


/* new widgets 12, 15th 2010 */
*:focus {outline: none;}
.widget .flr .fll label {font-weight: bold}
.widgetHolder .flr .fll input.text{width: 200px;}
.widgetHolder .flr .fll {float: none;}
.widgetHolder .flr .fll label {padding-right: 5px}
.widget .fll select {margin-bottom:13px;}
.widget .flr .fll img{vertical-align: top; cursor: pointer}
.widget .flr .fll {margin-bottom:10px; text-align: right; }
.smallWidget .flr .fll label {padding-right:0;}
.smallWidget .flr .fll {float: left; width:100%;}
.smallWidget div.button{margin-top:5px;}
.smallWidget .widget .fll dt, .smallWidget .widget .flr dt {padding-left:8px; height: auto; display: block;}
.smallWidget .flr .fll input.text{width: 135px;}
.widget input.text{ border: 1px solid #777777; padding:2px;}
.smallWidget .widget {width: 281px; background: none; border: 10px solid #df380e; padding:0;}

.smallWidget .widget .fll dt, .smallWidget .widget .flr dt {-webkit-border-radius:5px; *width:250px; *clear:left;}
.smallWidget .flr .fll {*float: left; *width:257px;}

.ui-slider .ui-widget-header{background: #ccc; color: #222}

.propertyCheck{background: none; border:10px solid #df380e; padding:10px 12px;}
.propertyCheck label, .propertyCheck input{vertical-align: middle}
.propertyCheck form{padding:0; margin:0}

input.error, .widget select.error {background-color: #ffd3d3}

.sidebar li a {background: none;}

/* new changes */
a.logo {width: 230px; height:116px; background-position:  0 -236px; float: left;}
h1{margin:3px 0 0 20px; float: left; font: 30px/36px 'Verdana';  width: 100%; }
h1.home{margin: 42px 0 0; padding-left:20px; width: 55% }
.headerHomepage dl.lang {margin-top:53px;}
dl.lang {margin-top:57px;}
/*dl.lang.home {margin-top:53px;}*/
.breadcrumbs {padding: 26px 0 0 20px}
.headHolder {width: 55%; float: left; overflow: hidden;}

td input.submit.bookNow{padding: 3px 48px; font-size: 15px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); border: 2px solid white}
td input.submit.bookNow:hover{text-decoration: underline}


.virtualpage .featArt {display: block; float: left; overflow: hidden;}
.virtualpage table.prov {clear: left;}

a.slider{ background: url("../images/arrDown.gif") no-repeat scroll right top #F5F5F5;
    clear: both;
    display: block;
    float: right;
    margin-bottom: 10px;
    padding: 5px 35px 5px 5px;
    text-align: right;
    width: 951px;}
a.slider:after{display: block;}
.tableBooking {margin-bottom: 15px;}
.widgetHolder table.small {border:5px solid #1C202A}
input.bookNowBig{width: 291px; height: 44px; background: url(../images/bigSearch.png) 0 0 no-repeat; border:none; cursor: pointer}
.featArt h5{font-size: 14px; margin: 13px 0 0}
h4.green.related{margin:35px 0 13px; background: none repeat scroll 0 0 #A9BE57; color: #FFFFFF; display: block; padding: 4px; font:18px/22px 'Verdana'}

.searchInfo {background: #f5f5f5; padding: 5px; color: #333;}

/* google map hack */
.gmaps_info_window{width:172px}

/* wordpress widget -big */
.wp_big {width: 639px}
.wp_big .fll select {width: 285px;}
.wp_big .fll dt, .wp_big .flr dt {width: 275px;}
.widgetHolder .wp_big .flr .fll input.text {width: 165px;}

.smallWidget .widget .fll dt, .smallWidget .widget .flr dt {height: 28px;}

.homeSocial {width: 990px; position: absolute; top:3px; left:129px; margin:0; padding:0; z-index: 999999}
.homeSocial li {float: right; list-style: none; padding-left:5px;}

/* new green footer */
.greenFooter .bnaLogoGreen, .greenFooter .fFacebook, .greenFooter .fTwitter {background: url(../images/sprite.jpg) 0 0 no-repeat}

.greenFooter { margin-top: 65px; display: block; clear: both; width: 100%; border-top: 4px solid #d4d4d4; position: relative; font-family: 'Verdana', 'Arial', _sans-serif; text-align: center; }
.gfHeader, .gfFooter {}
.greenFooter .fHolder {margin:0 auto; width: 990px; text-align: left; position: relative;}
.gfHeader {padding: 20px 0;border-top:1px solid #94aa4d; border-bottom: 1px solid #d3ee7b; background: #a6bf56; color: black}
.gfHeader a, .gfHeader a:visited, .gfHeader a:link {color: black; text-shadow: 1px 1px 1px #d0ea7c; font-weight: normal}
.gfHeader a:hover {text-decoration: underline;}
.gfHeader dl {float: left; margin-right:35px;}
.gfHeader dd a {display: block; margin: 0 0 3px;}
.gfHeader dt {font-weight: bold; font-size:14px; margin-bottom:7px;}
.gfFooter {padding: 25px 0; border-top: 1px solid #1e2833; background: #3d4e64; color: #e1e1e1}
.gfFooter p.phone, body.article p.phone { font-size: 32px; margin:0; padding:0; line-height: 32px;}
.gfFooter p.copyrights {line-height: 32px; font-size: 12px; text-shadow: 1px 1px 1px #354356; float: right; margin:0; padding:0;}
.greenFooter .bnaLogoGreen { display: block; height: 107px; left: 800px; position: absolute; top: -76px; width: 195px;}
.greenFooter .bnaLogoGreen a {display: block; height: 107px; text-indent:-9999px}
.gfFooter p, .gfFooter ul, .gfFooter li {float: left; list-style: none; margin:0; padding:0;}
.gfFooter .bottomSocial a {display: block; width: 38px; height: 38px; text-indent: -9999px }
.gfFooter .bottomSocial a.fTwitter {background-position: -218px 0;}
.gfFooter .bottomSocial a.fFacebook {background-position: -218px -48px;}
.greenFooter ddl, .greenFooter dd, .greenFooter dd{margin-left:0;}


.gfFooter .bottomSocial {margin-left:103px;}
.gfFooter .bottomSocial li {padding-left:15px;}

/* end of new green footer */