/* --------- STYLING FOR TEMPLATE SUBPAGE --------- */

/* -----------------------------------TYPOGRAPHY ----------------------------------- */


html {
	background-color: black;
/*	overflow: auto; */
}

div#holder {
	color: white;
}

h1 {
	color: #666;
	text-align: center;
}
#page_default div#main-content,
div#small-print {
	color: #dcdcdc;
}
* html #page_default div#main-content {
	background-color: black;
}
h1,
div#lang-bar {
	font-size: 0.9em;
	text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}
h3 {
	margin-top: 1.3em;
	font-size: 1.15em;
}

p {
	margin-top: 0.7em;
}

ul,
ol,
dl {
	margin-top: 0.5em;
}

img#main-logo,
img.png {
	_behavior: url(/png_behavior.htc); /* PNG fix for IE<=6 */
}

h2 + form,
h3 + form,
h4 + form,
h2 + .moduleOutput,
h3 + .moduleOutput,
h4 + .moduleOutput {
	margin-top: 2em;
}

a {
	color: white;
	text-decoration: underline;
}
div#main-content div.intro a:visited {
	color: #b6b6b6;
}
a:visited {
	color: #b6b6b6;
}
a:hover,
div#lang-bar li a:hover,
div#main-content div.intro a:hover {
	color: #A1755B;
}
a:active,
div#main-content div.intro a:active {
	color: #e3712c;
}

div#lang-bar li.active {
	display: none;
}

div#lang-bar a,
div#lang-bar a:visited {
	color: white;
	text-decoration: none;
}

#page_default div#main-content a {
	color: #dcdcdc;
}
#page_default div#main-content a:visited {
	color: #dcdcdc;
}
#page_default div#main-content a:hover {
	color: #eee;
	text-decoration: underline;
}
#page_default div#main-content a:active {
	color: #fff;
}

div.menu ul li {
	font-size: 0.9em;
	text-transform: uppercase;
}
div.menu ul li ul li {
	font-size: 1em;
}

div.menu li.active,
div.menu li.on {
	font-weight: bold;
}
div.menu a,
div.menu a:visited {
	color: black;
	text-decoration: none;
}
div.menu ul.active a:visited {
	color: black;
}
div.menu a:hover,
div.menu ul.active a:hover,
div.menu a.active-on,
div.menu ul li.active ul li.on a:hover {
	color: #672A15;
}
div.menu li.highlight a {
	color: #D30000;
}

div.menu li.active ul li {
	font-weight: normal;
}
div.menu li.active ul li.on {
	font-weight: bold;
}
div.menu ul li.active ul li a,
div.menu ul li.active ul li a:visited {
	color: #672A15;
}
div.menu ul li.active ul li a:hover {
	color: #8F1007;
}

div#availability-checker h2 {
	margin-bottom: 0.5em;
	font-size: 1.1em;
	font-weight: bold;
}

.widget_bestPrices a.text,
.widget_bestPrices a.text:visited,
.widget_bestPrices a.text:hover,
.widget_bestPrices a.text:active {
	font-size: 1.4em;
	letter-spacing: 0.07em;
	color: white;
	text-decoration: none;
}

div#offers .offer {
	color: black;
}
div#offers .offer h3 {
	font-weight: bold;
}
div#offers .offer p.read-more {
	position: absolute;
	right: 1em;
	bottom: 0;
	margin: 0;
	font-size: 0.9em;
	text-transform: uppercase;
}
div#offers .offer p.read-more a,
div#offers .offer p.read-more a:visited {
	text-decoration: none;
	color: #666;
}
div#offers .offer p.read-more a:hover {
	color: #A1755B;
}

div#address {
	text-align: center;
}
div#address p.name {
	text-transform: uppercase;
}
div#holder div#address p.street-address {
	padding: 8px 0;
}

div#address a {
	text-decoration: none;
}

div#small-print {
	color: #6B5F57;
	text-align: center;
}
div#small-print > * {
	font-size: 0.9em;
}
div#small-print a,
div#small-print a:visited,
div#small-print a:hover,
div#small-print a:active {
	color: #6B5F57;
	text-decoration: none;
}

body#page_offers h3 {
	font-weight: bold;
	margin-top: 1.4em;
}

body#page_offers div#main-content a.tracking-link {
	display: block;
	margin-top: 30px;
}
div#address {
	color: #ccc;
}

