
*					{
					padding: 0px;
					margin: 0px;
					}

body					{
					background-color: #EDECED;
					font-family: verdana, arial, sans-serif;
					}

div.pageArea				{
					display: block;
					background-color: #fff;
					width: 770px;
					margin: 0px auto 0px auto;
					border-top: 3px solid #A01C29;
					}

div.headerArea				{
					display: block;
					background-color: #fff;
					margin: 0px 0px 0px 0px;
					}
img.hotelLogo				{
					display: inline;
					float: left;
					margin: 2px 0px -2px 24px;
					}
html>body img.hotelLogo			{
					margin-bottom: 0px;
					}
div.welcomeArea				{
					display: inline;
					float: right;
					text-align: right;
					margin: 20px 12px 8px 0px;
					width: 565px;
					font-family: Times New Roman, serif;
					font-weight: normal;
					font-size: 1.0em;
					text-transform: uppercase;
					color: #504E53;
					letter-spacing: 4px;
					}
.highlightTextColour			{
					color: #A01C29;
					font-family: parent;
					}

ul.navArea				{
					display: inline;
					float: right;
					text-align: right;
					margin: 32px 3px 0px 0px;
					padding: 0px;
					width: 570px;
					font-family: Times New Roman, serif;
					font-weight: none;
					font-size: 0.8em;
					text-transform: none;
					color: #504E53;
					letter-spacing: 0px;
					list-style-type: none;
					}
ul.navArea li				{
					display: inline;
					background-image: url("images/bg-topnavdivider.gif");
					background-repeat: no-repeat;
					background-position: left center;
					float: right;
					padding: 0px 11px 0px 11px;
					}
ul.navArea li.lastLink			{
					background-image: none;
					padding-left: 0px;
					}

ul.navArea li a				{
					color: #504E53;
					text-decoration: none;
					}
ul.navArea li a:hover			{
					text-decoration: none;
					color: #A01C29;
					}

ul.navArea li a.selected		{
					color: #A01C29;
					}

div.leftColumn				{
					display: inline;
					background-color: #fff;
					float: left;
					width: 190px;
					border-right: 6px solid #C2C2C5;
					font-size: 0.8em;
					color: #504E53;
					}
div.homeQuickResPanel			{
					display: block;
					background-color: #D7D8DA;
					background-image: url("images/logo-crimson-bottom.gif");
					background-repeat: no-repeat;
					background-position: 58px top;
					height: 320px;
					color: #504E53;
					padding: 20px 0px 0px 0px;
					margin: 0px 0px 32px 0px;
					overflow: hidden;
					}

div.quickResPanel			{
					display: block;
					background-image: url("images/logo-crimson-bottom.gif");
					background-repeat: no-repeat;
					background-position: 58px top;
					background-color: #D7D8DA;
					color: #504E53;
					padding: 17px 0px 0px 0px;
					margin: 0px 0px 32px 0px;
					}



div.quickResForm			{
					background-color: transparent;
					padding: 0px 0px 0px 8px;
					}
html>/**/body div.quickResForm		{
					padding: 0px 0px 10px 8px;
					}
div.quickResPanel div.quickResForm	{
					background-color: transparent;
					padding: 0px 0px 0px 8px;
					}

div.quickResForm h1			{
					font-size: 1em;
					font-weight: normal;
					color: #504E53;
					margin: 0px 0px 0.5em 0px;
					letter-spacing: 2px;
					}
div.quickResPanel div.quickResForm h1			{
					margin-bottom: 0.2em;
					}

div.quickResForm table			{
					width: 160px;
					margin: 0px 0px 33px 0px;
					}
html>/**/body div.quickResForm table	{
					margin: 0px 0px 25px 0px;
					}


td.quickResTable			{
					display: table-cell;
					padding: 0px 8px 8px 0px;
					font-size: 0.7em;
					}
div.quickResPanel td.quickResTable	{
/* 					font-size: 0.7em; */
					padding-bottom: 3px;
					}


td.quickResTableColspan			{
					padding-bottom: 0px;
					}
div.quickResPanel td.quickResTableColspan
					{
					padding-bottom: 0px;
					}
