/* CSS Document */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

html
{
	font-family:			Arial, Helvetica, sans-serif;
	background-color:		#EDEDED;
	background-image:				url(/images/common/pageBG.gif);
	background-repeat:				repeat-y;
	background-position:			center;
}

body
{
	font-family:					Arial, Helvetica, sans-serif;
	background-color:				#EDEDED;
	background-image:				url(/images/common/pageBG.gif);
	background-repeat:				repeat-y;
	background-position:			center;
}


div#container
{
	width:							765px;
	position:						relative;
	margin-left:					auto;
	margin-right:					auto;
	background-color:				#FFFFFF;
	overflow:						hidden;
}

div#header
{
	display: 	inline;
	float:		left;
	width:		765px;
	height: 	120px;
}

div#header h1
{
	position: absolute;
	top: 44px;
	left: 232px;
	width:				270px;
    padding: 56px 0px 0px 0px;
    overflow: hidden;
    background-image: url("/images/common/spa-holidays.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:56px;
}

div#header h2
{
	position: absolute;
	top: 44px;
	left: 30px;
	width:	191px;
    padding: 56px 0px 0px 0px;
    overflow: hidden;
    background-image: url("/images/common/la-joie-de-vivre.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:56px;
}

div#header ul#home-links
{
	position:	absolute;
	top: 20px;
	left: 30px;
	font-size: small;
	width: 700px;
	list-style-type: none;
	font-weight: bold;
	color: #EBA7A3;
}

div#header ul#home-links li
{
	display: inline;
	float:left;
	border-left: solid 1px #EBA7A3;
	padding: 0px 10px 0px 10px;
}

div#header ul#home-links li.first
{
	border-left: 0px;
}

div#header ul#home-links li a:link,
div#header ul#home-links li a:visited
{
	color: #EBA7A3;
}

div#header ul#home-links li a:active,
div#header ul#home-links li a:hover
{
	color: #D43D35;
}

div#header ul#top-links
{
	position:	absolute;
	top: 45px;
	right: 0px;
	font-size: 12px;
	width: 140px;
	list-style-type: none;
	font-weight: bold;
	color: #EBA7A3;
}

div#header ul#top-links li
{
	text-align:	left;
}

div#header ul#top-links li a:link,
div#header ul#top-links li a:visited
{
	display: block;
	height: 1.70em;
	line-height: 1.70em;
	text-decoration: none;
	width: 110px;
	color: #fff;
	background: url(/images/common/top-links-arrow.gif) 5px 50% no-repeat #CDC7C3;
	padding-left: 30px;
	border-bottom: 1px solid #fff	
}



div#header ul#top-links li a:active,
div#header ul#top-links li a:hover
{
	color: #fff;
	background: url(/images/common/top-links-arrow.gif) 5px 50% no-repeat #EBA7A3
}

div#flash
{
	display: 	inline;
	float:		left;
	width:		765px;
	background-color: #E8E8E8;
}

/* --------------- DROP DOWN MENU ------------- */
#nav, #nav ul { /* all lists */
	font-size: x-small;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.15em;
	z-index: 100;
}

#nav a {
	display: block;
	width: 153px;
	background-image: url(/images/common/white-border-bg.gif);
	background-position: right;
	background-repeat: repeat-y;
	border-bottom: 1px solid #FFFFFF;
	padding: 0.4em 0px 0.4em 0px;
	text-decoration: none;
	color: #434343;
}

#nav a:active, #nav a:hover {
	background-color: #CDC7C3;
}

#nav li { /* all list items */
	float: left;
	width: 153px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #E8E8E8;
	width: 153px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0 153px;
}

#nav li.left ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0 -153px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	float: left;
}

/* no click item */
#nav a.no-click 
{
	cursor: default;
}

