i/****************************
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 {
	background: #2c011c url('/images/backgrounds/bg-portal-dark.jpg') repeat-x 50% 0;
	font: 69%/1.4 Arial, Helvetica, sans-serif normal;
	margin: 0;
	padding: 0;
	text-align: center; /* fix content centring in ie5 */
}

h1 a {background: url('/images/backgrounds/logo-image-gallery.jpg') no-repeat 0 0;}

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

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

a {text-decoration: none;}

a:hover {text-decoration: underline;}

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

form {margin: 0; overflow:hidden;}

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;
}

object, embed {display:block;}

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

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

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

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

.floatLeft {float: left;}

.floatRight {float: right;}
.floatRightContent {float: right; margin-left: 7px;}

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

.divide {
	background: url('/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;
}

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

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

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

#sideCol {
	float: right;
	margin-bottom: 6px;
	width: 280px;
}

/*****************************
 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/graphics/header-bg.gif') 0 100% no-repeat;
	color: #9c9c9c;
	float:left;		
	margin: 0 0 6px 0;
	padding: 7px 7px 10px 7px;
}

#headerIntranet {
	background: #1d1b1c url('../images/intranet/top/header-bk.jpg') no-repeat;
	color: #9c9c9c;
	float:left;		
	margin: 0 0 6px 0;
	padding: 0 7px;
	height:60px;
}

#headerIntranet img {
	margin:17px 0 0 5px;
}


#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('/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('/images/graphics/breadcrumbs-separator.gif') 100% 50% no-repeat;
	padding-right: 7px;
	margin-right: 4px;
}

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

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

#userLinks a {color: #9c9c9c;}

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

/* hotel chooser */

#header form {float: right;}

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

/* hotel chooser content */

form#hotelSelect2 {
	float: left;
	background: url('/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('/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;
	margin-right: 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('/images/buttons/global-nav/book.gif');
	width: 47px;
}

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

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

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


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

/* section/page image and header */

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

#headerContent, #promotionsList li {
	background: url('/images/graphics/content-header-bg.jpg') repeat-x 0 100px;
	padding: 0 0 2px 0;
	overflow: hidden;
	width: 474px;
}
#headerContentHome {background: url('/images/graphics/content-header-bg.jpg') repeat-x 0 256px;}
#headerContentImage {float:left;}
#headerContentHome img {display:block;}
#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;}

a#bookNow {background-image: url('/images/buttons/book-now.gif'); width: 60px;}
a#takeTheTour {background-image: url('/images/buttons/take-the-tour.gif'); width: 59px;}


/* Use on flash/images with 226px width, to have 7px margin,(content padding = 10px - 3px = 7px) */

#leftVisual, #rightVisual, .leftVisual, .rightVisual {margin-bottom:4px; width:226px; display:inline;}
#leftVisual, .leftVisual {float:left; margin-left:-3px;}
#rightVisual, .rightVisual {float: right; margin-right:-3px;}

/* List of Promos on Promotion Page - see #headerContent (line 281) for background */

#promotionsList {margin-bottom:-7px;}
#promotionsList li {border-top: 1px solid #585858; list-style-type:none; margin:0; overflow:hidden;}
#promotionsList li.first {border-top: none;}
#promotionsList li a {display:block; float:left; width:474px;}
#promotionsList li img {float:left;}

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

ul#sectionNav {
	background: url('/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('/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: #e8e8e8 url('/images/graphics/content-bg.gif') 0 0 no-repeat;
	clear: left;
	overflow: hidden;
	padding: 11px 10px 10px 10px;
	width: 454px;
}

#home {
	background: #000000;
	color:#9f9f9f;
	clear: left;
	overflow: hidden;
	padding: 0 10px 10px 10px;
	width: 454px;
}

.contentBlack {
	background: transparent url('/images/graphics/content-bg-black.gif') 0 0 no-repeat !important;
	color:#e8e8e8 !important;
	padding-right:0 !important;
	width: 464px !important;
}


