/****************************
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%;}

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

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

.mandatory {font-size:90%;}

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

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

#wrapperInner {padding:0 0 99px 0; overflow:hidden; width:775px;}

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

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

#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-right: 10px;
}

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

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

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#gifts {
	background-image: url('/images/buttons/global-nav/gifts.gif');
	width: 52px;
}

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


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

 /* Gift Cards */
 /*
#giftCardCallBack {padding-top:15px;}
#giftCardCallBack p {text-align:right;}
#giftCardCallBack select {float:right; margin-left:12px; width:297px;}
#giftCardCallBack input.textField {float:right; margin-left:12px; width:291px;}
#giftCardCallBack textarea {float:right; margin-left:12px; width:293px;}
#callbackSubmit p {clear:both; float:left; padding-top:10px; text-align:left; width:50%;}
#callbackSubmit input {margin-top:10px;}
*/
#content.callBack {overflow:visible}
#giftCardCallBack {padding-top:15px; width:454px; overflow:hidden}
#giftCardCallBack p {overflow:auto;}
#giftCardCallBack label {float:left; padding-right:10px; text-align:right; width:145px;}
#giftCardCallBack input.textField {width:289px;}
#giftCardCallBack select {width:295px}
#giftCardCallBack textarea{width:291px;}
#callbackSubmit p {overflow:visible; clear:both; float:left; padding-top:10px; text-align:left; width:50%;}
#callbackSubmit input {margin-top:10px;}
#giftCardList, #giftCardList div {overflow:auto;}
#giftCardList img {float:left;}
#giftCardList .floatRight {width:320px;}
.moreLink {background:url('/images/icons/find-out-more.gif') no-repeat 0 5px; float:left; font-size:1.1em; font-weight:bold; padding-left:13px;}
.giftSummary ul, 
.giftSummary p {margin:0; padding:0 0 1em 0;}
#giftCardList img.submitBtn {float:right;}

/* 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;
}
#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;}

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

/* Exclusive promotions */

#content ul#actions {background:transparent url(/images/graphics/dotted-rule.gif) repeat-x 0 100%; clear:both; margin:1em 0; padding-bottom:1em; overflow:hidden;}
#content ul#actions li {background:none; float:left; overflow:hidden; padding-left:0 !important;}
#content ul#actions li.floatRight {float:right}
#content ul#actions li.floatRight p {margin-right:7px;}
#content ul#actions p {margin-bottom:0;}
form#filterPromotions {zbackground:transparent url(/images/graphics/dotted-rule.gif) repeat-x 0 0; clear:both; margin-top:1em; }
#exclusivePromos {margin-top:2em;}
#content #exclusivePromos .first, #content #promoList .first {background:none; padding-top:0; margin-top:0;}
#content h3.promotions  {font-size:150%; margin:1em 0 0 0;}
#content #exclusivePromos {background:transparent url(/images/backgrounds/exclusive-promos-bg.jpg) repeat-y 0 0; margin-top:0; padding:10px;}
#content #exclusivePromos img.banner {float:left; z-index:9000; position:relative;}
#content #exclusivePromos img.floatLeft {z-index:1; margin:1px 0 0 -82px; position:relative;}
#content #promoList {background:transparent url(/images/graphics/dotted-rule.gif) repeat-x 0 0; margin-top:-1px;}
#content #promoList h3 {margin-top:0; padding-top:1em;}
#content #promoList .promoSection {padding-top:1em;}


/* 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;
	padding: 11px 10px 10px 10px;
	width: 454px;
	overflow:hidden;
}

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

#contentRight {margin: 0 0 0 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;
}

/* 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 .sectionContaining {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,.contentTableEvents {border:0; margin-top:0; width: 100%;} /* overwriting margin-top from rule above */
.contentTable caption, .contentTableEvents caption  {display:none;}
.contentTable td, .contentTableEvents td {padding:3px 0; border-bottom:1px solid #ccc;}
.contentTable th, .contentTableEvents th {text-align:left;}
.contentTable tr.alt, .contentTableEvents tr.alt {background-color:#eee;}
.contentTableEvents {background:none;}

/* 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 */
#introContent {background:transparent url('/images/backgrounds/christmas-intro-bg.jpg') 0 0 repeat-x; color:#9c9c9c; padding:10px 10px 0 10px;}

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

ul#sectionPromos, div#sectionPromos ul, ul#sectionPromosChristmas { padding: 7px 0 0 0;}

ul#hotelChooser { padding: 0;}

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

ul#sectionPromos p, div#sectionPromos ul p, ul#sectionPromosChristmas p {margin: 0;}

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

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

ul#hotelChooser li {
	width: 233px;
	margin: 0 8px 12px 0;
}

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

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

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

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

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

#sectionPromos h3, #sideCol h2, .arrowHeadline, ul#sectionPromosChristmas h3 {
	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: black url('/images/graphics/cityTitle-bk.jpg') 0 0 no-repeat;
	display:block;
	height:51px;
	text-indent: -9000px;
}

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

