/* structure */
BODY
{
  background: #DCD8D0 url(../images/page_background.jpg) repeat-y 50% 0;
  margin:0;
  padding:0;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica;
  font-size:103%;
}
div.clear
{ 
  clear: both;
}
#page
{
  width:780px;
  margin-left:auto;
  margin-right:auto;
}
#main
{
  width:780px;
  float:left;
}
#content
{
  width:auto;
  padding:10px 30px 0 40px;
  background:#FFF;
}
#header
{
  width:100%;
  height:103px;
  clear:both;
}
#canvas
{
  text-align:center;
}
#page
{
  text-align:left;
}
.boxclear
{
  clear:both;
  line-height:0px;
}
/* Base Styles */
A:link, a:visited
{
  display: inline;
  color: #31639C;
  text-decoration: none;
}
A:hover
{
  display: inline;
  color: #275285;
  text-decoration: underline;
}
IMG
{
  border:0;
}

/* Main Header */
#header H1
{
  font-size:0.6em;
  margin:0;
}
#header H1 IMG
{
  position:absolute;
  clear:left;
}

/* Content */
H1#title {
  margin:0;
  padding: 20px 0 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:20px;
}
H1#titlenoimage, #content h2 {
  margin:0 0 10px 0;
  position: relative;
  font-size:88%;
  color:#6A86B0;
  font-family:Arial,Verdana, Geneva, "Bitstream Vera Sans", Helvetica;
}

#content P, #content UL
{
  color: #444;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica;
  font-size: 77%;
  margin-top:8px;
  position:relative;
}
H2
{
  margin-top: 12px;
  margin-bottom: 2px;
}
H3
{
  margin-top: 0px;
  margin-bottom: 0px;
}
H4
{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Styles for Tabs */

.tabbedPane
{
  width:100%;
}

.tabbedPane ul.tabs
{
position: static;
font-size: 60%;
list-style-type: none;
padding-bottom: 2.4em;
border-bottom: 1px solid #84A2C5;
margin: 0;
padding-left: 10px;
}

.tabbedPane ul.tabs li
{
float: left;
height: 2.1em;
/*background-color: #F8F8FB;*/
background-color: #f5f5f5;
margin: 0.2em 0.2em 0 0.2em;
border: 1px solid #84A2C5;
color: #666;
}

.tabbedPane ul.tabs li.selected
{
border-bottom: 1px solid #fff;
background-color: #fff;
color: #000;
}

.tabbedPane ul.tabs div {
  font-size:130%;
  float: left;
display: block;
text-decoration: none;
padding: 0 4px;
}

.tabbedPane ul.tabs li div
{
cursor: pointer;
cursor: hand;
}

.tabbedPane ul.tabs li.selected div
{
cursor: default;
}



.tabbedPane ul.tabs  a:hover {
background: #fff;
}

.tabbedPane DIV.page
{
  clear: both;
  display: none;
  border-bottom: 1px solid #FDB851;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  margin-bottom: 1em;
  padding: 0.5em  1em 0 1em;
}

.tabbedPane DIV.page-selected
{
  display: block;
  border-bottom: 1px solid #84A2C5;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  margin-bottom: 1em;
  padding: 0.5em  1em 0 1em;
}


/* Columns inside Tabbed panes */

DIV#citycolumns
{
  width:auto;
  clear:both;
}
DIV.citycolumn
{
  float:left;
  width:24%;
}

DIV.citycolumn UL
{
  font-family:Arial,Verdana, Geneva, "Bitstream Vera Sans", Helvetica;
  font-size:77%;
  padding-left: 0;
  margin-left: 0;
  color:#31639C;
}

DIV.citycolumn LI
{
  list-style: none;
  margin: 0;
}

DIV.citycolumn UL UL
{
  font-size:100%;
  font-weight:normal;
}

.citycolumn .continued
{
  font-size:88%;
  font-weight:normal;
}

/* Site info footer */

#siteinfo
{
  color:#678AB1;
  font-family:"Trebuchet MS",Arial,Verdana, Geneva, "Bitstream Vera Sans", Helvetica;
  font-size:66%;
  border:1px solid #EFEFFB;
  background-color: #FFFEF9;
  padding:10px;
  margin:0 15px 0 15px;
}

#siteinfo a
{
  text-decoration: underline;
}


/* City Page */
#content IMG#feature
{
  float:left;
  padding: 0 15px 10px 0;
}

.hotel-summary
{
  border:1px solid #EFEFFB;
  background-color:#FFFEFD;
  padding:10px;
  margin:10px 0;
  font-size:88%;
}

.hotel-summary H3
{
  font-size:100%;
}

.hotel-summary P
{
  margin:3px 0;
}

.hotel-summary .image-container
{
  float:right;
  margin:0;
  padding:0;
  text-align:center;
  width:150px;
  height:110px;
}

.image-shadow {
  float:right;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.image-shadow img {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* Hotel Styles */
.availability
{
  font-size:70%;
}

#hotel-details .image-shadow
{
  margin:0 0 10px 20px;
}

#breadcrumb
{
  color: #666;
  padding: 0;
  padding:10px 30px 0 40px;
  margin:0 0 5px 0;
  font-size:80%;
}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

.similar-hotels { font-size: 88%; }

.similar-hotels h2 { font-size: 100%; }

.similar-hotels ul
{
  padding-left: 0;
  margin-left: 1em;
  list-style: none;
}