#contentBlackMain,
#contentBlackColumn {
	float:left;
	width:304px;
}
#contentBlackColumn {
	color:#727272;
	padding:0 0 0 7px;
	width:153px;
}
#content #contentBlackColumn h4 {
	background: url('/images/graphics/arrow.gif') 0 4px no-repeat;
	color:#e8e8e8;
	font-size:100%;
	font-weight:normal;
	margin: 0 0 2px 0;
	padding-left: 12px;
	text-transform: uppercase;
}
#content #contentBlackColumn h4.imageCaption {background:none; text-transform:none; margin: 0 0 .80em 0; padding:0;}
#content #contentBlackColumn h4 a {color:#fff; text-decoration:none;}
#content #contentBlackColumn h4 a:hover {color: #c8c7c8;}

/* Smaller double columns for food philosphy page- based on #content */
.bottomMargin {margin-bottom:7px;}

#contentLeft, #contentRight	{	
	background: #e8e8e8 url('/images/graphics/contentColumn-bg.jpg') 0 0 no-repeat;
	float:left;
	overflow: hidden;
	padding: 11px 10px 10px 10px;
	width: 213px;
	margin:0 0 -7px 0;
}

#contentRight {margin: 0 0 -7px 8px;}

.columnImg {margin:-6px 0 0 -9px;}

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

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

/* page title */
#content h3, #content h4.people, #contentLeft h3, #contentRight h3   {
	background: url('/images/graphics/dotted-rule.gif') repeat-x 0 100%;
	font-size: 95%;
	color: #979797; 
	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 #contentBlackMain h3,
#content h3#contentBlackTitle,
#content #contentBlackColumn h3 {background:none;}

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

#home h3 {
	background: url('/images/graphics/dotted-rule-dark.gif') repeat-x 0 100%;
	padding: 0 0 .50em 0;
	text-transform: uppercase;
}

/* 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,
#content .sectionDivided,
.contentTable,
.whiteBox .section {
	background: url('/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
}

#content .sectionDivided {background:none; border-top: 7px solid #000; margin-left: -10px; margin-right: -10px; padding-left:10px; padding-right:10px;}

/* Standard table */
.contentTable {border:0; margin-top:0; width: 100%;} /* overwriting margin-top from rule above */
.contentTable caption {display:none;}
.contentTable td {padding:3px 0; border-bottom:1px solid #ccc;}
.contentTable th {text-align:left;}
.contentTable tr.alt {background-color:#eee;}

/* Summary table */
table.summary {border:0; width:100%;}
table.summary caption {display:none;}
table.summary td {padding:3px 0; vertical-align:top; width:32%}
table.summary th {text-align:left; padding:3px 3px 3px 0; vertical-align:top; width:18%}

/* blog and news date */
.date {position:relative; top:-1.2em;}

.contentDescription, .contentUpper, #content a.prevNext {color: #000; font-weight:bold;}
.contentUpper {text-transform: uppercase;}

/* section promo image inside content area - aligned left or right */
.sectionPromoImageLeft, .sectionPromoImageRight {margin-bottom:-10px; min-height: 157px; overflow: visible;}
#content .sectionPromoImageLeft * {margin-left:150px;}
#content .sectionPromoImageLeft img {float:left; margin: -7px 7px -7px -9px;}
#content .sectionPromoImageRight * {width:300px;}
#content .sectionPromoImageRight img {float:right; margin: -7px -9px -7px 0; width:144px;}

.contentImage {margin-bottom: 10px;}


/* section promos */

ul#sectionPromos, 
ul#hotelChooser, 
#content ul.malPeople {
	color: #9c9c9c;
	list-style-type: none;
	width: 100%;
}

ul#sectionPromos { padding: 7px 0 0 0;}

ul#hotelChooser { padding: 0;}

#content ul.malPeople { margin:0; padding: 7px 0 7px 0;}

ul#sectionPromos p {margin: 0;}

ul#sectionPromos img, 
ul#hotelChooser img, 
#content ul.malPeople img {	
	display: block;
}

