/* ########################################### */

body {
 font-size: 100.01%;
 margin-top:0px;
 color:#5e5e5e;
 margin:0;
 padding:0;
}

#container {
	margin: 0 auto auto auto;
	width: 850px;
	background: transparent url('http://www.clearblueseas.com/img/site/shadow_context.gif') repeat-y;
	padding-left:30px;
	padding-right:26px;
}

.facil_box {
background-color:#ffffff;
padding:3px;
margin-bottom:4px;
width:200px;
/*border: blue 1px solid;*/
}

img {

border:0px;
}


.accom {

background-color:#ffffff;
padding-left:10px;
padding-bottom:10px;
}


.other_hotelss {

padding:3px;
border-top: 3px dotted #1058ae;
border-bottom: 3px dotted #1058ae; 
padding-top:15px;
padding-bottom:15px;
font-size:0.8em;
line-height:25px;
width:340px;
margin-bottom:10px;

}

.other_hotelss a{

color:#54575b;
}

.other_hotelss a:hover{

color:#a0b2c7;
}

.menu_bar a {
text-decoration:none;
color:#2e486a;
}

.menu_bar a:hover {
color:#7e9cc4;
}

	.dropdown {

	font-size:0.8em;
	}

#col-a {
  float: right;
  width: 100%;
}
#col-a[id] { /* [2] */
  margin-left: -2px;
}
#col-b {
  float: left;
  margin-left: -20em;
  z-index: 10; /* [3] */
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
  float: left;
  margin-right: -20em;
  z-index: 11; /* [3] */
}
#col-c[id] { /* [2] */
  margin-left: 1px;
}
.show-all #columns {
  padding: 0 20em;
}
.hide-left #columns {
  padding: 0 12em 0 0;
}
.hide-right #columns {
  padding: 0 0 0 12em;
}
.cols-wrapper {
  width: 100%;
}
.cols-wrapper[class] {
  padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}

.sidecol {
  position: relative;
  width: 20em;
  overflow: hidden;
 }

.box,
.main-content {
  margin: 0 0em;
}
.clear {
  clear: both;
}
.none {
  display: none;
}

/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/

/* Presentation stylesheet */

/* IDs */
#main {

width:100%;
}
#header {
width:840px;
}
#header .title {
  margin: 0;
  padding: 0;
}
#footer {
  padding: 1.5em;
}
#footer p {
  margin: 0;
  text-align: center;
}
#header {
 
}

/* backgrounds */
#header,
.cols-wrapper {
  background-color: white;
}
#main {

}

/* classes */
.box,
.main-content {
  margin: 1em;
}
.cols-wrapper {
  border: 1px;
  margin: 0 -1px;
  border-style: none;
}
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none none none;
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}
#footer,
.sidecol {
  color: #333;
}
.sidecol ul {
  padding: 0 0 0 1.5em;
}

/* dom-tree */
.dom-tree {
  padding: 0 0 0 1.5em;
  color: #999;
}
.dom-tree code {
  font-weight: bold;
}
.dom-tree ul ul ul  {
  list-style: disc;
}
.dom-tree ul ul ul ul  {
  list-style: circle;
}
.dom-tree ul ul ul ul ul {
  list-style: square;
}
.dom-tree dl,
.dom-tree dt,
.dom-tree dd {
  color: black;
  margin: 0;
  padding: 0;
  display: inline; /* IE 5.x doesn't like this */
}
.dom-tree dd {
  font-style: italic;
}

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */
body {
  margin: 0;
  padding: 1em;
  min-width: 50em;
  font-size: 75.01%; /* 12px [1] */
  line-height: 1.5em; /* 18px [2] */
  background: white;
  color: black;
  font-family: "arial", "Luxi Sans", "Helvetica", sans-serif;
}
h1 {
  font-size: 1.5em; /* 18px */
  line-height: 1.33em; /* 24px */
  margin: 0.89em 0; /* 16px 0 */
}
h2 {
  font-size: 1.25em; /* 15px */
  line-height: 1.4em; /* 21px  */
  margin: 1.07em 0; /* 16px 0 */
}
h3 {
  font-size: 1em; /* 12px */
  font-style: italic;
  margin: 1.33em 0; /* 16px 0 */
}
h4, h5, h6 {
  font-size: .75em; /* 9px */
  line-height: 2em; /* 18px */
  margin: 1.56em 0; /* 14px 0 */
}
h4 {
  text-transform: uppercase;
}
h5 {}
h6 {
  font-style: italic;
}
address {}

