/* General Elements */
/* ---------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #323F7F; /* Default text colour "flag blue" */
	background-color: #EBEAD7; /* Default background colour "greyish" */
}
img {
	border: 0;
}
img.left {
	float: left;
	margin-right: 5px;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1, h2 {
	margin-top: 0;
}
.bold {
	font-weight: bold;
}
td label {
	font-size: 0.8em;
}
a {
	color: #06F;
	text-decoration: none;
}
a:visited {
	color: #BA313C;
}
a:hover {
	text-decoration: underline;
	color: #066;
}


/* Masthead */
/* -------- */

div#masthead {
	background-image: url(../images/misc/masthead_back.gif); /* Fader image */
	background-repeat: repeat-x;
	width: 100%;
	height: 70px;
}
div#masthead h1 {
	position: absolute;
	left: 110px;
	top: 20px;
	font-size: 1.8em;
}
div#masthead h1 span { /* Set colour of "London" to "flag red" */
	color: #BA313C;
}
div#mastRHB { /* Container for Right Hand Block in masthead */
	position: absolute;
	right: 10px;
	top: 3px;
}
div#mastRHB p {
	margin: 0;
	text-align: right;
	font-size: 0.7em;
}
div#mastRHB form {
	margin: 3px 0;
}
div#mastRHB form input.searchBorder {
	border: 1px solid #323F7F;
}
div#mastRHB p img {
	vertical-align: top;
}


/* Main Navigation */
/* --------------- */

div#mainNav {
	width: 100%;
	background-color: #323F7F;
	text-align: center;
}
div#mainNav ul {
	margin: 0;
	padding: 3px 0px;
	list-style-type: none;
}
div#mainNav ul li {
	display: inline;
	margin: 3%; /* Spaces Main Navigation items proportionally to the window size */
}
div#mainNav ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
div#mainNav ul li a:hover {
	color: #FFD700;
}


/* Container for content */
/* --------------------- */

div#page {
	position: absolute; /* Other DIVs will be positioned relative to this */
	left: 0;
	width: 100%;
	text-align: center;
}

/* Side Box Containers */

div#page h2.sideBox { /* Heading text incorporates 'curved' image at box top */
	width: 190px;
	background-color: #323F7F;
	background-image: url(../images/misc/box_top_blue.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 1em;
	margin: 10px auto 0 auto;
}
div#page div.sideBox {
	text-align: left;
	padding: 0 5px;
	margin: 0 5px;
	border: 1px solid #323F7F;
	background-color: #FFF;
}
div#page div.sideBox h3 {
	margin-top: 0.3em;
	font-size: 0.8em;
	text-align: left;
}
div#page div.sideBox h4 {
	margin-top: 0.3em;
	font-size: 0.7em;
	text-align: left;
}
div#page div.sideBox p {
	font-size: 0.8em;
}
div#page div.sideBox ul {
	margin: 0;
	padding: 0;
}
div#page div.sideBox li {
	font-size: 0.8em;
	margin: 0;
	padding: 1px 0;
	list-style-type: none;
}
div#page div.sideBox li a {
	display: block;
	margin: 0;
	padding: 1px 0 1px 8px;
}
div#page div.sideBox li a:hover {
	background-color: #00F;
	color: #FFF;
	text-decoration: none;
}
div#page div.sideBox p.smallEnd {
	font-size: 0.6em;
	margin-bottom: 2px;
}
div#page div.sideBox form {
	margin: 0;
}
/* Affiliates */
div#page div.affiliateBox {
	text-align: center;
	padding: 0 5px;
	margin: 0 5px;
	border: 1px solid #323F7F;
	background-color: #FFF;
}


/* Main Content */
/* ------------ */

div#main {
	margin: 0 200px;
	padding: 10px;
	background-color: #FFF;
}
div#main h2 {
	font-size: 1.2em;
	margin: 0;
	text-align: left;
}
div#main h3 {
	font-size: 1em;
	text-align: left;
}
div#main h4 {
	font-size: 0.8em;
	text-align: left;
}
div#main p, div#main address, div#main blockquote {
	font-size: 0.8em;
	line-height: 140%;
	text-align: left;
}
div#main blockquote address { /* reset address font-size for address in blockquote */
	font-size: 1em;
}
div#main cite {
	font-size: 0.7em;
	text-align: left;
	font-style: italic;
}
div#main ul, div#main ol {
	font-size: 0.8em;
	text-align: left;
	line-height: 140%;
}
div#main form {
	text-align: left;
	margin: 0px;
}
div#main form td.right {
	text-align: right;
}
div#main form.tidy input, div#main form.tidy textarea {
	border: 1px solid #323F7F;
}
div#main tr {
	align: left;
	vertical-align: top;
}
div#main th {
	font-size: 0.8em;
}
div#main td {
	align: left;
	vertical-align: top;
}
div#main div.semi {
	width: 49%;
	float: left;
}