/* Meetings and events */

#hotelListME ul li{background: url('/images/graphics/arrow-small.gif') 0 4px no-repeat; float:left; list-style-type:none; margin:0 0 5px 0; padding: 0 0 0 12px; width:135px;}
p.arrow, a.arrow{background:transparent url(/images/graphics/arrow.gif) no-repeat scroll 0 4px; padding-left:12px;}
p.pdf img{padding-left:5px;}
span.padRight{margin-left:15px;}
div.hbaaLogo{background:transparent url(/images/content/content-general/hbaa-logo.gif) no-repeat scroll 100% 100%;}
p.makeEnquiry{margin-top:20px;}
p.makeEnquiry select{width:150px;}

/* 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%;}

.welcomeArea {
	background:url('/images/graphics/homepage-bg.gif') 0 0 no-repeat;
	margin-top:-2px;
	padding: 0 7px;
	color:#9c9c9c;
}

.welcomeArea h2 {
	color: white;
	font-size:150%;
	font-weight:bold;
	padding:12px 0 6px 0;
	margin:0;
	text-transform:uppercase;
}

/* temp while there is no heading as in the concept */
.welcomeArea p {
	padding:12px 0 6px 0;
	margin:0;
	color:#9c9c9c;
}

/*************************
 Side Column
 *************************/
 
/* see previous rule in content section */
#sideCol h2 {margin-bottom: 8px;}
 
#sideItems {
	background: black;
	color: #9c9c9c;
	padding: 7px;
	margin-top: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.gif') 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; margin-bottom:7px; margin-top:7px;}
#sidePromotionTopIntranet {border-bottom:none;}

#sidePromotionBottom {/*background: url('/images/graphics/white-trans-bg.png');*/ background:#000; 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 */
}

#signUpButton{border:7px solid #000; height:53px; margin-top:7px; width:266px;}
#signUpButton a{background:#000 url('/images/buttons/sign-up-home-btn.jpg') 0 0; display:block; height:53px; width:266px;}

#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-bottom: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
******************************/

#divider {
	background:transparent url(/images/graphics/dotted-rule.gif) repeat-x scroll 0 100%;
	padding-bottom: 9px;
	margin-bottom: 0;
	overflow: show;
	height: 1em;
	position: relative;
}

#footer {
	/*background:transparent url(/images/graphics/dotted-rule.gif) repeat-x scroll 0 100%;*/
	background-color: #0e0e0e;
	clear:both; /*To clear footer past long form pages*/
	line-height: 1em;	
	margin:-99px auto 0 auto;
	overflow: auto; /* contain floats */
	padding: 9px 9px 0 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 li.external {
	background: url('/images/graphics/external-link.gif') no-repeat 100%;
	border-right: none;
	padding-right: 11px;
}

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

#footerLogos {
	background: #0e0e0e;
	color: #9c9c9c;	
	margin:  0 auto;
	overflow: hidden;
	padding: 0px 9px 0 9px;
	position: relative;
	text-transform: lowercase;
	width: 757px;
	height: 70px;
}

#footerLogos p {
	float: left;
	margin-top: 20px;
	padding: 0 18px 0 0;
}

#footerLogos p.last {
	float: left;
	margin-top: 20px;
	padding: 0 18px 0 0;
}

#footerLogos ul {
	float: left;
	padding: 0;
	list-style-type: none;
	height: 66px;
}

#footerLogos ul.last {
	float: right;
	left: auto;
	padding-right: 0;
}

#footerLogos li {
	float: left;
	padding-right: 10px;
}

#footerLogos li.last{
	padding-right: 0;
}

#footerLogos li.footerDesc{
	padding-top: 2em;
	}

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

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

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

#newsletterSignUpForm div,
#unSubscribe div {margin-top:10px;}