ul#sectionPromos li, 
ul#hotelChooser li, 
#content ul.malPeople li {
	float: left;
}
ul#sectionPromos li {
	width: 153px;
	margin: 0 7px 0 0;
}

ul#hotelChooser li {
	background: url('/images/graphics/side-item-bg.jpg') 0 89px repeat-x;
	width: 233px;
	margin: 0 8px 12px 0;
}

#content ul.malPeople li {
	background:none;
	width: 146px;
	margin: 0 7px 7px 0;
	padding:0;
}

ul#sectionPromos li.last, ul#hotelChooser li.last {margin: 0;}

ul#sectionPromos li .description {
	background: black url('/images/graphics/section-promo-bg.gif') 0 0 repeat-x;
	padding: 3px 7px 0 7px;
}

ul#sectionPromos a, ul#hotelChooser a, .arrowHeadline a {color: #fff;}
ul#hotelChooser a, .arrowHeadline a {text-decoration:none;}

ul#sectionPromos a:hover, 
ul#hotelChooser a:hover, 
#content ul.malPeople a:hover,
.arrowHeadline a:hover {color: #c8c7c8;}

ul#sectionPromos h3, #sideCol h2, .arrowHeadline {
	background: url('/images/graphics/arrow.gif') 0 4px no-repeat;
	color: white;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 2px 0;
	padding-left: 12px;
	text-transform: uppercase;
}


/* Hotel Chooser Sections (based on sectionPromo*/

ul#hotelChooser h3 {
	
	background: url('/images/graphics/arrow.gif') 0 4px no-repeat;
	color: white;
	font-size: 100%;
	font-weight: normal;
	margin: 6px 0 2px 7px;
	padding-left: 12px;
	text-transform: uppercase;
}

ul#hotelChooser p {
	margin:7px;
}

ul#hotelChooser h3 span {display:none;}

ul#hotelChooser h3 img {
	margin:0;
	padding: 11px 0 0 10px;
}

ul#hotelChooser li .chooserLinks {
	padding: 3px 7px;
	margin-top: -36px; 
	position:relative;
	z-index:2;
}

ul#hotelChooser li .chooserLinks .textLink { 
	float:left; 
	background: url('/images/graphics/arrow.gif') 0 4px no-repeat; 
	padding-left: 12px;
}

ul#hotelChooser li .chooserLinks .visitHotel { 
	background-image: url('/images/buttons/visit-site.gif');
	float: right;
	height: 17px;
	/* margin-top: -4px;  old value needs to change once take tour goes live */
	margin-top: -20px;
	position: relative; /* fixes Safari 1.2 button vanishing */
	text-indent:-9000px;
	width: 54px;
}

/* Mal People */

#content ul.malPeople li.last {
	margin: 0 0 7px 0;
	padding:0;
}

#content ul.malPeople li .description {
	background: white;
	padding: 3px 7px 0 7px;
}
 
#content ul.malPeople a {color: #000;}

#content ul.malPeople p {
	background: url('/images/graphics/arrow.gif') 0 4px no-repeat;
	margin: 0 0 2px 0;
	padding-left: 12px;
	text-transform: uppercase;
}
/*H4 used for subheadings but styled as H3, code @line 346*/

#map { height: 400px; margin-top: 10px; width: 454px;}

/* video player */

#sectionVideo {background:#000; color:#f9f9f9; padding:7px 0 0 7px; overflow:hidden; text-align:center; width:447px;}
#videoPlayer {float:left; margin:0 7px 7px 0;} /* 7px margin to have space in case there's some description text */
#videoDescription {text-align:left; margin-right:7px;}
#videoDescription h4 {font-size:80%;}

/*************************
 Side Column
 *************************/
 
