<!--

.BEhomeSearch {background-color: #FBDD62; font-size: 11px; border-style: solid; border-width: 1px; border-color: #000000; height: 18px; font-family: Verdana,Arial,sans-serif;}
.BEfabBookNow {height: 20; background-color: #DDDDDD; border-style: solid; border-width: 1px; border-color: #000000; BORDER-BOTTOM: #999999 2px solid; BORDER-RIGHT: #777777 2px solid; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 2px solid; font-size:10px; font-weight: bold; font-family: Verdana;}
.BEbookingConfirm {background-color: #568047; color: white; font-size: 10px; font-family: Verdana; height: 25px; border-style: solid; border-top-color: #98AF90; border-left-color: #98AF90; border-bottom-color: #2c4d20; border-right-color: #2c4d20;}
.BEbookingCancel {background-color: #006699; color: white; font-size: 10px; font-family: Verdana; height: 25px; border-style: solid; border-top-color: #6699cc; border-left-color: #6699cc; border-bottom-color: #003366; border-right-color: #003366;}


SELECT { font-family: verdana, arial; font-size: 11px;}
/* ---------- */

BODY, TD	{ font-family: Verdana, Arial, sans-serif; font-size:small; }
.TIheader { font-family: verdana, arial; font-size: 10px; color: #FFFFFF; background-color: #800000 }
.TImain { font-family: verdana, arial; font-size: 10px; color: #000000; background-color: #FFFFFF }
.TIinput { font-family: verdana, arial; font-size: 10px; color: #000000; background-color: #FFFFFF }

.table { border: #000000 1px solid}

.BErooms { font-family: verdana, arial; font-size: 10px; color: #000000; }

.BEselect { font-family: verdana, arial; font-size: 11px; }
.BEbookingSelect { font-family: verdana, arial; font-size: 10px; background-color: #E7F4F8 }
.BEinput { font-family: verdana, arial; font-size: 10px; color: #FFFFFF; background-color: #800000 }
.BEformfont { font-family: verdana, arial; font-size: 10px; color: #000000; }

.BExxsmall { font-family: verdana, arial; font-size: 9px }
.BEsmall { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px }
.BEmedium { font-family: verdana, arial; font-size: 11px}

.BEmediumWhite { font-family: verdana, arial; font-size: 11px; background-color: #FFFFFF}
.BEbgrndWhite {background-color: #FFFFFF}

.BElarge { font-family: verdana, arial; font-size: 12px }

.BEsmallBold { font-family: verdana, arial; font-size: 10px; font-weight: bold }
.BEmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold }
.BElargeBold { font-family: verdana, arial; font-size: 13px; font-weight: bold }

.BEsmallCol { font-family: verdana, arial; font-size: 10px; color: #800000 }

.BEmediumBoldCol { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #800000 }
.BElargeBoldCol { font-family: verdana, arial; font-size: 13px; font-weight: bold; color: #800000 }

.BEmediumBoldWhite { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #FFFFFF }

/*
.BEavail { font-family: verdana, arial; font-size: 10px; background-color: #84C122 }
.BEnotavail { font-family: verdana, arial; font-size: 10px; background-color: #990000; color: #FFFFFF }
*/

.unavailNotChosen
{
  background: #EFB2B2;
  background-image: URL('/images/rbh/availgrid/unavailNotChosen.gif');
  color: #A89290;
  font-family: arial, verdana;
  font-size: 11px
}

.availNotChosen
{
  background: #E1F4EB;
  background-image: URL('/images/rbh/availgrid/availNotChosen.gif');
  color: #73977D;
  font-family: arial, verdana;
  font-size: 11px
}

.BEavail {
  background: #0EAD1D;
  background-image: URL('/images/rbh/availgrid/availChosen.gif');
  color: #FFFFFF;
  font-family: arial, verdana;
  font-size: 11px
}
.BEnotavail {
  background: #ff0000;
  background-image: URL('/images/rbh/availgrid/unavailChosen.gif');
  color: #FFFFFF;
  font-family: arial, verdana;
  font-size: 11px
}

.BEIndexmedium { font-family: verdana, arial; font-size: 11px; } 
.BEIndexmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold; }

.BEindexTabBack { background-color: #FFCC66 }
.BEfabTabBack { background-color: #ffcc66; }
.BEEnterDetsBack { background-color: #E9F7FB }
.BEPaymentBack { background-color: #C5E0E9 }
.BEcountryChosen { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #800000 }

.BEMicrositeTabHeader { background-color: #EAEAEA }
.BEMicrositeBookingTable { background-color: #EEEEEE }
.BETotalDue { background-color: #FFFFFF }
.BEMicrositeTabMain { background-color: #9AD3E5 }
.BEMicrositeTabRes { background-color: #F4F4F4 }

.BEMicrositeBookingHeader { background-color: #E7F4F8 }
.BEMicrositeBookingMain { background-color: #800000 }
.BEMicrositeBookingRes { background-color: #9AD3E5 }

.BEHeadingmedium { font-family: verdana, arial; font-size: 11px; } 
.BEHeadingmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold; }

.BEhr { height: 1px; color: #000000 }

.BEpg2Head { background-color: #EAEAEA }
.BETotalPay { background-color: #CCCCCC }
.BEwarning { font-family: verdana, arial; font-size: 10px; color: #CC0000 }
.BEbullet { list-style-image: url('../images/rbh/color_dot.gif'); }
.Error { font-family: verdana, arial; font-size: 12px; color: #CC0000; font-weight: bold; }

a.BEtitle { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #800000; line-height: 14px; text-decoration: none }
a:hover.BEtitle { color: #CC6600 }

a.BEmoreinfo { font-family: arial, verdana; font-size: 11px; text-decoration: underline; font-weight: normal; color: #FF0000 }
a:hover.BEmoreinfo { font-family: arial, verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #FF0000 }

.FABCalendar { background-color: #097DE4; color: white }

.JSCalendarWeekend { background-color: #107777; color: #FFFFFF }
.JSCalendarWeek { background-color: #52ABAB; color: #000000 }
.JSCalendarTitle { background-color: #94CACA; color: #000000 }
.JSCalendarDays { background-color: #f4f4f4 }

a.calendar { font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #444444; text-decoration: none }
a:hover.calendar { color: #CC0000; text-decoration: none }

a.changedates { font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #666666; text-decoration: underline; font-weight: bold }
a:hover.changedates { color: #006699; text-decoration: none }

a.calcontrol { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #444444; font-weight: bold; text-decoration: none }
a:hover.calcontrol { color: #CC0000; text-decoration: none }


.BEfabTableBg { background-color: #FFFFFF }

.facilities {
	background-color: #ECEEF3;
	width: 280px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

.TXT_content {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.btnConfirm {
  border-top: #89BB84 1px outset; 
  border-left: #89BB84 1px outset;
  border-right: #295425 1px outset; 
  border-bottom: #295425 1px outset; 
  background-color: #499142;
  color: #FFFFFF;
  font-weight: bold;
  width: 75px;
  text-shadow: 3px 3px 5px red;
  cursor: hand
}
.btnCancel {
  border-top: #C0B3B3 1px outset; 
  border-left: #C0B3B3 1px outset;
  border-right: #5A4444 1px outset; 
  border-bottom: #5A4444 1px outset; 
  background-color: #808080;
  color: #FFFFFF;
  font-weight: bold;
  width: 75px;
  cursor: hand
}

.TXT_small {
	font-family: verdana, Arial, San Serif;
	font-size: 10px;
}


.AVAIL_panel { 
	border: #CCCCCC solid 1px; 
	padding: 5px;
	color: #5555AA;
}

.BEavailkey {
	font-family: verdana, Arial, San Serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

TD.listingWpaper {
		background-image: url('/images/rbh/listingWpaper.gif');
		background-position: top left;
		background-repeat: repeat-x;
}




/*

The following styles are from the original 'default.css' style sheet. They have been copied in here ensure that 
styles stay intact
EL 06.05.03



select 		{ font-size: 7pt; background: #5588BB; color: #eaeaea; font-family: verdana, arial }
.BlueForm	{ font-size: 7pt; background: #5588BB; color: #eaeaea; font-family: verdana, arial }
TEXTAREA	{ font-family: Verdana, Arial, sans-serif }
A		{ font-weight: bold; color: #800000; text-decoration:none }
A:hover		{ font-weight: bold; color: #CC6600 }
HR		{ color:#CCCCCC; height:1 }
.Yellow 	{ background-color: #800000; font-family : Verdana, Arial, sans-serif; font-size: 8pt }
A.Yellow 	{ color:#800000 }
A.Red		{ color:#CC3333 }
.DarkYellow 	{ background-color: #CC9900 }
.Orange		{ color: #CC6600 }
.Blue 		{ color:#FFFFFF; background-color: #800000}
.Grey		{ color:#000000; background-color: #EEEEEE }
.Peach		{ background-color: #FFFAEE }
.MediumBlue 	{ color:#FFFFFF; background-color: #800000; font-size:8pt }

.MainTitle	{ color:#CC6600; font-size:13pt; font-weight:bold }
.MediumTitle	{ color:#CC6600; font-size:10pt; font-weight: bold }
.MediumishTitle	{ color:#CC6600; font-size:9pt; font-weight: bold }
.SmallTitle	{ color:#CC6600; font-size:8pt; font-weight: bold }



.MainBlackTitle	{ color:#000000; font-size:16pt }
.MediumBlackTitle	{ color:#000000; font-size:15pt }
.SmallBlackTitle	{ color:#000000; font-size:8pt; font-weight: bold }
.Yes		{ color: white; background-color:#006633 }
.No		{ color: white; background-color:#990000 }
.Error		{ color: red; }
.DetailsError		{ color: red; }
.White		{ color: white; font-weight: bold }
.WhiteNotBold	{ color: white }
.BigText 	{ font-size:15pt }
.MediumText 	{ font-size:11pt }
.CellFooter	{ color:#CC6600; background-color:#800000 }
.CellHeader	{ color:#800000; background-color:#800000 }
.BlueText	{ font-size: 8pt; color: #800000 }
.BlueBorder	{ background-color:#649CCC }
.Border		{ border-width:1px; border-style:solid }
.LightBlue	{ color:#000000; background-color:#EFF7FF }
.SmallSelect	{ font-size: 7pt }
.GreyTitle	{ color: #BBBBBB; font-size: 12pt }
.DarkBlue	{ color: #FFFFFF; background-color: #003366; font-weight: bold; font-size: 12pt }
.from 		{ color: #800000; font-weight: bold }
.formbk		{ color: #003366; font-size: 10px; background: #800000; font-family: verdana, arial }
.formbkClear { color: #003366; font-size: 10px; font-family: verdana, arial }
.butbk 		{ color: #003366; font-size: 7pt; background: #eaeaea; font-family: verdana, arial }
.drkbluebk 	{ background-color: #006699 }
.palegrey 	{ background-color: #f1f1f1 }
.formbkYell { font-size: 7pt; color: #444444; font-family: verdana, arial; background-color: #F7D016 }
.confirm_tab { background-color: #666666; color: #ffffff }



.mainHeading { font-family: arial, verdana; font-size: 11pt; color: #cc6600; text-decoration: none; font-weight: bold }
.details { font-family: verdana; font-size: 7.5pt; color: #cc6600; text-decoration: none }
.subHeadings { font-family: arial, verdana; font-size: 8pt; color: #cc6600; text-decoration: none; font-weight: bold }
.Border { border-width: 1px; border-style: solid }
.daynumhead { font-family: arial, verdana; font-size: 8pt; color: #800000; text-decoration: none; font-weight: bold  }

.ratingpanelmain { background-color: #333333; color: #ffffff }
.ratingpanelhd { background-color: #999999; color: #ffffff }
.ratingpaneltxt { background-color: #E0D2C3; color: #333333 }
.midpanelbreak { background-color: #CCB296; color: #333333 }
.advicepaneltxt { background-color: #cccccc; color: #333333 }

.darktable { background-color: #999999;}

.DarkHeading {FONT-SIZE: 7.5pt;  COLOR: #444444; TEXT-DECORATION: none}

a.orange { color: #CC6600; font-size: 7.5pt; text-decoration: bold }
a:visited.orange { color: #CC6600; text-decoration: bold }
a:hover.orange { color: #000000; text-decoration: bold }


a.darklink { color: #003366; font-size: 7.5pt; text-decoration: bold }
a:visited.darklink { color: #003366; text-decoration: bold }
a:hover.darklink { color: #ECB851; text-decoration: bold }

a.lightlink { color: #800000; font-size: 7.5pt; text-decoration: bold }
a:visited.lightlink { color: #800000; text-decoration: bold }
a:hover.lightlink { color: #333333; text-decoration: bold }

a.brightlink { color: #800000; font-size: 7.5pt; text-decoration: bold }
a:visited.brightlink { color: #800000; text-decoration: bold }
a:hover.brightlink { color: #800000; text-decoration: bold }

a.whitelink { color: #FFFFFF; font-size: 7.5pt; text-decoration: bold }
a:visited.whitelink { color: #FFFFFF; text-decoration: bold }
a:hover.whitelink { color: #800000; text-decoration: bold }


a.nochange { color: #666666; font-size: 7.5pt; text-decoration: none }
a:hover.nochange { color: #990000; text-decoration: none }

.greyform {background-color: #F1F1F1; color: #000000 }
.submit{background-color: #AFAEAF; font-size: 7.5pt; color:000000}


.avail { background-color: #EABB5C; color: #666666 }
.blank {background-color: #676565; color: #FFFFFF}
.notavail { background-color: #AFAEAF; color: #eaeaea }
.whitefont { color: #ffffff }

.LeftColumn {background-color: #EEEEEE;}

.toursformbk {color: #FFFFFF; font-size: 7pt; background: #800000; font-family: verdana, arial }

.TXT_whitetxt{color: #000000; font-size: 7pt; background: #ffcc66; font-family: verdana, arial }
/* discover css */

BODY {
	voice-family: "";
	font-size: small;
}

H1 {
	FONT-WEIGHT: bold; LINE-HEIGHT: 0.2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 120%;
}
H2 {
	FONT-WEIGHT: bold; LINE-HEIGHT: 0.2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 110%;
}
H3 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
}
H4 {
	COLOR: #800000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
}
P {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT: 150%
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
DIV {
	FONT-SIZE: 100%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A {
	FONT-WEIGHT: normal; COLOR: #800000; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #800000; TEXT-DECORATION: underline
}
A:active {
	COLOR: #800000; TEXT-DECORATION: underline
}
#wrapper {
	BORDER-RIGHT: #ffcc66 1px solid; BORDER-TOP: #ffcc66 1px solid; MARGIN: 10px auto; BORDER-LEFT: #ffcc66 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ffcc66 1px solid; TEXT-ALIGN: left
}
#header {
	BACKGROUND: #800000
}
#headerlogo {
	FLOAT: left; WIDTH: 180px; HEIGHT: 60px
}
#headerright {
	MARGIN-TOP: 0px; FLOAT: right; COLOR: #ffffff; MARGIN-RIGHT: 10px; TEXT-ALIGN: right
}
#headertab {
	CLEAR: both; FONT-SIZE: 90%; BACKGROUND: #800000; WIDTH: 100%; LINE-HEIGHT: normal
}
#headertab UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #800000; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
#headertab LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; BACKGROUND: url(http://www.discover-hostels.com/images/tableftoff.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
#headertab A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.discover-hostels.com/images/tabrightoff.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #000000; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#headertab A {
	FLOAT: none
}
#headertab A:hover {
	COLOR: #800000
}
#headertab #current {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: url(http://www.discover-hostels.com/images/tablefton.gif); BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#headertab #current A {
	BACKGROUND-IMAGE: url(http://www.discover-hostels.com/images/tabrighton.gif); PADDING-BOTTOM: 5px; COLOR: #000000
}
#belowmenu {
	CLEAR: both; PADDING-RIGHT: 5px; FONT-SIZE: 90%; BACKGROUND: #ffffcc; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #ffcc66 1px solid; HEIGHT: 25px; TEXT-ALIGN: right
}
#belowmenu A {
	COLOR: #666; TEXT-DECORATION: none
}
#breadcrumb {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#breadcrumb A {
	BACKGROUND: #ffffff; COLOR: #666666; TEXT-DECORATION: none
}

#footer {
	CLEAR: both; PADDING-RIGHT: 5px; BORDER-TOP: #ffcc66 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 90%; PADDING-BOTTOM: 5px; COLOR: #ffffff; LINE-HEIGHT: 100%; PADDING-TOP: 5px; BACKGROUND-COLOR: #800000; TEXT-ALIGN: center;
}
#footer A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}
#footer A:hover {
	TEXT-DECORATION: none
}
#footer A:active {
	TEXT-DECORATION: none
}
#untenlink {
	FONT-SIZE: 80%; PADDING-BOTTOM: 5px; COLOR: #999999
}
#untenlink A {
	COLOR: #999999; TEXT-DECORATION: none
}
#untenlink A:hover {
	COLOR: #666666; TEXT-DECORATION: none
}

.toph1 {
	MARGIN-TOP: 5px; FONT-WEIGHT: normal; FONT-SIZE: 110%; COLOR: #ffffff; LINE-HEIGHT: 90%; TEXT-DECORATION: none
}
.topp {
	MARGIN-TOP: -5px; FONT-WEIGHT: normal; FONT-SIZE: 100%; COLOR: #ffffff; LINE-HEIGHT: 90%; TEXT-DECORATION: none
}
.citieslist
{
	margin: 5px;
	padding: 5px;
	list-style-type: none;
}
.citieslist1
{
	margin: 5px;
	padding: 5px;
	list-style-type: none;
	border: 1px solid #ffcc66;
}
.cities ul
{
	margin: 0;
	padding: 5px;
	list-style-type: none;
	font-size: small;
}

.cities li 
{ 
	margin: 0px 3px 3px -10px;
	list-style-type: none; 
	}

.cities a
{
	display: block;
	border: 1px solid #ffffff;
	padding: 2px 2px 2px 2px;
	width: 250px;
	background-color: #fff;
	background-image: url(images/kringel1.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.cities a:link, .cities a:visited
{
	color: #ffcc66;
	text-decoration: none;
	padding-left: 30px;
}

.cities a:hover
{
	border: 1px dotted #cc0000;
	background-color: #fff;
	background-image: url(images/kringel2.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left: 30px;
	color: #800000;
}
.td1, .td2
{
	border-right: 1px solid #ffcc66;
	padding: 5px;
}
.td3
{
	padding: 5px;
}
.table1
{
	border-top: 1px solid #ffcc66;
	margin-left: 5px;
	margin-right: 5px;
}
#main
{
	margin-top: 10px;
}
.box1, .boxlink a
{
	margin: 10px;
	padding: 10px; 
	border: 1px solid #ffcc66;
	color: #800000;
	font-weight: bold; 
	text-decoration: none;
}
.formtable
{
	margin: 10px;
	padding: 10px; 
	border: 1px solid #ffcc66;
}
.image1
{
	margin: 10px;
	padding: 10px; 
	border: 1px solid #ffcc66;
}
-->