/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub {}
sup {}
/* End of 9.2 */
p {}
pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
ins {}
del {}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
}
dl {}
dt {}
dd {}

/* Section 11: Tables */
table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* Section 12.2:  The A element */
a:link {}
a:visited {}
a:link:hover {} /* [4] */
a:visited:hover {}
a:active {}
a:focus {}
a:focus:hover {}

/* Section 13: Objects, Images, and Applets */
img {}
object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {}
/* End of 15.2 */
hr {}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/

body {
  text-align: center;
}
#em {
  width: 1em;
  height: 0;
  overflow: hidden;
}
#main {
  text-align: left;
  width: expression(  (d = document)
                   && (fs = d.getElementById('em').offsetWidth)
                   && (po = 2 * fs)
                   && (bo = 3)
                   && (min = 50 * fs)
                   && (max = 70 * fs)
                   && (cw = d.body.clientWidth)
                   && (px = 'px')
                   && (cw - po >= max + bo ? max + px : cw - po <= min + bo ? min + px : 'auto')
                   );
}


/*

Min- and max-width implementation for Windows Internet Explorer

About the weird dynamic property expression

fs = font-size (from the #em element)
min = min-width
max = max-width
po = padding offset (from the body)
bo = border offset (from the #main container, IE 6 seems to need one additional px)
cw = client width
px = pixel

(Feel free to suggest more intuitive names.)

Quriks-mode vs. standards-mode

This expression is the result of extensive trial and error.
I quess reading widths is equal in quirks- and standards-mode
(in this demo), but setting them is different. I don't want
to account for those differences, because they are very little.

*/

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

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


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

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

// Used for texr on image in header (hotel name)
#hotelName {
font-family: "arial", "Luxi Sans", "Helvetica", sans-serif;
}

.reviewText a:link,.reviewText a:visited {
	color:#444444;
	text-decoration:none;
	font-weight:bold;
}

.reviewText a:hover {
	text-decoration:underline;
}

.reviewContainer {
	border-bottom:1px solid #4e5d44;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:none;
}


/*
 * Results/Prices from Enquiry
 */


.enquiry_container {
  width:585px; 
  min-height:510px; 
  margin-left:220px;
  border-left:1px solid #cccccc; 
  padding:10px;
}

.enquiry_heading {
font-family:tahoma;
color:#4e5d44;
font-size:1.2em;
border-bottom:2px solid #4e5d44;
height:20px;
 margin-bottom: 20px;
}

.price_container_head {
	margin:0px 0px 0px 8px;
	color:#0fc5e0;
	width:576px;
  height:6px;
}
.price_container {
	margin:0px 0px 25px 8px;
	width:576px;
	min-height:80px;
	font-size:100%;
	color:#444444;
  border-width:1px;
  border-style:solid;
}
.price_container_foot {
	margin:0px 0px 0px 8px;
	color:#0fc5e0;
	width:576px;
  height:6px;
}

.price_container_inner {
	padding:1px 5px 0px 5px;
}

.price_accom_image {
	float:right;
	padding-top:6px;
	min-width:140px;
	min-height:80px;
	text-align:right;
}

div.price_accom_image {
	float:right;
	padding-top:2px;
	min-width:140px;
	text-align:right;
}

div.price_accom_row {
 margin-top: 5px;
 /*height: 40px;*/
 font-weight:bold;
}

div.price_accom_name {
 /*float: left;*/
 font-size: 140%;
 margin-right: 5px;
 margin-top: 4px;
 /*display: block;*/
}

div.price_room {
 float: left;
 margin-right: 5px;
 margin-top: 4px;
 margin-bottom: 0px;
}

/*div.price_room {
 font-size: 80%;
  margin-left:   10px;
}*/

div.price_accom_stars {
 /*float: left;*/
}

img.price_accom_stars, img.price_people {
  margin-top: 3px;
  height: 25px;
  width: 107px;
}

div.price_info_holder {
  /*float: left;*/
  margin-right: 40px;
}

th.price_info_head {
  font-size: 70%;
  /*margin-left: 0px;
  margin-right: 40px;*/
}

td.price_info {
 font-size: 95%;
 /*font-weight: bold;*/
 color: Gray;
}