* {
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
  font-family: "Arial","Lucida Sans Unicode",geneva,sans-serif;
  font-size:12px;
  font-weight: normal;
  line-height: 1.4em;
  color: #111;
  width: auto;
}

input, textarea, select, button {
  font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:12px;
  font-weight: normal;
  line-height: 1.4em;
  color: #000;
  width: auto;
}

h1,h2,h3 {
 margin: 0; padding: 0; color: #444;
}

h1 {
  padding-bottom: 2px;
	font-size: 14pt;
	color: #444;
}
h2 {font-size: 12pt}
h3 {font-size: 10pt}

h1.main-title{
margin:20px 20px 10px 20px;
padding:0px 0px 0px 12px;
border-left:4px solid #369ABC;
font-family:"Century Gothic", Arial, Verdana;
font-weight:bold;
font-size:1.4em;
color:#86877F;
}
p {margin: 0}

table {
  padding: 0;
  margin: 0;
  width: 100%;
}

td {
  text-align: left;
  padding: 0; margin: 0;
  border: none;
}

div {
  display: block;
}

ol, ul, li {
	margin: 0.2em 0 1em 0;
	padding-left: 20px;
}
	
ul, ul li {
	
}

li {
	margin: 0;
	padding-left: 0;
}

img {
    border: none;
}


a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: transparent;
  color: #111;
}

a:link {
  text-decoration: underline;
  color: #03c;
  background: transparent;
}

a:visited {
  color: #555;
  background: transparent;
  text-decoration: underline;
}

a:hover {
  color: #333;
  /*background: #F7EF73;*/
  text-decoration: underline;
}

a[name] {
  color: inherit;
  text-decoration: none;
}

h1 {
    font-size:  22pt;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* ie win hack ~ height acts like min-height \*/
* html .clearfix {height: 1%;}
/* end comment required */


.skiplink {  
  position: absolute;
	left: -1000px;
	width: 990px;
	font-size:1px;
	line-height:1;
  border: 1px solid #f00;
}

.hide {
	display: none;
}
.clear {
	clear: both;
}

.hot {
  border: 1px solid #f00 !important;
}


body {
background:#F0F1EA url(../images/website/bg.gif) repeat-x;
text-align:center;
font-family:Arial, Verdana, "Trebuchet MS";
font-size:12px;
font-weight:normal;
color:#000000;

}

#thirdparty {
  color:#333333;display:none
}

#wrapper {
width:772px;
margin:0 auto;
text-align:left;
background:transparent url(../images/website/shadow.jpg) repeat-y;
padding:0;
position:relative
}
#header {
width:772px;height:264px;
background:transparent url(../images/website/header.jpg) no-repeat left top;
}
#header .navigation{
position:absolute;top:0;right:0;
width:107px;height:17px;
background:url(../images/website/topservicemenu.gif) 0 1px no-repeat;
padding:0 0 0 30px
}
#header .navigation li{display:inline}
#header .navigation span, .alt, hr{display:none}
#header .navigation #home{position:absolute;top:0;left:-3px;width:20px;height:20px}
#header .navigation #email{position:absolute;top:0;left:42px;width:20px;height:20px}
#header .navigation #sitemap{position:absolute;top:0;right:28px;width:20px;height:20px}
#header .navigation a:hover{background:transparent}

#menu{position:absolute;top:26px;right:30px;}
#menu li{display:inline}
#menu a{
float:right;margin:0 1px;padding:40px 18px 10px 18px;
text-decoration:none;font-weight:bold;color:#CDCDCD;
background:url(../images/website/dash.jpg) bottom right no-repeat;
}
#menu li#menu_contact_us a{
background:none;
}
#menu li#menu_contact_us a{background:url(../images/website/menu_contact_us.jpg) 30px 7px no-repeat}
#menu li#menu_links a{background:url(../images/website/menu_links.jpg) bottom right no-repeat}
#menu li#menu_questions a{background:url(../images/website/menu_questions.jpg) bottom right no-repeat}
#menu li#menu_book a{background:url(../images/website/menu_book.jpg) bottom right no-repeat}
#menu li#menu_apartments a{background:url(../images/website/menu_apartments.jpg) bottom right no-repeat}
#menu li#menu_home a{background:url(../images/website/menu_home.jpg) bottom right no-repeat}



