#sitelisting
{
  font-size: 10px;
  border-collapse: collapse;
}

p
{
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0px;
}

h1
{
  margin-top: 0px;
}

h2
{
  font-size: 14px;
}

p#breadcrumb
{
  margin-top: 0px;
  font-size: 10px;
}

#sitelisting td
{
  font-size: 10px;
  border-bottom: 1px #C9E1F1 solid;
}

.sidelist, .searchlist
{
  margin: 0px;
  padding: 0px;
}

.sidelist li
{
  list-style: none;
  font-size: 11px;
}

.searchlist li
{
  padding: 0px;
  margin: 0px;
  list-style: none;
  background: url("arrow-right.gif") no-repeat 2px 5px;
 
  margin-left: 8px;
  padding-left: 10px;
}

div#leftintro
{
  width: 362px;
  float: left;
}

div#rightintro
{
  width: 379px;
  height: 46px;
  float: right;
  font-size: 10px;
  background: url("info-panel-back.gif") no-repeat 1px 1px;
  padding: 3px;
  border: 1px #c1e8fc solid;
  position: relative;
  top: -14px;
}

.pricepoint
{
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

div#hotelleftpane, div#hotelsmallpane
{

  margin-top: 15px;
  width: 195px;
  float: left;
 
}


div#hotelsmallpane /* the right pane*/
{
  float: right;
  clear: none;
 
}

div#hotelrightpane
{
  margin-top: 11px;
  float: right;
  width: 694px;
}

div.hotelitem
{
  width:692px;
  height: 130px;
  float: right;
  margin-bottom: 10px;
}

div.hotelitemtitle h2
{
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 14px;
}
  

div.hotelitemtitle, div.searchtitle, div.hotelinfotitle
{
  width:687px;
  height:19px;
  padding-top: 1px;
  background: url("hotel-title-back.gif") repeat-x;
  padding-left: 4px;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  color: #444;
}

div.hotelinfotitle
{
 width:687px;
  margin-top: 14px;
  clear: both;
}


div.hotelinfocontent
{
  float: left;
  padding: 5px;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 3px solid #efefef;  
  width: 705px;
  margin-bottom: 13px;
  
}

div.hotelitemtitle a, div.hotelitemtitle a:hover, div.hotelitemtitle a:visited
{
  color: #444;
  text-decoration: none;
}

div.sideitemtitle
{
  width:187px;
  height:25px;
  padding-top: 2px;
  zzbackground: url("side-title-back.gif") no-repeat;
  padding-left: 4px;
  font-size: 18px;
  font-family: arial, helvetica, sans-serif;
  color: #444;
}

div.sideitemcontent
{
  zzbackground-color: #e5f7fe;
  width: 183px;
  zzborder-left: 1px #b1e5ff solid;
  zzborder-right: 1px #b1e5ff solid;  
  zzborder-bottom: 3px #b1e5ff solid; 
  padding: 3px;
  padding-top: 7px;
  padding-bottom: 4px;  
  margin-bottom: 10px;
  font-size: 10px;
}

div.sideitemcontenthotel
{
  background-color: #e5f7fe;
  float: right;
  width: 250px;
  border-left: 1px #b1e5ff solid;
  border-right: 1px #b1e5ff solid;  
  border-bottom: 3px #b1e5ff solid; 
  border-top: 3px #b1e5ff solid;   
  padding: 3px;
  padding-top: 7px;
  padding-bottom: 4px;  
  margin-bottom: 10px;
}




input.citysearchbox
{
  font-size: 10px;
  width: 175px;
  color: #555;
}

input.searchbutton
{
  font-size: 10px;
  background-color: #629bb8;
  border: 1px solid #555;
  color: #fff;
  margin-top: 4px;
}

div.hotelimg
{
  width: 70px;
  float: left;
}

div.hotelimg a
{
  float: left;
  width: 64px;
  border: 1px solid #ccc;
  padding: 1px;
   display: block;
}

div.hotelimg a:hover
{
  border: 2px solid #222;
  padding: 0px;
}


div.hotelstar
{
  margin-top: 3px;
}

div.hotelprice
{
  float: right;
  position: relative;
  top: -34px;
  text-align: right;
  margin-right: 8px;
  border-right: 3px solid #bbb;

  padding-right: 3px;
}

span.address
{
  font-size: 11px;
  color: #777;
  font-style: italic;
}

#pagedisplay
{
  float: right;
  font-size: 11px;
  font-style: italic;
  color: #555;
}

.pagenums
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 550px;
}

.pagenums li
{
  float: left;
  padding: 4px;
  border: 1px solid #ccc;
  margin-right: 5px;
  padding-top: 2px;

}

.pagenums .skipblock
{
  border: 0px;
  padding: 0px;
  padding-top: 4px;
  margin-right: 2px;
  left: -2px;
  position: relative; 
}

.pagenums .currentpage
{
  background-color: #eee;
}

.pagenums li a
{

  font-size: 10px;
  height: 14px;
}

span.pricetext
{
  font-size: 16px;
  font-weight: bold;
}

div#hotelprice
{
  width: 78px;
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

div.hotelitemcontent, div.searchcontent
{
  padding-top: 10px;
  width:685px;
  height:98px;
  background: url("hotel-content-back.gif") no-repeat;
  padding-left: 4px;  
}

div.hotelmainimage
{

  float: left;

  margin-top: 9px;  
  margin-right: 15px;
  padding: 1px;
  border: 2px solid #ccc;
}

div.thumbimage
{
  float: left;
  width: 68px;
  height: 66px;
  margin-left: 3px;
  margin-top: 9px;
  margin-right: 7px;
}

div.thumbimage a, div.thumbimage a:visited
{
  border: 1px solid #ccc;
  display: block;
  padding: 1px;
}

div.thumbimage a:hover
{
  border: 2px solid #222;
  padding: 0px;
}

#hotelmaininfobox
{
  float: left;
  position: relative;
  margin-left: 10px;
  width: 180px;
  margin-top: 0px;
}

#map
{
  float: right;

  border: 1px solid #ccc;
  padding: 1px;
}

div#hoteloptions
{
  float: right;
  height: 100px;
  width: 167px;
  font-size: 10px;
}

img.bookbutton
{
  margin-top: 14px;
}

.anotherhotel
{
  float: left;
  border: 1px #222 solid;
  padding: 1px;
  margin-right: 4px;
}

ul.maplist
{
  width: 240px;
  float: left;
  font-size: 10px;
  margin: 4px;
  padding: 0px;
  margin-top: 20px;
}

ul.maplist li
{
 list-style: none;
}

.alert
{
  color: #f00;
  font-weight: bold;
}

.highlightbox
{
  background: #fff;
  padding: 2px;
  border: 1px #777 solid;
}