div#hotelleftpane
{
  width: 540px;
  float: left;
}

div#hotelrightpane
{
  float: right;
  width: 216px;
}

div#hotellistingsearch
{

  border: 1px solid #DDAA66;
  width: 756px;
  height: 41px;
}

div#hotellistingsearchinner
{
  background-color: #FFCC88;
  width: 744px;
  border: 1px solid #fff;
  height: 29px;
  padding: 5px;  
}

h1
{
  color: #F79822;
  clear: both;
}

h2.hoteldesctitle
{
  height: 15px;
  color: #fff;
  padding: 3px 1px 3px 15px;
  font-size: 12px;
  background: url("http://www.travelxl.com/images/header-back2.gif") left repeat-y #01BCF2;
}  


h3
{
  height: 15px;
  color: #fff;
  padding: 3px 1px 3px 15px;
  font-size: 12px;
  background: url("http://www.travelxl.com/images/header-back2.gif") left repeat-y #01BCF2;
}

h3.rightheader
{
  padding: 0px;
  color: #01b3f1;
  display: inline;
  font-size: 11px;
  background: none;
}

.didyoumean
{
  font-size: 10px;
  color: #888;
  margin-top: 0px;
}

.sortbutton, .ratebutton
{
  width: 133px;
  text-align: center;
  height: 19px;
  color: #fff;
  padding-top: 4px;
  background: url("http://www.travelxl.com/images/sort-button-back.gif");
  float: left;
  margin-right: 2px;
  margin-bottom: 4px;
}

.ratebutton
{
  background: url("http://www.travelxl.com/images/price-back.png") no-repeat;
  width: 118px;
  height: 66px;
  float: right;
  margin-top: 3px;
  padding-top: 7px;
  left: -60px;
}

.bookhotelbutton
{
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
}

.sortbutton a
{
  text-decoration: none;
  color: #00B9F2;
  display: block;
  border-bottom: 2px solid #03ACF1; 
  height: 17px;  
}

.ratebutton a
{
  display: inline;
  height: 13px;
  border-bottom:0px; 
   padding-top: 1px;
  color: #fff;
  text-decoration: none;

}

.sortbutton a:hover, .ratebutton a:hover
{
  height: 17px; 
  text-decoration: none;
  color: #000;
  display: block;
  border-bottom: 2px solid #00B9F2;  
}

.ratebutton a:hover
{
  border-bottom: 0px;
  height: 13px;
  padding-top: 0px;  
  display: inline;
}


/*.pageno,.pagenocur
{

  color: #fff;
  margin: 1px #666 solid;
  float: left;
  width: 16px;
  margin: 0px;
  margin-bottom: 5px;
  margin-right: 3px;
  text-align: center;
}



.pageno a
{
  color: #fff;
  text-decoration: none;
  display: block;
  width: 16px;
  padding-top: 2px;
  height: 15px;
  background-color: #176AA1;
}

.pagenocur a
{
  width: 16px;
  padding-top: 2px;
  height: 15px;
  color: #444;
  text-decoration: none;
  display: block;
  background-color: #00b5f0;
}



.pageno a:hover
{
  color: #444;
  text-decoration: none;
  display: block;
  background-color: #B4C2D5;
}*/

.pages
{
  padding: 1em;
  margin: 1em 0;
  clear: left;
  font-size: 80%;
  padding-left:0px;
}

.pages a, .pages span
{
  display: block;
  float: left;
  padding: 0.2em 0.58em;
  margin-right: 0.1em;

}

.pages a.current
{

  font-weight: bold;
  background: #08B5F1;
  color: #fff;
}

.pages a
{
  background-color: #D8E1EC;
  text-decoration: none;
}

.pages a:hover
{
  border-color: #B4C2D5;
  background-color: #B4C2D5;
}

.pages a.nextprev
 {
  font-weight: bold;
}

.pages span.nextprev
{
  color: #666;
}

.pages span.nextprev
{
  border: 1px solid #ddd;
  color: #999;
}


.hoteltitle h2
{
  display: inline;

}

.hotelheader a
{
  font-size: 12px;
  display: inline;
}

.hoteltitle .hotellink
{
  font-size: 12px;
  position: relative;
  top: -2px;

}