/* ----------------------------------- LAYOUT -------------------------------------- */


/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

div#holder {
	position: relative;
	margin: 169px auto 136px auto; 
	padding: 0;
	width: 963px;
}* html body { /* START Hack to center the div in IE<=5.5 */
	text-align: center;
} * html div#holder {
	text-align: left;
} /* END Hack to center the div in IE<=5.5 */



/* START DIV-ENVELOPING/ANTI-MARGIN-COLLAPSING */
div#holder div#availability-checker form {
	margin-top: -10px;
	padding-top: 10px;
}
/* END DIV-ENVELOPING/ANTI-MARGIN-COLLAPSING */


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


/* START OFFSCREEN */
div#offers h2,
div#address h2 {
	position: absolute;
	display: inline;
	left: -9999px;
}
/* END OFFSCREEN */

h1 {
	position: absolute;
	bottom: -2em;
	margin: 0;
	margin-left: 92px;
	width: 715px;
	margin-right: 156px;
}


div#branding img#main-logo {
	_behavior: url(/png2gif.htc);
	background-color: #d5d2cd;
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	top: -119px;
	padding-left: 76px;
	width: 81px;
	padding-right: 76px;
	padding-top: 4px;
	height: 101px;
	padding-bottom: 4px;
}

div#branding img#jubanclub-logo,
div#branding img#jubanhotels-logo {
	display: block;
	position: absolute;
	z-index: 1;
}

div#branding img#jubanclub-logo {
	bottom: -116px;
	right: 145px;
	width: 101px;
	height: 107px;
}

div#branding img#jubanhotels-logo {
	bottom: -89px;
	left: 0;
	width: 62px;
	height: 80px;
}


div#lang-bar {
	position: absolute;
	z-index: 1;
	top: -144px;
	right: 0;
	margin: 0;
}

div#lang-bar ul {
	list-style: none;
	padding: 0;
}

div#lang-bar ul li {
	float: right; _display: inline; /* Fixes IE<=6 doubled float-margin bug */
	vertical-align: middle;
	margin: 0 0 0 20px;
	padding: 0;
}


div#main-image,
div#main-image img {
	display: block;
	background-color: white;
	width: 720px;
	height: 358px;
}

div#main-menu {
	background-color: #d5d2cd;
	float: left;
	width: 234px;
	min-height: 320px; _height: 320px;
}
div#main-menu ul.shortcuts {
	zoom: 1;
	margin: 15px 30px 0px 15px;
	padding: 0;
}

/* START fix the IE<=7 nightmare caused by presence of flash objects:
    div#holder's bottom origin for its absolutely positioned children
    appears to be about 60px too high.
*/
* html div#page_default h1 {
x	margin-bottom: -9px;
}
/* END fix */


div#banner {
	position: absolute;
	right: 0;
	top: -119px;
	width: 501px;
	height: 110px;
	margin: 0;
}
div#banner img {
	display: block;
}


div#availability-checker {
	background-color: #d5d2cd;
	position: absolute;
	z-index: 1;
	left: 243px;
	top: -119px;
	padding-left: 10px;
	min-width: 204px; _width: 204px;
	padding-right: 5px;
	padding-top: 4px;
	height: 102px;
	padding-bottom: 4px;
} * html div#availability-checker { /* Tan Hack for IE<=5.x */
	width: 219px;
	w\idth: 204px;
	height: 110px;
	he\ight: 102px;
} /* End Tan Hack */

div#availability-checker h2 {
	margin-top: 0;
}


.widget_bestPrices {
	background-color: #d5d2cd;
	float: left;
	clear: left;
	position: relative;
	width: 234px;
	border-right: 9px solid black;
	margin-right: -9px;
	min-height: 98px; _height: 98px;
}

.widget_bestPrices h2 {
	display: none; visibility: hidden;
}

.widget_bestPrices img {
	display: block;
}

.widget_bestPrices .widget-content {
	padding-top: 0;
}

.widget_bestPrices .text {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 8px;
}

div#offers {
	background-color: #d5d2cd;
	clear: both;
	position: relative;
	padding-left: 10px;
	width: 948px;
	padding-right: 5px;
	border-top: 9px solid black;
	padding-top: 7px;
	min-height: 128px; _height: 128px;
	padding-bottom: 10px;
} * html div#offers { /* Tan Hack for IE<=5.x */
	width: 963px;
	w\idth: 948px;
	_height: 154px;
	_he\ight: 128px;
} /* End Tan Hack */