#nav a:link#europe, #nav a:visited#europe,
#nav a:link#arabia, #nav a:visited#arabia,
#nav a:link#indian-ocean, #nav a:visited#indian-ocean,
#nav a:link#far-east, #nav a:visited#far-east,
#nav a:link#americas, #nav a:visited#americas
{
	background-color: #CDC7C3;
	color:	#FFFFFF;
	padding: 13px 0px 13px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
	text-decoration: none;
	background-image: url(/images/common/white-border-bg.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#nav a:link#americas, #nav a:visited#americas
{
	background-image: none;
}

#nav a span
{
	display:block;
	padding: 0px 5px 0px 5px;
}

/* -------------------- END OF DROP DOWNS -------- */

div#footer
{
	display: inline;
	float: left;
	width: 765px;
	border-top: solid 1px #EBA7A3;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.6;
}

div#footer div#contact
{
	display: inline;
	float: left;
	width: 440px;
	padding: 15px 0px 30px 30px;
	color: #D1322B;
}

div#footer div#contact span
{
	color: #CDC7C3;
}

div#footer div#contact a:link,
div#footer div#contact a:visited
{
	text-decoration: none;
	color: #D1322B;
}

div#footer div#contact a:active,
div#footer div#contact a:hover
{
	text-decoration: underline;
}

div#footer div#affiliations
{
	display: inline;
	float: right;
	text-align: right;
	padding: 10px 20px 30px 0px;
}

div#footer ul#footer-links
{
	display: inline;
	float: left;
	width: 650px;
	list-style-type: none;
	font-weight: bold;
	color: #EBA7A3;
	line-height: 1;
	padding-top: 15px;
	padding-left: 30px;
}

div#footer ul#footer-links li
{
	display: inline;
	float:left;
	border-left: solid 1px #EBA7A3;
	padding: 0px 10px 0px 10px;
}

div#footer ul#footer-links li.first
{
	border-left: 0px;
	padding-left: 0px;
}

div#footer ul#footer-links li a:link,
div#footer ul#footer-links li a:visited
{
	color: #EBA7A3;
}

div#footer ul#footer-links li a:active,
div#footer ul#footer-links li a:hover
{
	color: #D43D35;
}

div#footer p.footer
{
	padding: 0px 30px 0px 30px;
	color: #CCCCCC;
}

div#body
{
	clear:left;
	display: inline;
	float: left;
	width: 705px;
	margin: 30px 30px 30px 30px;
	font-size: small;
}

#locations
{
	clear: both;
	padding: 0;
	width: 765px;
}

div#body h1,
div#body h2,
div#body h3,
div#body h4,
div#body h5,
div#body h6
{
	color: #d1322b;
	font-weight: normal;
	padding: 0px 0px 15px 0px;
}

div#body p
{
	font-size: small;
	padding: 0px 0px 15px 0px;
}

div#body ul,
div#body ol
{
	padding: 0px 0px 15px 30px;
}

div#body a:link,
div#body a:visited
{
	color: #d1322b;
	font-weight: bold;
}

div#body a:active,
div#body a:hover
{
	color:: #d1322b;
}


/* -------- HOLIDAY PAGES ---------------- */
div#holiday-page div#title
{
	display: inline;
	float: left;
	width: 705px;
	padding: 0px 0px 20px 0px;
}

div#holiday-page div#title h2#resort-name
{
	display: inline;
	float: left;
	padding: 0px 30px 0px 0px;
	font-size: 170%;
}

div#holiday-page div#title h3#resort-location
{
	display: inline;
	float: left;
	color: #000000;
	padding: 5px 0px 0px 0px;
}

div#holiday-page div#photo-space
{
	display: inline;
	float: left;
	width: 705px;
	padding: 0px 0px 30px 0px;
}

div#holiday-page div#photo-space div#large-photo
{
	display: inline;
	float: left;
}

div#holiday-page div#photo-space div#small-photo img
{
	position: absolute;
	top: 350px;
	right: 25px;
	border: solid 5px #FFFFFF;
}

div#holiday-page div#left-column
{
	display: inline;
	float: left;
	width: 230px;
	padding: 0px 30px 30px 0px;
}

div#holiday-page div#middle-column
{
	display: inline;
	float: left;
	width: 230px;
	padding: 0px 30px 30px 0px;
}

div#holiday-page div#right-column
{
	display: inline;
	float: left;
	width: 40px;
	font-size: 75%;
	padding: 0px 0px 30px 0px;
}

div#holiday-page p.intro
{
	font-weight: bold;
}

div#holiday-page p
{
	text-align: justify;
}

div#holiday-page div#right-column p
{
	width: 160px;
	font-size: 95%;
	text-align: left;
}

/* ---------- HOLIDAY PAGES 2007 -------------- */

div#banner-photo
{
	width: 765px;
	height: 340px;
}

#locations-left img
{
	float: right;
	margin-bottom: 20px;
}

#locations-right img
{
	margin-bottom: 20px;
}

#locations-right img.right    /* Image floated to right */
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#locations-right img.left    /* Image floated to left */
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#locations-left
{
	float: left;
	width: 255px;
}



#locations-right
{
	float: right;
	width: 483px;
}


#locations-left h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	margin-left: 31px;
}

#locations-right h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	width: 450px;
	text-align: justify;
}

#locations-right h3.first {
	width: auto;
	margin-top: 20px;
	margin-bottom: 14px;
	margin-right: 20px;
	font-size: 0.80em;
	text-align: justify;
}

#locations-left p {
	margin: 10px 0;
	margin-left: 31px;
	font-size: 13px;
	width: 224px;
	text-align: justify;
}