#main {
  margin: 0;

  border-top: none;
  background: transparent;
  padding: 2px 0;
}

#footer{
width:734px;
background:#777870;
margin-left:10px;
clear:both;
color:#fff
}

#footer p{float:left;padding-bottom:20px;width:734px;
background:#777870;padding:20px 10px;color:#fff
}
#footer a {
font-size:12px;
font-family:Arial, Verdana, "Trebuchet MS";
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
font-size:12px;
font-family:Arial, Verdana, "Trebuchet MS";
font-weight:normal;
text-decoration:underline;
color:#FFFFFF;
}
#footer #copyright{
float:left;
}
#footer #bottom-menu {
float:right
}

/*#cart {
  width: 130px;
  float: right;
}

#cart a {
  font-size: 14pt;
}*/

/*#search {
padding-bottom:13px;
background:url(../images/website/search_shadow.jpg) bottom left no-repeat;
margin-bottom:10px
}*/

#content,
#content p {
  color: #111;
  margin: 0;
  padding: 0;
}

/*#searchtab{
background: #DBDBDB; padding:10px 0 5px 35px !important;padding-bottom:2;text-align:left; position:relative; height:auto !important;height:30px;
}
#searchtab p{
  padding:0; margin:0;position:relative
}
#searchtab input, #searchtab select{
  vertical-align:top !important;vertical-align:middle
}
#searchtab label{
  margin:0 5px 0 7px
}
#searchtab .marginleft{
  margin-left:20px
}
#searchtab .button{
  margin-left:20px
}*/
.round_corner {
  background: #DBDBDB;margin:0 20px 20px 20px
}
/*h1.main-title{
  margin:10px 0 0 20px;font-size:1.7em
}*/
.round_corner h1, #search h1 {
  background: #4C4E52;
  font-size: 9pt;
  color: #fff;
  margin: 0; padding: 0;
  height: 24px;
  vertical-align: top;
}
#search h1 {
padding:3px 0 3px 40px; height:auto
}
.round_corner h1.blue {
  background: #0884A8;
}

.round_corner h1.green {
  background: #08A84B;
}

.round_corner h1 span {
  color: #fff;
  background: #4C4E52;
  display: block;
  float: left;
  padding: 3px 0 0 20px;
}

.round_corner h1.blue span {
  background: #0884A8;
}

.round_corner h1.green span {
  background: #08A84B;
}

.round_corner div.content {
  padding: 20px;
}

.round_corner div.content a,
.round_corner div.content a:link,
.round_corner div.content a:visited {
  color: #111;
}

.round_corner div.content a:hover { color: #444}

span.price { font-size: 14pt}

.room-rate-type { padding-bottom: 20px}

.room-rate-type td {
  vertical-align: top;
  padding: 5px;
}

.room-rate-type td select {width: 4em}

.room-rate-type ul.conditions li {
  color: #000;
  font-weight: bold;
}

#cart-show .cart-item {
  padding: 10px 0;
  border-top: 1px dotted #888;
}

#cart-show .oneday {
  float: left;
  width: 240px;
}

#cart-show .items {
  float: right;
  width: 470px;
}

.formError {color: red}

input.button, input.submit, button.submit, button.button, .goback {
  background: transparent url(../images/website/tab-bg.gif) repeat-x scroll left top;
  border: 1px outset #ccc;
  color: #444;
  text-decoration: none;
  cursor:pointer;
  padding: .2em .5em;
  width: auto;
}
#content .goback {
text-decoration:none;color:#444;background:#F8F8F8;
}

#terms_and_conditions {
  height: 150px;
  overflow-y: auto;
}

.flash-error {
	background: #F5ADAD none repeat scroll 0%;
	border-color: #FF0000;
	color: #880000;
	border-style: solid none;
	border-width: 2px medium;
	margin: 0 20px;
	padding: .5em 0;
	text-align:center;
}