div#offers .jsslideshow {
	position: absolute;
	left: 10px;
	top: 7px;
	width: 948px;
}
div#offers .jsslideshow.on_top {
	z-index: 1;
}

div#offers .offer {
	float: left;
	position: relative;
	padding-left: 200px;
	width: 264px;
	height: 128px;
} * html div#offers .offer { /* Tan Hack for IE<=5.x */
	width: 474px;
	w\idth: 264px;
} /* End Tan Hack */
div#offers .offer.offer-odd {
	padding-right: 10px;
	margin-right: 10px;
}

div#offers .offer h3 {
	margin-top: 0;
}

div#offers .offer img {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
}


div#address p {
	display: inline;
	margin: 0;
}

div#address dl.telephone {
	margin: 1em 0 0;
}

div#address dl.reservations {
	margin: 0.3em 0 0;
}

div#address dl dt,
div#address dl dd {
	display: inline;
	margin: 0;
}

div#address .telephone .fax {
	border-left: 1px solid white;
	padding-left: 0.4em; /* approx width of a space */
}


div#addthis{
	display: block;
	position: absolute;
	right: 140px;
	bottom: -50px;
}

div#affiliation h2 {
	display: none;
}

div#affiliation img {
	display: block;
	position: absolute;
	right: 0;
	width: 136px;
	margin-top: 9px;
	height: 68px;
}


div#small-print {
	position: absolute;
	width: 963px;
	/*margin-top: 8.5em;*/
}

div#small-print h2 {
	position: absolute;
	display: inline;
	left: -9999em;
}

div#small-print p {
	margin-top: 0;
}

/* ----- END LAYOUT COMMON TO ALL PAGES ----- */

div#holder {
	black;
}


div#main-content {
	background-image: url(../images/trans.png); _behavior: url(/iepngfixwrapper.htc);
	float: right; _display: inline;
	position: relative;
	z-index: 1;
	overflow: auto;
	_margin-left: -6px; /* IE<=6 3-pixel jog bug */
	padding: 20px 32px 8px 32px;
	border-left: 9px solid black;
	width: 656px;
	height: 390px;
} * html div#main-content { /* Tan Hack for IE<=5.x */
	width: 729px;
	w\idth: 656px;
} /* End Tan Hack */
* html div#main-content div.iepngfix-wrap2 {
	overflow: auto;
}
.editMode div#main-content { /* Expose part of main image when in Edit Mode */
	padding-right: 0;
	margin-right: 32px;
}

div#main-content h2 {
	margin-top: 0;
	padding: 0;
	margin-bottom: 0.4em;
}

div#main-image {
	position: absolute;
	top: 0;
	right: 0;
}
/* START hack for Opera 8 where image is rendered on top of main-content */
@media all and (min-width: 0px) {
	/* ADD styles for Opera 8 */
	div#main-image {
		width: 234px;
		overflow: hidden;
	}
	div#main-image img {
		position: absolute;
		right: 0;
	}
	/* UNDO styles for other browsers (including Op9) supporting both the
	   CSS3 'and' syntax and the CSS3 [attribute^="value"] syntax; IE7
	   supports the latter so presumably future IEs will support both */
	div#main-image[id^='main-image'] {
		width: 720px;
		overflow: visible;
	}
}
/* END Opera hack */

div#main-image img {
	display: block;	
}


div#address {
	position: absolute;
	bottom: -94px;
	right: 0;
	margin-left: 92px;
	width: 715px;
	margin-right: 156px;
}


div#small-print {
	margin-top: 100px;
}

/* ---------------------------------END LAYOUT -------------------------------------*/

/* ---------------------------------START MAIN MENU -------------------------------------*/

div.menu ul li.shortcut1 {
	position: absolute;
	display: inline;
	left: -9999px;
}

div.menu ul li {
	position: relative;
	zoom: 1;
	list-style: none;
	white-space: nowrap;
}
div.menu ul li,
div#holder div#main-menu ul.shortcuts ul.active li {
	margin: 0 0 6px;
}

div.menu ul li a {
	padding-top: 0;
	padding-bottom: 0;
}

div.menu ul ul {
	display: none; visibility: hidden;
	margin: 0;
	white-space: normal;
}