/* 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('/images/graphics/side-item-bg.jpg') 0 0 repeat-x;
	padding: 6px 7px 7px 7px;
}

#sideItems input.textField {
	background: #212121;
	border: 1px solid #9c9c9c;
	color: #9c9c9c;
	padding: 0 2px;
}

#sidePromotionTop {border: 7px solid #000; border-bottom:none;}
#sidePromotionTopIntranet {border-bottom:none;}

#sidePromotionBottom {background: url('/images/graphics/white-trans-bg.png'); padding:7px; margin-top: 7px;}

#sidePromotionTop img, #sidePromotionBottom img {display:block;}

#searchPanel form,
#newsletterPanel form {	
	overflow: hidden; /* contain floats */
	height: 1%; /* contain floats in <= IE6 */
}

#searchPanel input.textField {
	float:left;
	width: 191px;
}

#searchPanel input.submit,
#newsletterPanel input.submit {
	float: right;
}

#newsletterPanel input.textField {
	float:left;
	margin-right: 5px;
	width: 90px;
}

#hotelduvinSidebar {margin:7px 0 0 0; display:block;}

/* white box in side column */

.whiteBox {
	background: url('/images/graphics/white-trans-rule.png') 0 0 no-repeat;
	margin-top: 7px;
	padding-top: 4px;
}

.whiteBox .content,
.whiteBox .additionalContent {
	background: url('/images/graphics/white-trans-bg.png');	
	overflow: auto;
	padding: 7px;
}

/* provides a 1px gap in bg */
.whiteBox .additionalContent {
	margin-top: 1px;	
}

#sideCol .whiteBox h2 {
	background-image: url('/images/graphics/arrow-white.gif');
	color: black;
}

.whiteBox a {
	color: black;
}

/* white box form elements */

.whiteBox input.textField {
	border: 1px solid #9c9c9c;
	padding: 0 2px;
}

.whiteBox select {
	border: 1px solid #9c9c9c;
	margin-bottom: 3px;
	padding: 0;
}

/*****************************
 Footer
******************************/

#footer {
	background: #0e0e0e;
	clear:both; /*To clear footer past long form pages*/
	line-height: 1em;	
	margin:  -29px auto 0 auto;
	overflow: auto; /* contain floats */
	padding: 9px;
	position: relative;
	text-transform: lowercase;
	width: 757px;
}

#footer, #footer a {
	color: #9c9c9c;
}

#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#footer li {
	float: left;
	padding-right: 6px;
	margin-right: 5px;
	border-right: 1px solid #9c9c9c;
}

#footer li.last {
	border-right: none;
}

#footer p#hotelDuVin {
	float: right;
	margin: 0;
}


/*****************************
 Forms (IE7 hacks for the floats and pixel-perfect positioning)
******************************/

#content h4.formHeader {font-size:100%;}


form#loginForm div, form#registerForm div {
	background: url('/images/graphics/dotted-rule.gif') repeat-x 0 0;
	overflow:hidden;
	padding: 1em 0 0 0;
}

form#imagesForm table {
	background: url('/images/graphics/dotted-rule.gif') repeat-x 0 100%;
	margin:0 0 1em 0;
}

table.form {
	text-align: left;
	width: 454px;
}

table.form caption {
	text-align:left;
	font-size:1.3em;
	font-weight:bold;
	padding: 0.5em 0;
	text-transform:uppercase;
	}

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

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

col.labels, col.labelsRight {width: 74px;}
col.fieldsLeft {width: 170px;}
col.fieldsRight {width: 130px;}
col.evenFieldsLeft {width: 244px;} /* used on Black Card sign up page */
col.evenFieldsRight {width: 204px;}


/* old form stuff - don't delete still used for old shop version */

