body {
  margin:0;
  padding:0;
  height:100%;
  background-color:#ffffff;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background:url(http://www.booklanguagecourses.com/images/hostelworld/bg/watermark.jpg) no-repeat scroll right bottom #F7F7F7; 
}

h2 {
font-size: 14pt;
}

h3 {
font-size: 14pt;
margin: 10px 0px;
}

h4 {
font-size: 12pt;
}

a {
  color: #163891;
  outline: none;
}

img {
border: 0px;
}

td {
font-size: 11px;
padding: 3px;
}

td img {
vertical-align: middle;
}

input {
font-family: arial;
font-size: 11px;
padding: 4px;
}

input.text {
width: 200px;
margin: 4px 0;
}

select {
font-family: arial;
}

textarea {
font-family: tahoma, verdana, arial;
font-size: 11px;
padding: 4px;
width: 300px;
height: 100px;
margin: 4px 0;
}


/* main container surrounds all and centres content on page */
#container {
  margin:0 auto;
  padding:0;
  width:970px;
  text-align:left;
  background: #fff;
  border: 1px solid white;
  border-bottom: none;
  position: relative;
}

#wrapper {
  width:770px;
}


/*-------------------- Hostelworld CSS ---------------------*/

#holder { width:100%; }

#hw-header { background:url(http://www.booklanguagecourses.com/images/hostelworld/bg/bg.jpg) repeat-x left top #fff; height:112px; width:100%; }
#hw-header div.inner{ margin:0 auto;width:960px; }
#hw-header a#logo { background:url(http://www.booklanguagecourses.com/images/hostelworld/logo.png) no-repeat 0 0; float:left;height:46px; margin:19px 0 0 7px; text-indent:-9999em; width:294px; }
#hw-header p { clear:right; color:#fff; float:right; font:bold 14px/12px Arial; margin:27px 0 0; padding:0 11px 0 0; white-space:nowrap; }
#hw-header div#menu { float:left; height:29px; margin:17px 0 0; padding:0 0 0 10px; width:950px; }
#hw-header div#menu ul { float:left; margin:0; padding:0; position:relative; width:526px; }
#hw-header div#menu ul li { background:url(http://www.booklanguagecourses.com/images/hostelworld/sep-menu.jpg) no-repeat right 0; float:left; height:29px; list-style:none; margin:0; padding:0 2px 0 0; position:relative; }
#hw-header div#menu ul li a { color:#fff; float:left; font:bold 13px Arial; height:29px; margin:0; padding:0 0 0 10px; text-align:center; text-decoration:none; }
#hw-header div#menu ul li a span { color:#fff; float:left; font:bold 13px Arial; height:24px; margin:0; padding:5px 10px 0 0; text-decoration:none; }
#hw-header div#menu ul li a:hover,
#hw-header div#menu ul li:hover a{ color:#1E3179; background:url(http://www.booklanguagecourses.com/images/hostelworld/tab-nav-left.jpg) no-repeat top left; text-decoration:none; }
#hw-header div#menu ul li a:hover span,
#hw-header div#menu ul li:hover a span{ color:#1E3179; background:url(http://www.booklanguagecourses.com/images/hostelworld/tab-nav-right.jpg) no-repeat top right; text-decoration:none; }

#hw-footer { clear:both; height:200px; margin:0 auto; overflow:hidden; padding:35px 0 0; width:960px; }
#hw-footer div { background:url(http://www.booklanguagecourses.com/images/hostelworld/sep-footer.jpg) no-repeat right 0; float:left; height:164px; margin:0 30px 0 0; padding:0 15px 0 0; width:150px; }
#hw-footer h4 { color:#1E3179; display:block; font:bold 11px arial; padding:1px 0 7px; }
#hw-footer h4.rss { background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-rss.jpg) no-repeat scroll 0 0 transparent; padding:1px 0 7px 22px; }
#hw-footer input{ border:1px solid #e1e1e1; display:block; height:16px; margin:0 0 5px; padding:0; width:138px; }
#hw-footer a.subscribe  { background:url(http://www.booklanguagecourses.com/images/hostelworld/btn-subscribe.jpg) no-repeat 0 0; display:block; height:18px; text-indent:-9999em; width:60px; }
#hw-footer ul{ float:left; margin:0; padding:0; width:150px; }
#hw-footer ul li { clear:both; float:left; list-style:none; margin:0; padding:0 0 2px; width:150px; }
#hw-footer a { color:#9f9f9f; font:normal 11px arial; }
#hw-footer a.twitter{ background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-twitter.jpg) no-repeat 0 0; display:block; left:-20px; padding:0 0 1px 20px; position:relative; }
#hw-footer a.youtube { background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-youtube.jpg) no-repeat 0 0; display:block; left:-20px; padding:0 0 1px 20px; position:relative; }
#hw-footer a.myspace { background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-myspace.jpg) no-repeat 0 0; display:block; left:-20px; padding:0 0 1px 20px; position:relative; }
#hw-footer a.facebook { background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-facebook.jpg) no-repeat 0 0; display:block; left:-20px; padding:0 0 1px 20px; position:relative; }
#hw-footer a.flickr { background:url(http://www.booklanguagecourses.com/images/hostelworld/icon-flickr.jpg) no-repeat 0 0; display:block; left:-20px; padding:0 0 1px 20px; position:relative; }


/*-------------------- Override ---------------------*/

a#support_tab {
background-color: #628d56;
}

a#support_tab:hover {
background-color: #506F45;
}

#top-menu {
display: none;
}

#results_info {
margin: 20px 10px 15px;
}

