/***************  templates/main/css/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
div#holder {
	font-family: Verdana, Arial, sans-serif;
	font-size: 76%;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1.6em 0em 0em;
}
h2 {
	font-size: 1.2em;
	margin: 1.4em 0em 0em;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	margin: 1.2em 0em 0em;
	font-weight: normal;
}
h4 {
	font-size: 0.9em;
	margin: 1.2em 0em 0em;
	font-weight: bold;
}
h5 {
	font-size: 0.9em;
	margin: 1.2em 0em 1.2em;
	font-weight: normal;
}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em;
	font-weight: bold;
}
p,
li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.9em 0em 1.2em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-left: 1.8em; /* 1.8em is flush left in IE6; 1.55em in Firefox2 */
	list-style-type: square;
}
img {
	border: 0 none;
}
th {
	font-weight: normal;
	text-align: right;
	padding-right: 0.5em;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

/***************  templates/main/css/global.text.css  ***************/
/* Global Element Styles */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#666;
}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-transform:uppercase;
	color:#69120c;
	margin:.5em auto;
	padding:0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-transform:capitalize;
	color:#69120c;
	margin:.5em auto;
	padding:0;
}

h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:capitalize;
	color:#69120c;
}

/* Global Section Styles */

/* start applying main colors */
div#news h3,
div#news p,
div#news h4{
	color:#ffffff;
}
/* end applying main colors */

div#holder{
}
	div#holder h1{
		text-transform: uppercase;
		color: #b1b0b1;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 0.8em;
	}

div#branding{
}

div#main-content{
}

div#main-visual{
}

div#main-menu{

}
	div#main-menu ul li{
		text-align:right;
	}
	div#main-menu ul li a{
		color:#ffffff;
		text-decoration:none;
		font-size:0.8em;
		text-transform:uppercase;
		padding:2px;
	}
	
	div#main-menu ul li a:hover{
		background:#797f34;
	}
	
	div#main-menu .active a{
		background:#797f34;
	}

div#availability-checker{
}
	div#availability-checker h2{
		color:#ffffff;
		font-size:1.1em;
		font-style:italic;
	}
	div#availability-checker .date label{
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
		font-size:0.75em;
	}
	
	div#availability-checker #date-in {
		color:#707071;
	}
	
	div#availability-checker .go{
		color:#5c0829;
		text-transform:uppercase;
		font-size:0.9em;
		cursor:pointer;
	}

div#special-offers{
}
	div#offers h2{
		font-size:1.1em;
		color:#ffffff;
		font-style:italic;
	}
	div#offers .offers-wrapper{
		color:#ffffff;
		font-size:0.8em;
	}
	
	div#offers .offers-wrapper h3{
		font-size:0.9em;
		color:#ffffff;
		font-weight:bold;
	}
	
	div#offers .readmore{
		color:#B0B700;
		font-size:1em;
		text-decoration:none;
	}
	
	#offers-pager a {
		font-size:0;
	}

div#best-prices{
}
	div#best-prices .best-rate{
		color:#ffffff;
		font-size:1.4em;
		text-transform:uppercase;
		font-style:italic;
	}
	
	div#best-prices .currency{
		color:#ffffff;
		font-size:1.8em;
	}
	
	div#best-prices .garenteed{
		text-transform:uppercase;
		font-size:0.6em;
		color:#ffffff;
	}

div#hotel-links{
}

div#news h3{
	text-transform:uppercase;
	font-size:1.1em;
}

	div#news h4{
		font-size:0.8em;
		font-weight:bold;
	}

	div#news p{
		font-size:0.8em;
		line-height:1.6;
	}

	div#news p a{
		color:#b0b700;
		text-decoration:none;
	}
	
	#watch-us h2{
		color:#ffffff;
		font-size:1.1em;
		font-style:italic;
	}
	
#copy-right,
#footer ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.65em;
}
	#copy-right,
	#footer ul li{
		color:#b7b7b6;
	}
	#footer ul li a{
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.95em;
		color:#797f34;
	}
	
#contactUs-bottom #address p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#b9b9b9;
}

#contactUs-bottom #telNo ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#b9b9b9;
}

#contactUs-bottom #telNo ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#797e01;
}
/***************  templates/main/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

/* START ANTI-MARGIN-COLLAPSING */
div#something {
	margin-top: -1px;
	padding-top: 1px;
}
/* END ANTI-MARGIN-COLLAPSING */


/* START FLOAT ENCLOSING ("EASY CLEARING") */
div#holder:after,
.main-content-menu:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#offers ul:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */


/* START OFFSCREEN */
div#languages h2,
div#branding h2,
div#main-menu h2,
div#credits h2 {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */


body{
	background:url(../../../templates/main/images/body-bg.jpg) repeat-x #4f5201;
}

div#holder{
	background:url(../../../templates/main/images/holder-bg.jpg) repeat-x #401022;
	position:relative;
	margin: 28px auto 0;
	width:989px;
	*top:28px;
}
	div#holder h1{
		left: 11px;
		position: absolute;
		top: -40px;
		z-index: 10;
	}

div#languages-holder{
	background:url(../../../templates/main/images/language-bg.png) repeat-x;
	position:absolute;
	height:28px;
	width:100%;
	padding-bottom:2px;
	z-index:5;
	bottom:-2px;
	top:0px;
	left:0px;
}
	div#languages{
		background:#ffffff;
		position:relative;
		margin:0px auto;
		height:28px;
		width:989px;
	}
	div#languages ul{
		position:absolute;
		margin-top:0px;
		right: 10px;
		top: 2px;
	}
	div#languages ul li{
		float:left;_display:inline;
		list-style:none;
		margin-left: 5px;
	}

div#branding{
	background:#797e01;
	width:202px;
	height:60px;
	margin-top:38px;
}

div#main-content{
	background:#ffffff;
	width:617px;
	float: left;display:inline;
	margin-top:427px;
	border-right:4px solid #797e01;
	border-left:4px solid #797e01;
	padding-bottom:30px;_padding-bottom:60px;
	position:relative;
	z-index:5;
}
*+html div#main-content{
	padding-bottom:60px;
}

div#main-visual{
	background:#222222;
	position:absolute;
	width:617px;
	height:427px;
	left: 202px;
	border-right:4px solid #797e01;
	border-left:4px solid #797e01;
	z-index:1;
}

div#main-menu{
	width:202px;
	height:232px;
	*height:270px;
}
	div#main-menu ul{
		margin-left: 30px;
		margin-top: 32px;
	}
	
	div#main-menu ul li{
		list-style:none;
		width: 125px;
		height: 17px;
	}

div#availability-checker{
	width:162px;
	height:150px;
	*height:175px;
}
	div#availability-checker h2{
		margin-left: 12px;
		margin-top: 16px;
	}
	div#availability-checker .date{
		margin-left:13px;
		margin-top: 29px;
	}
	div#availability-checker #date-in{
		width:87px;
		height:19px;
		margin-top:5px;
	}
	div#availability-checker #use-calendar{
		position: absolute;
		left: 110px;
		top:79px;
		*top:92px;
	}
	div#availability-checker .go{
		background: none repeat scroll 0 0 #EAEAEA;
		border: medium none;
		margin-left: 12px;
		margin-top: 8px;
		padding: 2px;
		width: 114px;
	}

div#offers{
	width:162px;
	height:240px;
	position:relative;
}
	div#offers h2{
		margin-left: 10px;
		margin-top: 19px;
	}
	div#offers ul{
		margin: 0 0 0 11px;
		padding:0px;
		height:200px;
		overflow:hidden;
	}
	div#offers li{
		list-style:none;
		position:relative;
		margin-bottom:40px;
		_width:0px;
		_height:0px;
	}
	#offers-pager {
		position:absolute;
		bottom:27px;_bottom:2px;
		left:9px;
	}	
	*+html #offers-pager {
		bottom:2px;
	}	
	#offers-pager a.activeSlide {
		background: url(../../../templates/main/images/offers-pager-active-bg.jpg) no-repeat scroll 0 0 transparent;
	}
	#offers-pager a {
		background: url(../../../templates/main/images/offers-pager-bg.jpg) no-repeat scroll 0 0 transparent;
		position:relative;
		margin:0px 0 0 2px;
		float:left;_display:inline;
		display:block;
		width:8px;
		height:8px;
		padding:0;
		text-indent:-9999px;
	}
	div#offers .offers-wrapper h3{
		margin:0px;
		padding:0px;
	}
	
	div#offers .offers-wrapper{
		height:60px;
		margin-top: 4px;
	}
	div#offers .readmore{
		position:absolute;
		top: 181px;
		left: 73px;
		_top: 186px;
	}

div#best-prices{
	background:#797e01;
	position:relative;
	width:162px;
	height:60px;
}
	div#best-prices .best-rate{
		position:absolute;
		margin:0;
		padding:0;
		width: 43px;
		left: 18px;
		top:12px;
	}
	
	div#best-prices .currency{
		margin:0;
		padding:0;
		position: absolute;
		top: 14px;
		left: 74px;
	}
	
	div#best-prices .garenteed{
		position:absolute;
		margin:0;
		padding:0;
		left: 74px;
		top: 38px;
	}