.hoteltitle .hotellink a
{
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.searchresults
{
  color: #777;
  margin-top: 0px;
  position: relative;
  top: -5px;
}

div.hotellisting
{
  margin-top: 10px;
  margin-bottom: 5px;
  clear: both;
  background: #FCF5D9;
  border: 1px solid #C9DFD4;
 /* height: 134px;*/
  height: 148px;
}

.hoteltitle
{
  clear: both;
  height: 22px;
  padding-left: 9px;
  padding-top: 10px;
  color: #fff;
  background: url("http://www.travelxl.com/images/hlcomplete.gif");
  
  background-color: #00b5f0;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 2px;
}

.hotelimg
{
  position: relative;
  border: 1px #444 solid;
  float: left;
  margin-bottom:6px;
  padding 2px;
}

.nohotelimg
{
  position: relative;
  border: 1px #bbb solid;
  float: left;
  margin-bottom:6px;
  padding 2px;
}

#hotelimgpane
{
  float: left;
  width: 150px;
}

.hotelimgfull
{
  border: 1px solid #aaa;
  padding: 1px;
}

.hotelimgfull:hover { border: 1px solid #000000; }

.thumbimage
{
padding: -1px;
}

.hotelthumblink
{
  display: block;
  border: 1px solid #aaa;
  margin: 5px;
  padding: 1px;
  width: 64px;
  height: 64px;
  float: left;
}

.hotelthumblink:hover
{
  border: 2px solid #666;
  margin: 5px;
  padding: 0px;
}

.hoteldesc
{
  width: 305px;
  height: 80px;
  float: left;
  padding-left: 5px;
  padding-bottom: 12px;
  margin-top: 2px;  
  margin-left: 14px;
}

#hoteldescpane
{
  float: left;
  width: 379px;
  margin-left: 10px;

  /* height: 500px; WHO LIMITED THIS HEIGHT? I SPENT HOURS TRYING TO FIX THE FOOTER */
}

#hotelimagearea
{
  float: left;
  width: 320px;
}

.hoteldescfull
{

  margin-top: 0px;
  color: #444;
}

.hotelimag1
{
  margin-top: 0px;
  color: #444;
}

.hotelprice
{
  font-size: 160%;
  font-weight: bold;
  margin-left: 0px;
  color: #444;
  text-align: center;
  position: relative;
  top: 17px;
}

.hotelprice a
{
  color: #000;
}

.hotelprice a:hover
{
  color: #000;
}


div.hotelgroupheader
{
  margin-top: 11px;
  float: right;
  width: 199px;
  border-bottom: solid 1px #6e6e70;
  text-align: left;
  color: #00b5f0;
  font-weight: bold;
  padding-bottom: 6px;
}

/* ------------------- ||||||||||||||||||||| -------------------- */

div.hotelgroup
{
  margin-top: 10px;
  float: right;
  width: 199px;
  padding-bottom: 3px;
  text-align: left;

}

div.hotelgroup ul
{
  margin: 0px;
  padding: 0px;
}

div.hotelgroup li
{
  list-style: none;  
  width: 197px;
}

div.hotelgroup li a
{
  text-decoration: none;  
}

#hotelfeatures
{
  clear: both;
}

#hotelfeatures ul
{
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}

#hotelfeatures li
{
  width: 320px;
  float: left;
  list-style: none;
  background: url("http://www.travelxl.com/images/features-back.gif") right repeat-y;
  margin: 0px;
  padding: 0px;
  position: relative;
  
}

#hotelfeatures li img
{
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: -10px;

  left: 302px;

  padding-bottom: 10px;
  margin-bottom: -12px;
}


 
#mapzoom
{
  margin-bottom: 19px;
}

#largemap
{
   margin-left: 12px;
   margin-top: 18px;
   width: 650px; 
   height: 400px;
   border: 1px solid #aaa;
   padding: 1px;
 
 }

#map
{
   float: right; 
   width: 200px; 
   height: 200px;
   border: 1px solid #aaa;
   padding: 1px;
   margin-bottom: 0px;

 }

 .faded
 {
   color: #666;
 }
 
 ul#relateditems
 {
   margin: 0px;
   padding: 0px;

 }
 
 ul#relateditems li
 { 
   list-style: none;
 }
 
 ul#relateditems a
 {

 
 }
 
 ul#relateditems a:hover
 {

   color: #454A1C;
   text-decoration: underline;
   color: #000000;
}

.price
{
  font-size: 15px;
  font-weight: bold;
  color: #BC3E40;
}

#hoteladdress
{
  border: 1px solid #DDAA66;
  width: 140px;
  padding: 1px;
  margin-bottom: 15px;
}

.selectwindow
{
  height: 100px;
  overflow: auto;
  padding-right: 5px;
}



/* ---------------------------------------------------------- */
/* Booking form block                                         */
/* ---------------------------------------------------------- */

.frmBookingTbl       { border: 1px solid #AAAAAA; }

.frmBookingAreaTitle { background-color: #70C5E0; font-weight: bold; color: #FFFFFF; }

.frmBookingSubmitBtn { width: 150px; padding: 5px; margin-bottom: 8px; }

/* ---------------------------------------------------------- */

/*.btnSubmit           { border: 1px solid #DDAA88; }
.btnSubmit:hover     { border: 1px solid #AA2200; }
*/


/* ---------------------------------------------------------- */
/* thumbnailViewer                                            */
/* ---------------------------------------------------------- */

.galThumb       { padding: 1px; margin: 1px; border: 1px solid #888; }
.galThumb:hover { padding: 0px; border: 2px solid #000000; }

/* Outermost DIV for thumbnail viewer */
#thumbBox {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  padding: 10px 10px 2px 10px; /* bottom is less coz Close */
  background: #222222;
  visibility: hidden;
  z-index: 10;
  cursor: hand;
  cursor: pointer;
}

#thumbTitle { padding-top: 10px; font: bold 11px Tahoma; color: white; }

/* Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar {
  font: bold 12px Tahoma;
  letter-spacing: 3px;
  line-height: 1.1em;
  color: white;
  padding: 5px 0;
  text-align: right;
}

/* DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage { color: white; background-color: black; }

/* DIV for showing "loading" status while thumbbox is being generated */
#thumbLoading {
  position: absolute;
  visibility: hidden;
  border: 1px solid black;
  background-color: #EFEFEF;
  padding: 5px;
  z-index: 5;
}

#aboutus
{
float:left;
font-size:10px;
margin-top:0.5em;
margin-bottom:0.5em;
margin-right:0.3em;
background-color: #d2ffff;
width:350px;
padding: 8px;
border:1px solid #faa532;
}

/* ---------------------------------------------------------- */