#locations-right p {
	margin: 6px 0 14px 0;
	font-size: 13px;
	width: 450px;
	text-align: justify;
}

#hotel-header 
{
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	padding-left: 40px;
	font-size: 24px;
	color: #fff;
}

#hotel-header span#hotel-region
{
	font-size: 16px;
	padding-left: 15px;
}

#hotel-header img
{
	float: right;
	margin: 11px 50px 0 0;
}


div.clear {clear: both; height: 0; font-size: 0}

input.enquire-button {float: right; margin-right: 30px; margin-top: 20px; margin-bottom: 20px}


/* -------------- europe2.dwt styles --------------- */

#locations-left-b 
{
	float: left;
	width: 380px;
}

#locations-right-b  
{
	float: right;
	width: 358px;
}


#locations-left-b h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	margin-left: 31px;
	text-align: justify;
}

#locations-right-b h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	width: 349px;
	text-align: justify;
}

#locations-right-b h3.first {
	width: auto;
	margin-top: 20px;
	margin-bottom: 14px;
	font-size: 0.80em;
	width: 349px;
}

#locations-left-b p {
	margin: 10px 0;
	margin-left: 31px;
	font-size: 13px;
	width: 349px;
	text-align: justify;
}

#locations-right-b p {
	margin: 6px 0 14px 0;
	font-size: 13px;
	width: 330px;
	text-align: justify;
}

/* -------------- mauritius2.dwt styles --------------- */

#locations-left-c 
{
	float: left;
	width: 483px;
	
}

#locations-right-c  
{
	float: right;
	width: 255px;
}


#locations-left-c h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	margin-left: 31px;
	text-align: justify;
}

#locations-left-c h3.first {
	margin-top: 20px;
	margin-bottom: 14px;
	font-size: 0.80em;
	margin-left: 31px;
	text-align: justify;
}

#locations-right-c h3 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 0.80em;
	width: 224px;
	text-align: justify;
}

#locations-right-c h3.first {
	width: auto;
	margin-top: 20px;
	margin-bottom: 14px;
	font-size: 0.80em;
	width: 224px;
	text-align: justify;
}

#locations-left-c p {
	margin: 10px 0;
	margin-left: 31px;
	font-size: 13px;
	width: 450px;
	text-align: justify;
}

#locations-right-c p {
	margin: 6px 0 14px 0;
	font-size: 13px;
	width: 224px;
	text-align: justify;
}

#locations-right-c img {
	margin-bottom: 20px;
}





/* ---------- HOME -------------- */
div#home div#left-column
{
	display: inline;
	float: left;
	width: 420px;
}

div#home div#right-column
{
	display: inline;
	float:right;
	width: 250px;
}

div#home div#right-column h3
{
	padding: 0px 0px 5px 0px;
}

div#home div#right-column div#feature,
div#home div#right-column div#enquiry,
div#home div#right-column div#brochure
{
	display: inline;
	float:left;
	width: 210px;
	background-image: url(/images/common/home-panel-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 15px 15px 35px 15px;
}

div#home div#right-column div#enquiry
{
	padding-bottom: 5px;
}

div#home div#right-column div#brochure p
{
	width: 140px;
}

div#home div#right-column div#brochure
{
	padding-top: 50px;
	background-image: url(/images/common/brochure-bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div#home a:link,
div#home a:visited
{
	font-weight: bold;
	color: #EBA7A3;
}

div#home a:active,
div#home a:hover
{
	color: #D43D35;
}

div#ignition
{
	clear: both;
	padding: 0px 30px 30px 30px;
	font-size: small;
	color: #CCCCCC;
	text-align: right;
}

div#ignition a:link,
div#ignition a:visited
{
	color: #999999;
	text-decoration: none;
}

div#ignition a:active,
div#ignition a:hover
{
	text-decoration: underline;
}

/* --------------------------- FORM STYLING ----------------------- */

div#form label, div#expert input
{	
	display: 					block;
	width: 						200px;
	float: 						left;
	margin-bottom: 				13px;
	margin-right: 5px;
}

div#form input
{
	text-align: 				left;
}

div#form label
{
	text-align: 				right;
	width: 						180px;
	padding-right: 				20px;
}

div#form select
{
	width: 180px;
}

div#form select.short
{
	width: 50px;
}

div#form textarea
{
	margin-bottom: 13px;
	width: 450px;
}

div#form br
{
	clear: 						left;
}
div#form .buttonSubmit
{
	float:							left;
	width:							75px;
	margin-left:					205px;
	text-align: center;
}
div#form .buttonReset
{
	float:							left;
	width:							75px;
	margin-left: 					10px;
	text-align: center;
}

.hide { display: none; }