div#hotel-links{
}

div#right-bar{
	position:relative;
	width:162px;
	float:right;_display:inline;
}
div#left-bar{
	position:relative;
	width:202px;
	float:left;_display:inline;
}

div#news{
	width:202px;
	height:218px;
}
	div#news h3,
	div#news .news{
		margin-left:18px;
	}
	
	div#news h4{
		margin:0px;
		width:170px;
	}
	div#news p{
		width: 180px;
	}
	div#news p a{
		display:block;
		margin-top:4px;
	}
	
div#watch-us{
	position:relative;
	width:162px;
	height:62px;
	_width:158px;
	*margin-top:15px;
}
	#watch-us h2{
		margin:0;
		width:70px;
		height:34px;
		margin-left:13px;
	}
	#watch-us ul{
		position:absolute;
		left: 65px;
		top:-4px;
	}
	#watch-us ul li{
		float:left;_display:inline;
		list-style:none;
		margin-right:3px;
	}
	#watch-us #thsnLogo{
		position:absolute;
		left: 73px;
		top:30px;
		width:88px;
		height:76px;
		
		
	}
	
div#footer-holder{
	width:100%;
	height:57px;
	background:url(../../../templates/main/images/border-bg.png) repeat-x;
	position:relative;
	top:-2px;
	padding-top:2px;
	z-index: 5;
}
	div#footer{
		background:#ffffff;
		position:relative;
		margin:0px auto;
		width:989px;
		height:57px;
	}
	#copy-right{
		position:absolute;
		margin:0px;
		left: 9px;
		top:12px;
	}
	#footer ul{
		position:absolute;
		margin:0px;
		top:29px;
		left: 10px;
		padding:0px;
	}
	#footer ul li{
		float:left;_display:inline;
		list-style:none;
		margin-right:48px;
	}
	#footer ul li a{
		float:left;_display:inline;
		list-style:none;
	}
	
	#share{
		position:absolute;
		left: 914px;
		top:11px;
	}
	

.sub-navigation{
	background:url(../../../templates/main/images/sub-navigation-bg.jpg) #410f22 repeat-x;
	width:617px !important;
}

#menu-wrapper{
	width: 550px !important;
	margin-left: 50px;
}

.main-content-menu{
	padding-top:4px !important;
	list-style-type:none;
	margin:0;
	padding-bottom:4px;
	width: 520px;
}

.main-content-menu li{
	float: left;_display:inline;
	margin-right:10px;
	height:16px !important;
	width:auto !important;
	background:url(../../../templates/main/images/sub-navigation-liststyle.jpg) no-repeat 0px 5px;
	padding-left:15px;
}

.main-content-menu li a{
	color:#ffffff;
	text-decoration:none;
	font-size: 0.8em;
    padding: 2px;
	text-transform:uppercase;
}

.main-content-menu li a:hover,
.main-content-menu li.active a{
	background:#797f34;
}

.main-content-menu li.item2{
	background:none;
	padding:0;
}

#contactUs-bottom{
	background:url(../../../templates/main/images/contactUs-bottom-bg.jpg) no-repeat;
    margin: 61px auto 0 73px;
    position: relative;
    width: 494px;
	height:115px;
}

#contactUs-bottom #address{
	width:236px;
	height:115px;
	float:left;_display:inline;
}

#contactUs-bottom #telNo{
	width:258px;
	height:115px;
	float:right;_display:inline;
}

#contactUs-bottom #address p{
	margin: 15px 0 0 5px;
	width:180px;
	padding:0;
}

#contactUs-bottom #telNo ul{
	position:relative;
	margin: 15px 0 0 39px;
	padding:0;
}

#contactUs-bottom #telNo ul li{
	list-style:none;
}
	
/*GOOGLE MAPS*/
div#main-content #map #logocontrol + div {
	white-space:normal !important; /*this will force the copyright text on the bottom of the goolge map to wrap when the map container is too small*/
}
/*END GOOGLE MAPS*/
/***************  templates/main/css/calendar.css  ***************/
/* The main calendar widget.  DIV containing a table. */

div.calendar {
	position: relative;
	border: 3px solid #60072a;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	z-index:5;
}

.calendar table {
	color: #e0541d;
	background-color: #fff;
	border: 9px solid 5b0829;
	cursor: default;
	background:#5b0829;
}