/* 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;
}
div.checkbox input {float:left;	margin:0 .3em 0 0;}
div.checkbox label {display: block;	float: left; width: 330px;}

div.checkbox-dotted {
	background: url('/images/graphics/dotted-rule.gif') repeat-x 0 100%;
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
	overflow: auto;
	width: 454px;
}
div.checkbox-dotted input {float:left;	margin:0 .3em 0 0;}
div.checkbox-dotted label {display: block;	float: left; width: 330px;}

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

.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;}
.bookFormMain .submit {padding-top:10px;}

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

#profileList .first {background:none;}
.profileCopy {margin-left: 165px;}
.profileSection {overflow:hidden;}

/* PPC page */
#headerContentPPC {
	background: transparent url(/images/graphics/content-header-bg.jpg) repeat-x scroll 0pt 157px;
	padding: 0 0 2px 0;
	overflow: hidden;
	width: 474px;
	}
#headerContentPPC h2 {float:left; margin:0;}
#headerContentPPC .ppcContent {background: transparent url(/images/graphics/ppc-bg.jpg) repeat-x scroll 0 0; color:#9C9C9C; float:right; width:126px;}
#headerContentPPC .ppcContent {padding: 6px 10px 0 15px;}
#headerContentPPC .ppcContent p {margin: 15px 0 0 0;}
#headerContentPPC .ppcImage {float:right; margin-bottom:7px;}
#headerContentPPC .ppcImage img {display:block;}
#headerContentPPC .ppcThumbs ul {margin:0;}
#headerContentPPC .ppcThumbs ul li {margin:0; padding:0 0 5px 0; display:block; overflow:hidden;}
#headerContentPPC .ppcThumbs ul img {vertical-align:bottom; margin:0; padding:0 0 0 2px;}
#headerContentPPC .ppcThumbs ul img.active {border: 2px solid #862748; padding:0;}

/* Competition Landing */

#competitionContent
{
	background: #ffffff url('/images/graphics/competition-seperator.jpg') 0 0 no-repeat;
	float: left;
	margin-left: 7px;
	overflow: hidden;
	width:301px
}

#competitionContent a {color: #862748;}

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

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

.competitionSection
{
	background: #ffffff url('/images/graphics/competition-seperator.jpg') repeat-x 0 0;
	padding: 14px 14px;
}

.competitionSection label
{
	display:block;
	float:left;
	padding-right: 5px;
	text-align: right;
	width: 85px;
}
.competitionSection ul .compForm{margin-bottom:0;}

.competitionSection ul.compForm li
{
	background: none !important;
	list-style-type: none;
	padding: 0 0 10px 0 !important;
}

.competitionSection table {width: 250px !important;}
.competitionSection td{vertical-align: top !important;}
.competitionSection input[type="checkbox"]{margin-top:0;}
.competitionSection input[type="text"] {width: 160px;}

.competitionAction{background: transparent url(/images/graphics/dotted-rule.gif) repeat-x scroll 0 0; padding-top: 14px; padding-left: 7px;}
.competitionButton {position: relative;float: right;}
.competitionLabels{
	text-align: right;
	width: 80px;
}

.competitionIntro{padding: 7px;}

.competitionIntro ol{padding-left: 20px;}
.competitionIntro ul{padding-left: 20px;}

#competitionImages {float: left;width: 166px;}
#competitionImages img {margin-bottom: 4px;}
#competitionButtonHolder {display:none;height: 17px; margin-bottom:10px;} /* hide button always */

.referedFriends {margin-left: 28px;font-style: italic;}
.referedFriends li {list-style: none;}


div #competitionContent form * {vertical-align:inherit;}

#competitionForm h4 {background:url(/images/graphics/dotted-rule.gif) repeat-x 0 0; font-size:100%; padding:15px 0 0 0; text-transform:none;}
#competitionForm table {margin-bottom:1em;}

/*------------------------------------------------------------------------------ Secret Life of Mal */


/* Move To Global Styles */
.left{float:left;}
.right{float:right;}
.childCol{width: 190px;}

.last{padding-bottom: 0 !important;}


/* MODIFY HEADER */
.secretBody #header{
    background: #1D1B1C url('/images/graphics/secrets_header-bg.gif') no-repeat scroll 0 100%;
}
.secretBody #breadCrumbs p{
    background: transparent url(/images/graphics/secrets_arrow.gif) no-repeat scroll 0 50%;
}

/* BODY IMAGES*/
body.secretBody { background: #000 !important;}
.secretBg{
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -5000;
}

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

#secretsContent{
    color: #767676;
}

#secretsContent h4{
    background: transparent url('/images/graphics/secrets-div_short.png') 0 100% no-repeat;
    color: #4e4e4e;
    font-size: 175%;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

#secretsContent h5, .secretBullet{
    background: transparent url('/images/graphics/secrets-h4_bullet.png') 0 50% no-repeat;
    color: #fff;
    font-size: 150%;
    padding-left: 10px;
    margin-bottom: 0;
}