.flash-warning {
	background: #ADB3F5 none repeat scroll 0%;
	border-color: #0000FF;
	color: #000088;
	border-style: solid none;
	border-width: 2px medium;
	margin: 0;
	padding: .5em 0;
	text-align:center;
}

.flash-notice {
	background: #ADF5B7 none repeat scroll 0%;
	border-color: #00dd00;
	color: #008800;
	border-style: solid none;
	border-width: 2px medium;
	margin: 0;
	padding: .5em 0;
	text-align:center;
}

select.nights {
  width: 4em;
}


/*-----------------added on 31/01/08-----------------*/

td.totalOccupancy{
	padding:0;
	background:#C8C6C6;
	border:1px solid #B0AFAF;
	color:#444444;
	width:100%;
	text-align:right
}
table.bookingDetails{
	width:74%;
	float:left;
	padding:0;
	color:#555555;
	margin-bottom: 1em;margin-top:15px;
	border-collapse:collapse
}

.bookingDetails h2{margin:0;padding:0;font-size:1.1em;font-weight:bold}
.bookingDetails td{font-size:.9em}
.bookingDetails th{font-size:.9em;color:#aeaeae}
	
td.lightbox{background:#C8C6C6;border:1px solid #B0AFAF;color:#444444;width:100%;padding-left:10px}
td.lightbox span{padding-top:5px;display:block;width:100%}

td.tdboxroom{border-bottom:1px solid #E5C38A;padding-bottom:10px}
.occupancyprice {
  font-weight:bold;
  font-size:1.4em;margin:0 0 0 0;
  font-family:Arial, Helvetica, sans-serif
}
.alignright{text-align:right}

#bookingHelp{
	width:22%;
	float:left;
	margin:39px 0 20px 0;
	background:#EEEBEB;
	color:#B5B3AC;
	border:1px solid #C7C5C5;
	padding:1%;
}
	#bookingHelp p{color:#B5B3AC;margin-bottom:10px;font-size:.8em}
	
	.totalOccupancy table{padding-right:6px}
	
	
	
/* ---------------------- search --------------------------*/
#main #search {
background: transparent url(../images/website/searchshadow.jpg) 8px bottom  no-repeat;
color:#000;margin:0px 0 15px 2px;
width:769px;padding-bottom:12px;

}
#search form{margin:0;padding:0 0 0 23px;}
#search{
background: #DBDBDB; padding:0 0 0px 0px;text-align:left;margin:0 8px 0 8px
}
#search p{
  padding:12px 10px 12px 0; margin:0;color:#000;
}
#search p img{
display:inline;float:none;position:relative;top:4px
}
#search input, #search select{
  vertical-align:top !important;vertical-align:middle;
  font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
padding:1px 0;
margin-left:1px;
color:#666666
}
#search label{
  margin:0 5px 0 7px;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:bold;
}
#searchtab .marginleft{
  margin-left:41px
}
#search #packages{
  margin:0;padding:0;
}
#search .button{
  margin-left:24px;background:#FBFBFB;padding:2px;color:#444444
}
#reservation_search_show_also_packages{
   position:relative;top:3px
}

 #search h2 {
  background: #4C4E52;
  font-size: 9pt;
  color: #fff;
  margin: 0; padding: 2px 17px 1px 30px;
  font-weight:normal;
  font-family:Verdana,Arial,Helvetica,sans-serif;

}

.paymentcard p{
   margin:0 0 15px 0
}
.paymentcard p strong{
   color:#333
}


#main .occupancy_apt_desc h3 {
font-weight:bold;
margin-top:5px;margin-bottom:5px
}
#main .occupancy_apt_desc img {
float:right;
border:1px solid #ccc;
padding:2px;
margin:0 0 10px 15px
}
#main .occupancy_apt_desc p {
margin:5px 0 15px 0
}

#checkout_table input,#checkout_table select{
border:1px solid #999;
padding:2px
}
#checkout_table td{padding-bottom:8px}
#checkout_table td.nomargin{padding-bottom:0}
#checkout_table label{position:relative;top:-5px}