/* All cells */
.calendar table td {
	text-align: center;
}

/* ====== HEADER -- contains operational and navigation buttons, and day names ====== */

/*  "?", "X" buttons (also affects "<<", "<", ">", ">>" buttons)  */
.button {
	color: #fff;
	background-color: #797e01;
}

/* Current "month, year"; pressing it will take you to the current date */
.calendar thead .title {
	color: #fff;
	background-color: #797e01;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/*  Navigation row: "<<", "<", "Today", ">", ">>"  */
.calendar thead .headrow .button {
	color: white;
	padding-bottom: 2px;
}

/*  Navigation buttons: "<<", "<", ">", ">>"  */
.calendar .nav {
	background-color: #797e01;
}

/*  Hover effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .hilite {
	background-color: #5e082a;
}

/*  onclick effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .active {
	background-color: #e0541d;
}

/* Row <TR> containing the day names */
.calendar thead .daynames {
	border: 0 solid #999;
}

/* Cells <TD> containing the day names */
.calendar thead .name {
	color: #ffffff;
	border-bottom: 0px solid black;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/* Weekend day name */
.calendar thead .weekend {
	color: #ffffff;
}

/*  Hover effect for the cells <TD> containing the day names  */
.calendar thead .daynames .hilite {
	background-color: transparent;
}

/*  onclick effect for the cells <TD> containing the day names  */
.calendar thead .daynames .active {
	background-color: transparent;
}


/* ====== BODY -- contains the dates of the month ====== */

/* Cells <TD> containing dates */
.calendar tbody .day {
	text-align: center;
	border-top: 2px none #60072a;
	border-right: 2px none #60072a;
	border-bottom: 2px none #60072a;
	border-left: 2px solid #60072a;
	background:#E6E6E6;
	color:#555555;
	border: 1px solid #60072A;
}

.calendar tbody .day.othermonth {
	color: #85884c;
	font-size: 70%;
}

.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
	background-color: #c1cd23;
}

.calendar table .wn {
	visibility: hidden;
	color: #fcae1d;
	background: transparent none;
}

.calendar tbody td {
	margin: 0;
	padding: 0;
	width: 2em;
	height: 1.5em;
}

.calendar tbody .rowhilite td {
}

.calendar tbody .rowhilite td.wn {
	background-color: #efe;
}

/* Hovered cells <TD> */
.calendar tbody td.hilite {
	background-color: #797e01;
	color: #fff;
}

/* Active (pressed) cells <TD> */
.calendar tbody td.active {
	background-color: #ddc;
	border-width: 1px;
}

/* Cell showing chosen date */
.calendar tbody td.selected {
	color: #fff;
	background-color: #60072a;
	font-weight: bold;
}

/* Cells showing weekend dates */
.calendar tbody td.weekend {
	color: #555555;
	background-color: #E6E6E6;
	border-color: #60072a;
}

/* Hovered cells showing weekend dates */
.calendar tbody td.weekend:hover {
	color: gray;
	background-color: #757a01;
	font-weight: bold;
}

/* Cell showing today's date */
.calendar tbody td.today {
	font-weight: bold;
}

.calendar tbody .disabled {
	color: #555555;
	background:#E6E6E6;
}

/* Empty cells (the best is to hide them) */
.calendar tbody .emptycell {
	visibility: hidden;
}

/* Empty row (some months need less than 6 rows) */
.calendar tbody .emptyrow {
	display: none;
}


/* ====== FOOTER -- status bar ====== */

/* The <TR> in footer (only one right now) */
.calendar tfoot .footrow {
}

/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {
	color: white;
	/* Zero the text: */
	line-height: 0;
	text-indent: -999em;
	font-size: 0px;
}

.calendar tfoot .hilite {
}

.calendar tfoot .active {
}

/* ====== COMBO BOXES -- menus that display months/years for direct selection ====== */

.calendar .combo {
	display: none;
	color: black;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	width: 4em;
	cursor: default;
	font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	padding: 1px;
	text-align: center;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .hilite {
	background-color: #e0541d;
	color: white;
}

.calendar .combo .active {
	background-color: #737373;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	color: #fff;
}

.calendar td.time {
	background-color: #fed;
	border-top: 1px solid white;
	padding: 1px 0px;
	text-align: center;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	background-color: white;
	border: 1px solid #988;
	padding: 0px 3px 0px 4px;
	font-weight: bold;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	color: white;
	background-color: #866;
	border-color: black;
}

.calendar td.time span.active {
	background-color: black;
	border-color: #f00;
}