#secretsContent blockquote{
    color: #800000;
    font-size: 200%;
    text-indent:-30px;
    margin: 0 0 10px 30px;
}

#secretsContent cite{
    font-size: 150%;
    font-style: normal;
    margin: 0 0 0 30px;
}

/*----------------------------------- Classes */

#secretsContent a{color: #fff;}
#secretsContent a:hover{color: #fff;}

#secretsContent .submit{
    margin-top: 1em;
}


#secretsContent #mainCol{
    width: 440px;
}

#secretsContent #mainBox{
    background: transparent url('/images/graphics/secrets-panel_background.png') 0 0 repeat;
    padding: 20px;
    width: 400px;
}

#secretsContent #topFader{
    background: transparent url('/images/graphics/secrets-fader_top.png') 0 0 repeat-x;
    height: 41px;
    width: 100%;
}
#secretsContent #bottomFader{
    background: transparent url('/images/graphics/secrets-fader_bottom.png') 0 0 repeat-x;
    clear: both;
    height: 41px;
    width: 100%;
}

/*----------------------------------- Misc */

#secretsContent ul{margin-top: 1em; padding-left: 20px;}
#secretsContent ul li{background: url('/images/graphics/secrets_arrow-small.gif') 0 4px no-repeat; list-style-type:none; padding: 0 0 0 12px;}

#secretsContent #secretLifeLogo{
    margin-bottom: 1em;
}

#secretsContent .headingImage{
    margin-bottom: 1em;
}

#secretsContent #subPages{
    margin-top: 1em;
}
#secretsContent .pager{
    background: transparent url('/images/graphics/secrets-pager_background.png') 0 0 no-repeat;
    height: 30px;
    margin: 4em 0 1em 0;
    text-align: center;
}

#secretsContent .pager a,
#secretsContent .pager strong {padding: 0 .5em}

#secretsContent .secret{
    background: transparent url('/images/graphics/secrets-div_long.png') 0 100% no-repeat;
    overflow: hidden;
    padding: 10px 0;
}

#secretsContent .withDivider{
    background: transparent url('/images/graphics/secrets-div_long.png') 0 0 no-repeat;
    padding-top: 20px;
    position: relative;
}

.secretBody #breadCrumbs{
    width: 474px;
}

.secretBody #userLinks{
    margin-right: 10px;
}

/*----------------------------------- Form */

#secretsContent .errors{color: #800000;}
#secretsContent .required{color: #800000;}
#secretsContent .error .textfield, #secretsContent .error textarea, #secretsContent .error #venueChoices, #secretsContent .error #infoChoices, #secretsContent .error #reasonChoices {border: 1px solid #800000 !important;}

#secretsContent .textfield{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #262626 url('/images/graphics/secrets-input_background.gif') 0 0 repeat;
    border: #767676 1px solid;
    color: #767676;
    font-size: 10pt;
    padding: 2px 2px 3px;
	position: relative;
    width: 276px;
}


#secretsContent .formRow{ margin-bottom: 1em; }
#secretsContent .submitRow{ height: 28px; overflow: hidden; margin-top: 20px;}
#secretsContent .submitRow input{ float:right; margin-top: 0; }
#secretsContent .submitRow a{ font-size: 11px; margin-top: 100%px; }

#secretsContent .formSection{
    margin-top: 30px;
}
#secretsContent #venueChoices, #secretsContent #infoChoices  {margin-right:10px}

#secretsContent label {font-size:125%;}
/*------------------------------------------------------------------------------ Sidebar */

#secretsContent #sideCol{
    width: 320px;
}

#secretsContent #sideItems{
    background: transparent;
    margin-top: 0px !important;
    padding: 0;
}
#secretsContent #sideItems .panel {
    background: transparent url('/images/graphics/secrets-panel_background.png') 0 0 repeat;
    padding: 20px;
}

#secretsContent #sideItems #secretsPanel{
    padding-top: 36px;
    margin-bottom: 15px;
    width: 280px;
}

#secretsContent #sideItems #promoPanel{padding: 20px 26px ; width: 268px;}

#secretsContent #sideCol .promoImage{
    border: 1px solid #333;
}
#secretsContent #sideCol .secretPromo{
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------ Checkbox */

.jquery-checkbox { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; }
.jquery-checkbox .mark { display: inline; }

.jquery-checkbox img { vertical-align: middle; width: 14px; height: 14px; }
.jquery-checkbox img{ background: transparent url('/images/graphics/secrets-input_checkbox-matrix.gif') no-repeat; }

.jquery-checkbox img{ background-position: 0px 0px; }
.jquery-checkbox-checked img{ background-position: 0px -14px; }