/* Here's the magic: we must remove the submenu from the flow and prevent
    it from interacting with outside LIs in any way. Given that we would
    like to avoid having to vertically divide the horizontal space into
    main menu and submenu, absolute positioning on its own fails because
    the background of one will overlap the other and thus prevent link
    clicking. However, we can set the submenu height to 1px which makes
    its contents entirely overlow, and this avoids the overlap problem.
*/
div#main-menu ul.shortcuts ul.active {
	display: block; visibility: visible;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -30px;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	height: 1px;
	text-align: right;
}

div#holder div#main-menu ul.shortcuts ul.active li {
	float: right;
	clear: right;
	padding: 0;
}

div#main-menu ul.shortcuts ul.active a {
	display: inline;
}

/* ---------------------------------END MAIN MENU -------------------------------------*/

/* ---------------------------------START BOOKING MASK -------------------------------------*/

div#availability-checker form {
	position: relative;
	zoom: 1;
	margin: 0;
}
/* START EASY CLEARING */
div#availability-checker form:after,
div#availability-checker div.date:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */
div#availability-checker label {
	display: block;
	margin: 8px 0 4px;
	font-size: 0.8em;
	text-transform: uppercase;
}
div#availability-checker input,
div#availability-checker select {
	display: block;
	border: 1px solid gray;
	font-size: 0.9em;
}
div#availability-checker input[type~="hidden"] {
	display: none;
}
div#availability-checker div.date {
	zoom: 1;
	_width: 100%; /* IE5 */
}
div#availability-checker div.date label {
	_position: relative;
	margin-top: 0;
}
div#availability-checker div.date label#date-format-helper {
	text-transform: lowercase;
}
div#availability-checker div.date input {
	float: left;
	padding-left: 0.5em;
	margin-right: 5px;
	width: 8.5em;
}
div#availability-checker img.datepicker {
	display: block;
	position: absolute;
	left: 8.1em;
	margin: 0;
	margin-left: 12px;
	border: 0;
	width: 21px;
	height: 24px;
}
div#availability-checker div.choose {
	float: left;
	margin-right: 7px;
}
div#availability-checker div.choose select {
	padding: 1px;
	width: 4.1em; /* WARNING! Allowing for Safari's need for wide select boxes: for font-size which evaluates to 9px, use 4.4em;  for 11px, 4.1em;  for 12px, 4em */
}
div#availability-checker input.go {
/*	background: transparent url(../images/arrow.png) no-repeat scroll top left; _behavior: url(/iepngfix.htc); */
	position: relative;
	bottom: -24px;
	margin: 0;
	border: 0;
	padding: 0;
	min-height: 19px;
	cursor: pointer;
	color: white;
	background-color: gray;
	font-size: 1.1em;
	text-transform: uppercase;
}
div.calendar {
	z-index: 10;
}

/* ---------------------------------END BOOKING MASK -------------------------------------*/

div#main-content {
	color: white;
}

div#main-content h2 {
	font-size: 1.9em;
	text-transform: none;
}

div#main-content .intro {
	font-weight: bold;
}

/* --------------------------------- WIDGETS -------------------------------------*/

/* ----- STYLING FOR TEMPLATE WIDGET ----- */

div.widget-content {
	position: relative; zoom: 1;
	padding-top: 1px;
}

div.widget h3 {
	margin-top: 0;
	font-size: 0.9em;
	font-weight: bold;
}

div.widget a.more-link {
	display: block;
	margin-top: 12px;
}

div.widget_bestPrices p.from-price {
	margin: 0;
	color: white;
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-style: italic;
	text-align: right;
	line-height: 0.7;
}
div.widget_bestPrices p.from-price .rooms-available {

}
div.widget_bestPrices p.from-price .from {
	margin-right: 10px;
	margin-bottom: 12px;
}

div.widget_bestPrices p.from-price .booking-link {
	text-decoration: none;
}

div.widget_bestPrices p.from-price .price {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.55em;
	font-style: normal;
	line-height: 0.9;
}
div.widget_bestPrices p.from-price .currency-symbol {
	font-size: 4.2em;
}
div.widget_bestPrices p.from-price .lowest-rate {
	font-size: 7em;
}

/* -------------------------------- LANGUAGE ------------------------------------*/


/* ----------------------------- FINAL FIX-UPS ----------------------------------*/
/*
body {
	_behavior: url("/csshover.htc");
}
*/