/****************************
Colors for Portal site: medium-grey:#9c9c9c; light-grey:#c8c7c8; error border and content-link-purple:#862748; border color for promotionsList
*****************************/

/****************************
 Global element types
*****************************/
html, body {height: 100%;}

/* See site.css for each individual background image */
body {
	font: 69%/1.4 Arial, Helvetica, sans-serif normal;
	margin: 0;
	padding: 0;
	text-align: center; /* fix content centring in ie5 */
}

input, 
select,
textarea,
table {font: inherit; font-size: 100%;}

textarea{
	background: #222222;
	border: 1px solid #9c9c9c;
	color: #9c9c9c;
	padding: 0 2px;
	}

table {
	border-collapse: collapse;
	width: 100%;
}

a {color: #90aae5;
   text-decoration: none;}

a:hover {text-decoration: underline;}

abbr, acronym {border-bottom: 1px dashed #454545; cursor: help;}

form {margin: 0;}

form * {vertical-align: middle;}

img {border: none;}

p,
h1, h2, h3, h4, h5, h5,
ul, ol {
	font-size: 100%;
	margin: 0 0 1em 0;
	padding: 0;
}

#priceBox{
  color: #5779C5;
  background-color: #444;
  padding-left: 5px;
  border: 1px dotted #666;
  font-weight: bold;
  font-size: large;
  width: 50%;
}

object, embed {display:block;}

/****************************
 Global styles
*****************************/

a.action {background: url('http://www.malmaison.com/images/graphics/arrow-small.gif') 0 50% no-repeat; padding-left: 6px;}

a.pdf {background: url('http://www.malmaison.com/images/icons/pdficon_small.gif') 0 50% no-repeat; padding: 2px 0 2px 22px;}
a.movie {background: url('http://www.malmaison.com/images/icons/film.gif') 0 50% no-repeat; padding: 2px 0 2px 20px;}

img.dateSelect {margin: -1px 0 0 3px;}

.floatLeft {float: left;}
.floatLeftContent {float: left; margin-right: 10px;}
.floatRight {float: right;}
.floatRightContent {float: right; margin:0 0 7px 7px;}

/* use to remove bottom margin on last block element */
.last {margin-bottom: 0;}

.divide {
	background: url('http://www.malmaison.com/images/graphics/black-ridge-h.gif') 0 0 repeat-x;
	margin-top: 10px;
	padding-top: 5px;
}

/* styles for images that are dropped in the content area */

.imgLeft {float:left; margin:0 7px 7px 0;}

.imgRight {float:right; margin:0 0 7px 7px}

.clear { clear:both;}

.hidden {display: none;}

/****************************
 Layout
*****************************/

#wrapper {
	/*margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 775px;*/
	
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 990px;
}

#wrapperInner {
	/*padding: 0 0 38px 0; overflow:visible; width:775px;*/
	padding: 0 0 38px 0; 
	overflow:visible; 
	width:984px;
}

#mainCol {	
	float: left;
	margin-bottom: 6px;
	/*padding: 0;*/
	margin:0;
	overflow: hidden;
	width: 488px;		
}

#mainColLarge{  
  float: left;
  margin-bottom: 6px;
  /*padding: 0;*/
  margin:0;
  overflow: hidden;
  width: 775px;   
}

#mainBox {
	background: #222222;
	float: left;
	padding: 7px;	
}

#mainBoxLarge {
	background: #222222;
  float: left;
  padding: 7px; 
  width: 775px;   
}

#sideCol {
	float: right;
	margin-bottom: 6px;
	width: 266px;
	background: #222222 none repeat scroll 0% 50%;
	padding: 7px;
}

/*****************************
 Header
******************************/

/* hide h1 as site title is part of background image - see site.css for images */
h1 {margin:0;}

h1 a {
	display: block;
	height: 95px;
	width: 141px;
	outline: none;
	text-indent: -9000px;
}

#header {
	background: #1d1b1c url('../../images/hdvomr/backgrounds/logo.gif') 0 100% no-repeat;
	color: #9c9c9c;
	float:left;		
	margin: 0 0 6px 0;
	padding: 7px 7px 10px 7px;
}

#header * {margin: 0;}

#header a {color: #c8c7c8;}

#header a.active,
#header a:hover {color: white;}

#header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.headerRow {float: left; width:761px;}

/* breadcrumbs */

#breadCrumbs {
	float: left;
	margin-left: 3px;
	width: 485px;
}