div.quickResForm .qrSelect select	{
					width: 140px;
					}

div.quickResForm a.qrBookButton		{
					display: inline;
					background-repeat: no-repeat;
					background-image: url("images/bg-qrbookbutton.gif");
					background-color: #026B5A;
					color: #fff;
					float: right;
					width: 55px;
					height: 16px;
					margin: 0px 0px 0px 0px;
					text-align: center;
					text-decoration: none;
					font-weight: bold;
					font-size: 1.3em;
					}
html>body div.quickResForm a.qrBookButton	{
					height: auto;
					min-height: 16px;
					}

div.quickResPanel div.quickResForm a.qrBookButton	{
					font-size: 1.3em;
					}

.buttonLink				{
					display: block;
					width: 160px;
					background-color: #ABACAF;
					color: #fff;
					margin: 0px 0px 12px 0px;
					padding: 3px 0px 3px 10px;
					text-decoration: none;
					font-family: Times New Roman, serif;
					font-weight: normal;
					font-size: 1.2em;
					letter-spacing: 1px;
					}
.buttonLink:hover			{
					text-decoration: none;
					color: #D7D8DA;
					}

.redTextColour				{
					color: #A01C29;
					font-family: parent;
					}

div.leftColumn h2			{
					display: inline;
					float: left;
					background-color: #ABACAF;
					color: #A01C29;
					text-transform: uppercase;
					font-family: Times New Roman, serif;
					font-size: 1em;
					font-weight: normal;
					width: 160px;
					padding: 3px 0px 3px 10px;
					margin: 30px 0px 5px 0px;
					}

.logoHotels				{
					display: inline;
					float: left;
					}
.logoCpg				{
					margin-right: 4px;
					}
.logoChh				{
					margin-left: 13px;
					margin-right: 13px;
					}




div.rightColumn				{
					display: inline;
					background-color: #fff;
					float: left;
					width: 574px;
					border-left: 6px solid #C2C2C5;
					margin: 0px 0px 0px -6px;
					}

div.largeTopImageArea			{
					display: block;
					background-color: #D7D8DA;
					height: 340px;
					}
div.smallTopImageArea			{
					display: block;
					background-color: #D7D8DA;
					height: 165px;
					}
div.largeLeftImage			{
					display: inline;
					float: left;
					width: 399px;
					height: 340px;
					}
div.smallTopRightImage			{
					display: inline;
					float: right;
					margin: 0px 0px 10px 0px;
					}
div.smallBottomRightImage		{
					display: inline;
					float: right;
					}

div.contentLeftImage			{
					display: inline;
					float: left;
					width: 399px;
					height: 165px;
					}
div.contentRightImage			{
					display: inline;
					float: right;
					}


div.textArea				{
					display: block;
					background-color: transparent;
					padding: 30px 23px 0px 23px;
					font-size: 0.8em;
					color: #504E53;
					line-height: 1.7em;
					}

div.hotelBoxArea			{
					display: inline;
					float: left;
					width: 528px;
					margin: 0px 0px 2em 0px;
					}
div.hotelBoxImage			{
					display: inline;
					float: right;
					width: 120px;
					text-align: center;
					margin: 0px 0px 0px 20px;
					}
div.hotelBoxText			{
					display: inline;
					float: left;
					width: 388px;
					}
div.hotelBoxText p			{
					margin: 0px;
					padding: 0px;
					line-height: 1.5em;
					}

td.contactFormTitle			{
					display: table-cell;
					font-size: 0.85em;
					font-weight: bold;
					line-height: 1em;
					padding: 0px 4px 4px 0px;
					}
td.contactFormField			{
					display: table-cell;
					line-height: 1em;
					padding: 0px 4px 15px 0px;
					}
input.fieldTitle			{
					width: 50px;
					}
input.fieldFirstName			{
					width: 78px;
					}
input.fieldSurname			{
					width: 182px;
					}
input.fieldText				{
					width: 329px;
					}
.fieldTextArea				{
					width: 329px;
					height: 92px;
					font-family: verdana, arial, sans-serif;
					font-size: 1.0em;
					}