/* MainBox */
div#main div.mainBox {
	width: 340px; /* Set explicit width */
	margin: 10px auto 0 auto;
	text-align: center;
}
div#main div.mainBox h3 {
	text-align: center;
	background-color: #323F7F;
	background-image: url(../images/misc/box_blue_lrg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 0.05em;
	margin: 0;
}
div#main div.mainBox div { /* Width specified in container box, avoids IE 5.5 problems */
	text-align: left;
	padding: 0 10px;
	border: 1px solid #323F7F;
	background-color: #FFF;
}
div#main div.mainBox table {
	width: 318px; /* Specify MainBox width, cannot use 100% due to IE5.5 */
}
div#main div.mainBox div table#hotelFindTab { /* Search Box center image submission table */
	width: 318px;
	text-align: center;
	margin-bottom: 3px;
}
div#main div.mainBox div div#searchExt { /* Index page only */
	border: 0;
	padding: 0;
	display: none;
}
div#main div.mainBox div div#searchExtAdv { /* Index page only */
	border: 0;
	padding: 0;
}
div#main p.smaller {
	font-size: 0.7em;
}

/* Rules for "search" page only */

body#search div#main { /* Specific rule for the search.php page */
	margin: 0;
	padding: 10px;
}
body#search div#main iframe { /* Specific rule for the search.php page */
	width: 97%;
	height: 95em;
}

/* Rules for "hotelMap" page only */

body#hotelMap div#main { /* Specific rule for the search.php page */
	margin: 0;
	padding: 10px;
}
body#hotelMap div#main iframe { /* Specific rule for the search.php page */
	width: 97%;
	height: 600px;
}

/* Rules for "hotels" page only */

body#hotels div#main { /* Specific rule for the search.php page */
	margin: 0 0 0 200px;
	padding: 10px;
	line-height: 1.2em;
}
body#hotels div#main img { /* Hotel photo */
	float: left;
	margin-right: 20px;
}
body#hotels div#main div img { /* Stars */
	float: none;
	margin: 0;
}
body#hotels div#main h3 {
	color: #FFF;
	background-color: #323F7F;
	text-align: center;
	margin: 0;
	padding: 3px 0;
}
body#hotels div#main td h4 {
	margin-bottom: 0.5em;
	font-size: 0.8em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body#hotels div#main td p {
	margin: 0 0 0.8em 0;
}
body#hotels div#main table {
	margin-top: 7px;
}
body#hotels div#main tr {
	vertical-align: top;
}
body#hotels div#main td div {
	position: relative;
}
body#hotels div#main img.book {
	position: absolute;
	top: 0;
	right: 0;
}
body#hotels div#main form {
	margin: 10px 0;
}
body#hotels div#main img.ratingBar {
	position: relative;
	left: -50px;
}
img.progress, img.filler {
	border: 2px ridge;
	vertical-align: middle;
}
img.progress {
	border-right: 0;
}
img.filler {
	border-left: 0;
}

/* Rules for "hotelsSummary" page only */

body#hotelsSummary div#main { /* Specific rule for the search.php page */
	margin: 0 0 0 200px;
	padding: 10px;
	line-height: 1.2em;
}

/* Rules for "contact" page only */

body#contact div#main div#contactResponse {
	text-align: left;
}
body#contact div#main div#contactResponse h3 {
	color: #000800;
}
body#contact div#main div#contactResponse h4 {
	color: #F00;
}
body#contact div#main div#contactResponse ol {
	color: #F00;
	font-size: 0.8em;
	margin-bottom: 10px;
}
/* Rules for the locations page only */
body#locations div#main table {
	width: 560px;
}
/* Rules for the sitemap page only */
body#sitemap div#main {
	font-size: 0.8em;
}
body#sitemap div#main ul {
	font-size: 1em;
}


/* Secondary Content */
/* ----------------- */

div#lhs {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}

/* Currency Conversion Results */
div#lhs div#currencyResult {
	display: none;
	margin-top: 8px;
}
div#lhs div#currencyResult p {
	margin: 0;
}
div#lhs div#currencyResult input {
	border: 0;
}

/* Tertiary Content */
/* ---------------- */

div#rhs {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
}
div#rhs div.sideBox#rssFeed li {
	margin: 0 0 2px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #323F7F;
}
div#rhs div.sideBox#rssFeed li.firstItem {
	border-top: 1px solid #323F7F;
	padding-top: 2px;
}
div#rhs div.sideBox#rssFeed li a {
	display: block;
	margin: 0 0 0 16px;
	padding: 0 0 0 2px;
}
body#news div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/news_icon.gif);
	background-repeat: no-repeat;
}
body#attractions div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/attractions_icon.gif);
	background-repeat: no-repeat;
}
body#theatres div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/theatres_icon.gif);
	background-repeat: no-repeat;
}
body#museums div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/museums_icon.gif);
	background-repeat: no-repeat;
}
body#restaurants div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/restaurants_icon.gif);
	background-repeat: no-repeat;
}
body#cinemas div#rhs div.sideBox#rssFeed li {
	background-image: url(../images/misc/cinemas_icon.gif);
	background-repeat: no-repeat;
}


/* Footer */
/* ------ */

div#footer {
	margin: 0 200px;
	padding: 0 50px;
	background-color: #FFF;
	text-align: center;
	font-size: 0.7em;
	line-height: 140%;
	clear: both;
}
div#footer p {
	margin: 0;
	padding-bottom: 8px;
}

/* Rules specific to the "search" page */

body#search div#footer, body#hotelMap div#footer { /* Specific rules */
	margin: 0;
	padding: 0 80px;
}

/* Rules specific to the "hotels" page */

body#hotels div#footer { /* Specific rule for the search.php page */
	margin: 0 0 0 200px;
	padding: 0 80px;
}

/* Rules specific to the "hotelsSummary" page */

body#hotelsSummary div#footer { /* Specific rule for the search.php page */
	margin: 0 0 0 200px;
	padding: 0 80px;
}