#breadCrumbs p {
	/* 'you are here' text */
	background: url('http://www.malmaison.com/images/graphics/arrow.gif') 0 50% no-repeat;
	float: left;
	margin: 0;
	padding: 0 5px 0 11px;
}

#breadCrumbs li {
	color: #c8c7c8;
	float: left;
}

#breadCrumbs li a {
	background: url('http://www.malmaison.com/images/graphics/breadcrumbs-separator.gif') 100% 50% no-repeat;
	padding-right: 7px;
	margin-right: 4px;
}

/* user links (sign-in/register etc) */

#userLinks {
	background: url('http://www.malmaison.com/images/graphics/black-ridge-v.gif') 100% 0 repeat-y;
	float: left;
	padding-right: 10px;
}

#userLinks a {color: #9c9c9c;}

#userLinks a:hover {color: #c8c7c8;}

/* hotel chooser */

#header form {float: right;}

#header select {
	background: #222222;
	border: 1px solid #9c9c9c;
	color: #9c9c9c;	
	font-size: 90%;
	text-align: center;
	width: 150px;
}

/* hotel chooser content */

form#hotelSelect2 {
	float: left;
	background: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
	width: 100%;
}

/* skip link */

#skiplink a, #skiplink a:hover, #skiplink a:visited{height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */
#skiplink a:active, #skiplink a:focus{color:#fff; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */

/* site nav (top level navigation within current site) */

ul#siteNav {
	float: left;
	padding: 7px 0 0 3px;
}

ul#siteNav li {
	background: url('http://www.malmaison.com/images/graphics/site-nav-separator.gif') 100% 50% no-repeat;
	float: left;
	padding-right: 10px;
	margin: 3px 10px 0 0;
}

ul#siteNav li.last {	
	background: none; /* remove divider on last item */
}

/* global nav (booking, shop etc) */

ul#globalNav {
	float: right;
	padding-top: 10px;
}

ul#globalNav li {
	float: left;
	padding-left: 4px;
}

ul#globalNav a, #headerContentLinks a, a.rollOverButtons {	
	background-position: 0 0;
	display: block;
	height: 17px;
	outline: none;
	text-decoration: none;
	text-indent: -9000px;
}

ul#globalNav a:hover, #headerContentLinks a:hover, a:hover.rollOverButtons {
	background-position: 0 17px;	
}

/* image replacement - define width and image for each link */
a#book {
	background-image: url('http://www.malmaison.com/images/buttons/global-nav/book.gif');
	width: 47px;
}

a#promotions {
	background-image: url('http://www.malmaison.com/images/buttons/global-nav/promotions.gif');
	width: 80px;
}

a#shop {
	background-image: url('http://www.malmaison.com/images/buttons/global-nav/shop.gif');
	width: 69px;
}

a#contact {
	background-image: url('http://www.malmaison.com/images/buttons/global-nav/contact.gif');
	width: 65px;
}

/*************************
 Content
 *************************/

/* section/page image and header */

#headerImage {margin-bottom:-3px;}

#headerContent, #promotionsList li {
	background: url('http://www.malmaison.com/images/graphics/content-header-bg.jpg') repeat-x 0 100px;
	padding: 0 0 2px 0;
	overflow: hidden;
	width: 474px;
}
#headerContentImage {float:left;}
#headerContent h2 {float:left; margin:0;}
#headerContentLinks {float:right; padding: 16px 10px 0 0; overflow:hidden;}
#headerContentLinks a {float:left; margin: 0 0 0 5px;}

/* section nav (subnavigation within current section) */

ul#sectionNav {
	background: url('http://www.malmaison.com/images/graphics/section-nav-bg.jpg') 0 0 repeat-x;
	list-style-type: none;
	overflow: hidden; /* contain floats */
	height: 1%; /* contain floats in <= IE6 */
	margin: 0;
	padding: 2px 10px 7px 10px;
	width: 454px;
}

ul#sectionNav a {color: #7c7b7c;}

ul#sectionNav a.active,
ul#sectionNav a:hover {color: #fff;}

ul#sectionNav li {
	background: url('http://www.malmaison.com/images/graphics/section-nav-separator.gif') 100% 50% no-repeat;
	float: left;	
	margin: 3px 10px 0 0;
	padding-right: 10px;	
}

ul#sectionNav li.last {
	background: none; /* remove divider on last item */
}

#content {
	background: #333;
	clear: left;
	overflow: hidden;
	padding: 11px 10px 10px 10px;
	width: 740px;
	color:#acacac;
}

#content a {	
	color: #90aae5;
	text-decoration: none;
}

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