dl.formList {background: url('/images/graphics/dotted-rule.gif') repeat-x 0 100%; padding: 0 0 0.5em 0; overflow:hidden;}
*+html dl.formList {padding: 0 0 1.2em 0;}
dl.formList dt {clear:left; float:left; margin: 0 0 10px 0; width:70px;}
dl.formList dt.last {clear:none; margin:0 0 10px 40px;}
dl.formList dd {float:left; margin: 0 0 10px 0;}
dl.formList dd input.textField, input.textField {
	background: #fff;
	border: 1px solid #9c9c9c;
	color: #000;
	padding: 1px 2px;
	width: 130px;
}

dl.formList dd select,
table.form select {width:135px;}
table.form select.autoSize {
	width: auto;
}
.comment textarea {width:450px;}

#comment textarea {width:450px;}

/* BlackCard form*/
.blackCard textarea, .blackCardQuestions textarea {height:62px; padding:0; border: 1px solid #9c9c9c;}
.blackCard textarea {width:134px;}
.blackCardQuestions textarea {width:210px; margin:0; }


dl.formTickBox {float:left; overflow:hidden; width:454px;}
dl.formTickBox dt {clear: left; float:right; margin-right:100px; width:330px;}
dl.formTickBox dd {float:left; margin:0; width: 24px;}

div.checkbox {
	margin: 0 0 10px 0;
	overflow: auto;
	width: 354px;
}

#questionnaire textarea {width:450px; height:20px;padding-bottom:10px;}

div.checkbox input {float:left;	margin:0 .3em 0 0;}
div.checkbox label {display: block;	float: left; width: 330px;}

.formButton {float:right; position:relative; margin-top: -20px;}
*+html .formButton {margin: -12px 0 -10px 0;}

*+html dl.formTickBox dt {clear: none; margin-bottom: 3px; padding:2px 0 0 0;}
*+html dl.formTickBox dd {clear: right;}


/* booking form sidebar */
.bookFormSidbar a.action {float: left;}
.bookFormSidbar input.submit {float: right;}
.bookFormSidbar input.textField {width: 99px;}
.bookFormSidbar select {width: 129px;}

#bookForm .content {padding:4px 1px 0 1px; overflow:visible; position:relative;}
#bookForm form {background:url(/images/graphics/dark-trans-bg.png); padding:5px; clear:left;}
#bookForm h2 {margin-left:9px;}
#bookForm ul {margin:0; height:1%;}
#bookForm li {background:none; border:1px solid #987d8c; border-bottom:none; float:left; padding:2px 8px;}
#bookForm li.active {background:url(/images/graphics/dark-trans-bg.png);}
#bookForm li.active a {color:white;}
#bookForm li.active a:hover {text-decoration:none;}
#bookForm .additionalContent {padding:0 1px 1px 1px;}
#bookForm .additionalContent .formFoot {background:url(/images/graphics/dark-trans-bg.png); padding:5px 4px 4px 4px; height:18px;}
#bookForm .submit {position:absolute; bottom:-23px; right:7px; z-index:100;}
#bookForm table {background:none;}/* fix IE 6 problem */
*+html #bookForm form {height:49px;}
*+html #bookForm .additionalContent{margin:0;}
*+html #bookForm .submit {bottom:-20px;}

/* Booking Form (With tables) */
.bookFormMain .bookDropdown, .bookFormMain .textField, .bookFormMain .calander  {
	background: #fff;
	border: 1px solid #9c9c9c;
	color: #000;
	width: 130px;
}

table.bookTop {
	background: none;	
	margin-bottom: 0;
}

.bookFormMain .bookDropdown { padding: 0; width: 130px;}
.bookFormMain .textField { padding: 0 2px; width: 124px;}
.bookFormMain .calander { padding: 0 2px; width: 100px;}

.errors {color:#862748;}
.error .textField, .error .calander, .error select, .error textarea {border: 1px solid #862748 !important;}
.required {color:#862748;}

/* Intranet*/

#intranetContentWrapper {color: #fff;	padding: 7px 0 0 0;	margin:0;}
#intranetContentWrapper a {background:#000; display:block; height:100px;}
#intranetContentWrapper img {margin:0; padding:0;}

#intranetContent {
	background: url('../images/content/hotel-chooser/cityTitle-bk.jpg') 0 0 repeat;
	height: 61px;
	margin:0;
	padding:0;
}

#intranetContent p {
	background: url('../images/graphics/arrow.gif') 0 7% no-repeat;
	float: left;
	line-height:13px;
	margin:7px 0 0 0;
	padding:0 0 0 12px;
	width:368px;
}

#intranetContent .button {
	background: url('../images/buttons/visit-site.gif');
	float: right;
	height: 17px;
	margin:22px 10px 0 0;
	text-indent:-9000px;
	width: 54px;
}

/* Mal Life Contest */
#malLifeContest ul li {background:none; padding-left:0;} /* getting rid of list style images */
#malLifeContest col.labels {width: 104px;}
#malLifeContest col.fieldsLeft {width: 140px;}

/* New Promo page */
#promoList .first {background:none;}
.promoCopy {margin-left: 240px;}
.promoSection {overflow:hidden;}
#headerContent img {display:block;}
#content select {border: 1px solid #9c9c9c;}

/* Lightbox */
#lightbox {
	background: url('/images/graphics/side-item-bg.jpg') 0 0 repeat-x;
	padding:6px 0 0 0;
}
#lightbox div {text-align:right; overflow:hidden;}
#lightbox p {padding:0 7px 0 7px; text-align:left;}
#sideCol h2.lightbox {margin:0 7px 8px 7px;}
#lightbox ul {list-style-type:none; overflow:hidden; height:1%;}
#lightbox ul li {float:left; padding:7px 7px 0 0;}
#lightbox ul li.last {float:left; padding:7px 0 0 0;}
#lightbox div img {margin: -2px 0 0 0;}