div.footerArea				{
					display: block;
					background-color: #fff;
					width: 770px;
					margin: 0px auto 0px auto;
					border-bottom: 2px solid #C2C2C5;
					}
div.footerArea .leftColumn		{
					font-size: 0.6em;
					font-weight: normal;
					width: 178px;
					padding: 0px 0px 0px 12px;
					line-height: 1.55em;
					text-align: left;
					}
div.footerArea .leftColumn a		{
					color: #504E53;
					}

img.hbaaLogo				{
					float: right;
					margin: 2.4em 25px 0px 0px;
					}



div.disclaimerArea			{
					display: block;
					background-color: #fff;
					font-family: Times New Roman, serif;
					color: #504E53;
					width: 746px;
					margin: 0px auto 30px auto;
					padding: 3px 12px 0px 12px;
					text-align: left;
					font-size: 0.7em;
					border-bottom: 3px solid #A01C29;
					}
div.disclaimerArea ul			{
					list-style-type: none;
					margin: 0px;
					padding: 0px;
					}
div.disclaimerArea li			{
					float: left;
					margin: 0px 25px 0px 0px;
					}
div.disclaimerArea li a			{
					color: #02643F;
					}



div.companyInfoArea			{
					display: inline;
					float: right;
					width: 400px;
					text-align: right;
					padding: 8px 0px 8px 0px;
					font-size: 0.9em;
					}


div.disclaimerText			{
					display: inline;
					float: left;
					padding: 8px 0px 8px 0px;
					}






a					{
					text-decoration: none;
					color: #A01C29;
					}
a:hover					{
					text-decoration: underline;
					}



p					{
					padding: 0px 0px 1.4em 0px;
					}

h1					{
					display: block;
					text-transform: uppercase;
					font-size: 1.4em;
					font-weight: normal;
					font-family: Times, Times New Roman, serif;
					letter-spacing: 3px;
					margin: 0px 0px 1.1em 0px;
					color: #A01C29;
					}
.headingGrey				{
					color: #504E53;
					}
.headingGreen				{
					color: #02643F;
					}

h2					{
					display: block;
					text-transform: none;
					font-size: 1.0em;
					font-weight: bold;
					margin: 0px 0px 0em 0px;
					}
h3					{
					display: block;
					text-transform: none;
					font-size: 1.0em;
					font-weight: bold;
					margin: 0px 0px 0em 0px;
					}
h4					{
					display: block;
					text-transform: none;
					font-size: 1.0em;
					font-weight: bold;
					margin: 0px 0px 0em 0px;
					}
h5					{
					display: block;
					text-transform: none;
					font-size: 1.0em;
					font-weight: bold;
					margin: 0px 0px 0em 0px;
					}

ul					{
					margin: 0px 0px 0px 38px;
					padding: 0px 0px 1.4em 0px;
					}
ol					{
					margin: 0px 0px 0px 40px;
					padding: 0px 0px 1.4em 0px;
					}


div.clear				{
					display: block;
					clear: both;
					font-size: 0px;
					height: 0px;
					}

div.leftLine				{
					border-right: 6px solid #C2C2C5;
					width: 190px;
					}

img.imageLeft				{
					display: block;
					float: left;
					margin: 0px 15px 1.3em 0px;
					border: 1px solid #E0E0E0;
					}
img.imageRight				{
					display: block;
					float: right;
					margin: 0px 0px 1.3em 15px;
					border: 1px solid #E0E0E0;
					}
img.imageCenter				{
					display: block;
					margin: 0px auto 1.3em auto;
					border: 1px solid #E0E0E0;
					}
input, textarea				{
					border: 1px solid #5F5F5F;
					padding: 2px;
					font-size: 1em;
					}
select					{
					border: 1px solid #5F5F5F;
					font-size: 1em;
					}
input.checkbox				{
					border: none;
					}
input.send				{
					font-weight: bold;
					font-size: 1.2em;
					text-transform: uppercase;
					padding: 2px 10px;
					color: #00704B;
					}
.bold					{
					font-weight: bold;
					}
.left					{
					text-align: left;
					}
.center					{
					text-align: center;
					}
.right					{
					text-align: right;
					}
.bottom					{
					vertical-align: bottom;
					}