/* page title */
#content h3, #content h4.people, #contentLeft h3, #contentRight h3   {
	background: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 100%;
	font-size: 95%;
	color: #5779C5;
	padding: 0 0 .50em 0;
	text-transform: uppercase;	
}

#content h3  {margin: .10em 0 .75em 0;}

#content h4.people {margin: .75em 0 .75em 0;}

#content h4 {
	font-size: 130%;
	margin: 0 0 .80em 0;
	text-transform: uppercase;	
}

#content h4 a {color:#000;}

#content h5 {margin: 0 0 .5em 0;}

#content h6 {margin: 0;}

#content ul li, .whiteBox ul li {
	background: url('http://www.malmaison.com/images/graphics/arrow-small.gif') 0 5px no-repeat;
	list-style-type: none;
	padding-left: 6px;
}

/* ordered list */
#content ol li, .whiteBox ol li {margin-left: 23px;}

*+html #content ol li, *+html .whiteBox ol li {margin-left: 28px;}

#content blockquote { 
	color:#fff;
	width:200px;
	padding:10px;
	background:#a2365d;
}

#content blockquote p {margin:0;}

/* inserts dotted horizontal rule */
#content .section {
	background: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
}

#content .sectionFirst {
	background: none;
	margin-bottom: 1.5em;
	overflow:hidden;
}

/*************************
 Side Column
 *************************/
 
 #sideCol .bookProgress {
	background: #222222;
	padding: 11px 10px 10px 10px;
	overflow: hidden;
	height: 1%;
	color: #acacac;
}

ul#bookStages {color:#979797; font-weight:bold;}
ul#bookStages li.completed {color: #90aae5;}
ul#bookStages li {margin:0 0 1em 1em;list-style-type:none;}
ul#bookStages li.active {color:#5779C5; font-weight:bold;}
ul#bookStages ul {}
ul#bookStages ul li {color:#acacac; font-weight:normal; margin:0 0 0 1em;}
ul#bookStages a {color:#90aae5;}
ul#bookStages a :hover {text-decoration:underline;}

/* see previous rule in content section */
#sideCol h2 {margin-bottom: 8px;}
 
#sideItems {
	background: black;
	color: #9c9c9c;
	padding: 7px;
}

img.sideImage {display: block;}

#sideItems a {color: #9c9c9c;}

#sideItems a:hover {color: #c8c7c8;}

#sideItems h2 a {color: white;}

.sideItem {
	background: url('http://www.malmaison.com/images/graphics/side-item-bg.gif') 0 0 repeat-x;
	padding: 6px 7px 7px 7px;
}

#sideCol .promo {
	background: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
	text-align:center;
}

/****************************
 Booking css
*****************************/

#sideCol .bookProgress h3 {
	background: transparent url(http://www.malmaison.com/images/graphics/dotted-rule.gif) repeat-x scroll 0pt 100%;
	font-size: 95%;
	color: #5779c5; 
	padding: 0 0 .50em 0;
	text-transform: uppercase;
}

#sideColBook {
	background: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
	font-size:90%;
	overflow:hidden;
	height:1%;
	}

#sideColBook h4 {
	font-size:140%;
	text-transform:uppercase;
	
}

.bookDropdown,
.expiryMonthDropdown,
.expiryYearDropdown,
.telephoneDropdown,
.telephoneTextField ,
.friendField,
.dateField {
	background: #222222;
	border: 1px solid #9c9c9c;
	color: #9c9c9c;
}


.bookDropdown,
.textField {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #9c9c9c;
	padding: 0 2px;
	color: #000000;
}

.dateField {
	width:114px;
}

.expiryMonthDropdown,
.expiryYearDropdown {
	width:62px;
}

.friendField {
	width:180px;
}

#sideCol .textField ,
#sideCol .bookDropdown {width:142px;}
#sideCol .dateField {width:118px;}

.expiryMonthDropdown {margin:0 1em 0 0;}

img.dateSelect {margin: -1px 0 0 3px;}

.roomAdditional, .roomFacilities {
	overflow: hidden;
	width: 215px;
	margin:0 0 1em 0;
}

#earlierDates, #laterDates {
	margin:0 0 1em 0;
	overflow: hidden;
	width: 205px;
}

#earlierDates, .roomAdditional {float:left;}
#laterDates, .roomFacilities {float: right;}

#earlierDates h6, #laterDates h6 {
	font-size:100%;
}

#comment {margin: 0 0 1em 0;}

#content #earlierDates li, #content  #laterDates li {
	
}