#featuredHotel {
	background: black;
	color: #9c9c9c;
	padding: 7px;
	margin-top:7px;
}

ul#imageThumbnails {
	overflow:hidden;
	height:1%;
}

ul#imageThumbnails li {
	float:left;
	padding:0 6px 0 0;
	width:109px;
	height:160px;
}

ul#imageThumbnails li.last {
	padding:0;
}

ul#imageThumbnails li.first {
	clear:left;
}

ul#imageThumbnails li a {
	background:none;
}

ul#imageThumbnails li a img {
	display:block;
	padding-bottom:3px;
}

ul#imageThumbnails li p {
	background: url('/images/graphics/arrow-small.gif') 0 5px no-repeat;
	padding-left: 6px;
}

.thumbIcons {float:right;}
.thumbIcons a {float:left;}

.imageDate {
	float:right;
}

#imagePreview {
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:225px;
}

.imageTags {
	text-align:left;
}

ul#imageTypeNav {overflow:hidden;}

#content #imageTypeNav li {background:none; float:left; margin-right:5px; padding-left:0;}
#content #imageTypeNav li.active {color:#000000;font-weight:bold;}

#imageDetails {
	float:left;
	width:219px;
}

.imageTable {
	border-bottom: 1px solid #000000;
	margin-bottom:1em;
}

.imageTable th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.imageTable tr {
	
}

.imageTable tr.alt {
	background-color:#dedede;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#imageDetails table th, #imageDetails table td {
	padding:4px 0;
}

#imageDetails table td.size, #imageDetails table th.size {
	text-transform:capitalize;
	font-weight:bold;
	padding-left:5px;
	width:67px;
}

a#help {
	background-image: url('/images/buttons/global-nav/help.gif');
	width: 48px;
}

a#account {
	background-image: url('/images/buttons/global-nav/account.gif');
	width: 66px;
}

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

a#logout {
	background-image: url('/images/buttons/global-nav/log-out.gif');
	width: 65px;
}

/* Register Table */

.featuredHotel {display:block;}