#results_info .filter {
margin-right: 20px;
}

#results_info .number_of_schools {
margin-right: 30px;
}

#results_filter {
margin-left: 10px;
padding: 20px 10px;
}

#control_panel {
width: 270px;
margin-left: 7px;
}

#school_filter {
width: 723px;
margin-left: 7px;
background: #eee;
}

#school_filter .filter {
margin-right: 40px;
}

#school_filter input, #school_filter select {
font-family: arial;
}

#school_listing {
border-color: #15578b;
}

#school_listing_top {
background: url("./images/hostelworld/listing_top.png") no-repeat;
}

table.tablesorter {
border-color: #15578b;
}

table.tablesorter thead tr th {
background: #15578b;
}

#school_listing table tbody {
font-family: arial;
}

#school_results_list {
margin-left: 10px;
}

#school_results_list .school_info {
width: 445px;
}

#school_results_list .school_photo {
margin-right: 10px;
}

#school_results_list .courses td.accommodations select {
width: 90px;
}

#school_window {
margin-left: 20px;
width: 540px;
}

#school_window .facts table {
margin-right: 20px;
width: 230px;
}

#school_window .review .ratings {
width: 150px;
}

#school_window .review .review_text {
width: 340px;
}

#school_window #top {
padding-right: 0;
}

#school_window #info_tab .facilities #facilities_icons img {
width: 45px;
}

#school_window #info_tab .facilities td {
padding-right: 7px;
}

#school_window #info_tab .facilities img {
width:13px;
}

#school_window #info_tab #photos {
margin-right: 0;
}

#school_window #map_tab #map {
width: 440px; 
height: 400px;
}

#school_window #map_marker #title {
font-family: arial;
}

#school_window #map_marker #address {
font-family: arial;
}

#school_window #map_marker #address a {
text-decoration: underline;
}

#school_window .links {
font-size: 11px;
}

#school_window #accommodation_tab .links a {
margin-right: 5px;
}

#school_window .tab_top, #school_window .tab_bottom,
#school_window #info_tab #quick_courses, #school_window #info_tab .quick_courses_bottom, 
#school_window #info_tab #quick_accommodations, #school_window #info_tab .quick_accommodations_bottom,
#school_window #reviews_tab .review, #school_window #reviews_tab .review_bottom {
border-right: 1px solid #ccc;
}

#school_window #info_tab select {
font-size: 11px;
}

#school_window #reviews_tab .review .ratings {
margin-right: 10px;
width: 140px;
}

#school_window #reviews_tab .review .review_text {
width: 260px;
}


.ui-tabs-nav, .ui-tabs-panel {
font-size: 9pt;
}


/*-------------------- Home ---------------------*/

.left_col {
float: left;
width: 460px;
}

.search {
background: #1c3884;
}

.search select {
font-size: 10pt;
padding: 2px;
}

.top_schools {
float: left;
width: 305px;
margin: 0;
font-size: 11pt;
font-weight: bold;
border: 1px solid #eee;
}

.top_schools .top {
background: #d2dcf5;
padding: 5px 20px;
font-size: 13pt;
}

.top_schools .school {
padding: 10px 20px 15px 20px;
font-size: 10pt;
font-weight: normal;
}

.top_schools .odd {
background: #eee;
}

.top_schools .school h4 a {
color: #616161;
}

.top_schools .school img {
float: left;
width: 100px;
margin-right: 10px;
}

.top_schools .price{ 
font-size: 8pt;
font-weight: normal;
}

.activities {
margin-top: 30px;
padding-bottom: 20px;
border: 1px solid #eee;
font-size: 10pt;
}

.activities .top {
background: #d2dcf5;
padding: 5px 20px;
font-size: 13pt;
font-weight: bold;
}

.activities .text {
padding: 20px 0 0 20px;
font-size: 11pt;
color: #616161;
line-height: 16pt;
}

.activities .text a {
font-size: 9pt;
}

.slides_container {
float: right;
margin: 20px 10px 0 0;
width: 280px;
height: 220px;
}

.slides {
position:relative;
}

.slides img {
    width: 280px;
}

.slides a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slides a.active {
    z-index:10;
    opacity:1.0;
}

.slides a.inactive {
    opacity:0;
}

.slides a.last-active {
    z-index:9;
}

.polaroids {
margin: 20px 80px;
}


.language_list {
float:left;
margin-left: 80px;
margin-bottom: 40px;
font-size: 17pt;
}

.language_list .language {
float: none;
}

.language_list .left {
width: 320px;
}

.language_list img {
height: 16px;
}

.language_list .countries {
margin-bottom: 20px;
font-size: 10pt;
}


/*-------------------- Activities ---------------------*/

.activities_list {
margin: 30px 0 30px 40px;
font-size: 9pt;
line-height: 18px;
}

.activities_list .left {
float: left;
margin-right: 20px;
}

.activities_list img {
width: 250px;
}

/*-------------------- Bookings ---------------------*/

.booking_steps {
margin-top: 10px;
margin-bottom: 10px;
}

#booking {
width: 730px;
margin: 0 20px 30px 20px;
}

#booking_summary select {
font-size: 11px;
}

#booking_summary input.date_picker {
width: 60px;
padding: 0;
font-size: 11px;
}

#payment_summary {
width: 300px;
}

#payment_summary td.price {
width: 80px;
}

#payment {
margin-left: 20px;
padding: 10px 20px 20px 20px;
}

#payment table td.new_col {
padding-left: 20px;
}

#payment input.text {
width: 150px;
}

#payment input, #payment select {
font-family: arial;
font-size: 11px;
}