ul#rateList li {background:none; padding:0.5em 0 0 0; margin:0; overflow:hidden;}
ul#rateList li.highlight {background: #343434}
ul#rateList li input {vertical-align:middle;}
ul#rateList li p {padding:0 0 5px 25px; margin:0;}

#roomTypeSelect {margin-bottom:2em;}
.roomRateOption {clear:both; margin: 0 0 1em 0;}
.roomRateOption input {margin:0; padding:0;}
.roomRateOption p {padding:0.5em 0 0 0;}
.roomExtraInfo {clear:both; zpadding: 1em 0 0 0; width:454px;}
.roomAdditional p, .roomFacilities p {padding:0;}
.roomFooter {clear:both; overflow:auto; width:454px;}

#content ul.alternateDates {
	margin:0;
	padding:0;
	overflow:hidden;
	}
#content ul.alternateDates li {
	background: url('../../images/hdvomr/buttons/btn-bg.gif') 0 0 no-repeat;
	float:left;
	list-style-type:none;
	padding:1px 5px 0 0;
	width:17px;
	text-align:center;
	height:17px;
	vertical-align:middle;
	}

#content ul.alternateDates li.last {
	padding:1px 0 0 0;
}
	
#content ul.alternateDates li a {
	color:#ffffff;
}
#content ul.alternateDates li a.off {
	color:#9C9C9C;
}
#content ul.alternateDates li.date {
	background:none;
	width:150px;
}
.bedTypeSelect {
	margin-bottom:1.5em;
}

/*****************************
Table
******************************/

table.form {
	zbackground: url('http://www.malmaison.com/images/graphics/dotted-rule.gif') repeat-x 0 100%;	
	text-align: left;
	width: 454px;
}

table.form tr {background:none;} /* strange bug in IE6, IE7 that renders each tr with a dotted line */

table.form td,
table.form th,
#sideColBook td,
#sideColBook th {
	font-weight: normal;
	padding: 0 0 10px 0;
	vertical-align: top;
}

col.labels, col.labelsRight {width: 74px;}
col.fieldsLeft {width: 170px;}
col.fieldsRight {width: 130px;}
col.friendFields {width:170px;}
col.previousDay {width:134px;}
col.currentDay {}
col.nextDay {width:134px;}
col.sideColLabels {width:100px;}

.checkbox {float:left; margin:0 0.3em 0 0;}

table.summaryTable {
	text-align: left;
	width: 454px;
	margin: 0 0 1em 0;
}

table.summaryTable  th{
	zpadding: 0 0 10px 0;
	vertical-align: top;
	text-align:left;
}

col.summaryLabels {width:100px;}
col.summaryTotals {width:100px;}

td.roomTotal {font-weight:bold; text-align:right;}
tr.roomTotal th {font-size:120%;}
tr.grandTotal {font-size: 130%; font-weight:bold; text-transform:uppercase;}



#comment textarea {width:400px;}

div.additionalBookItem {clear:both; overflow:hidden; padding:1em 0 0 0;}
div.formFoot {clear:both; margin: 1em 0 0 0;}

table#extendStay {
	border: 1px solid #666666;
	background-color: #363636;
	color: #acacac;
	text-align: center;
}
form  * {vertical-align:middle;}

table#extendStay th,
table#extendStay td {border: 1px solid #666666;}

table#extendStay th {
	border: 1px solid #666666;	
	background-color:#31519b;
	color:#acacac;
}
table#extendStay th.current {
	border: 1px solid #666666;	
	background-color:#31519b;
	color:white;
}
table#extendStay td {
	border: 1px solid #666666;
}

table#extendStay td.current {
	background-color:#545454;
	color:#acacac;
}

table#meetingRoom {width: 100%;}
table#meetingRoom th {background-color:#dddddd; color:black; font-weight: normal;}
table#meetingRoom th,
table#meetingRoom td {border: 1px solid #bababa;}
table#meetingRoom td {color:#000000;}
table#meetingRoom tr.odd {background-color:#eeeeee; color:#000000;}
table#meetingRoom tr.even {background-color:#ffffff; color:#000000;}
table#meetingRoom td.highlighted {color: #c3c3c3;  }
table#meetingRoom td.plain{background-color: #DDDDDD; font-weight: bold;}
table#meetingRoom th.desc{width: 370px;}
table#meetingRoom th.rate{width: 260px;}

table#userDetails label{font-weight: bold;}
table#userDetails {width: 80%;}

#halfRateCheckBox{margin:0 4px 0 0;}