/* 
Layout 
*******************/
div#columnWrapper {
	width:747px;
	float:left;
}	 
	ul#subNav {
		float:left;
		width:144px;
	}
 	div#content {
		float:left;
		width:398px;
		margin-left:17px;
		margin-right:17px;
	}
		div#content.wide{
			width: 586px;
			margin-right: 0;
		}
	div#content.noSubNav {
		width:542px;
	}
	* html body div.noSubNav {
	   width:540px ! important;
	   margin-left:8px ! important;
	   margin-right:8px ! important;
	}
	div#rightColumn {
		float:left;
		overflow:visible;
		width:171px;
	} 

/* 
Sub Nav styles 
******************/
ul#subNav {
	list-style-type:none;
	margin:0;
	padding:0;
}
  ul#subNav li {
		width:144px;
		margin:0;
		padding:0;
		margin-bottom:1px;
		vertical-align:middle;
		cursor:pointer;
		cursor:hand;
		display:list-item;
		xbackground:#C59CA7;
  }
  *html ul#subNav li {
		display:inline;
		d\isplay:list-item;
  }
		ul#subNav li a {
			display:block;
			padding:4px 20px 4px 7px;
			background:#C0C2D6 url(../images/sub_nav_arrow.gif) right no-repeat;
			color:#333;
			font-size:100%;
			font-weight:bold;
		}
		ul#subNav li a.open {
			background-color:#2E3476;
			color:#fff;
			background-image:none;
		}
		ul#subNav li ul {
			list-style-type:none;
		}
			ul#subNav li ul li {
				xmargin:0;
				border-bottom:1px solid #ccc;
			}
			ul#subNav li ul li.last {
				border-bottom:0;
			}
				ul#subNav li ul li a {
					background:#fff url(../images/bullet_grey.gif) left no-repeat;
					color:#999;
					padding-left:10px;
					position: relative;
				}
				ul#subNav li ul li.selected a {
					background:#fff url(../images/bullet_blue_circle.gif) left no-repeat;
					color:#2E3476;
				}

/* 
Breadcrumb styles
**********************/
div#content div#breadCrumb ul {
	list-style-type:none;
	padding-bottom:5px;
}
div#content div#breadCrumb.large ul {
	width:626px;
}
	div#content div#breadCrumb ul li {
		display:inline;
		background-image:none;
		padding-left:0;
	}
		div#content div#breadCrumb ul li a {
			color:#666;
			text-decoration:none;
		}
		div#content div#breadCrumb ul li a:hover {
			text-decoration:underline;
		}
			

/* 
Content Styles	- Links
************************/
div#content a {
	text-decoration:underline;	
	color:#333;
} 

/* 
Content Styles	- Blocks
************************/
div#content div {
	margin-bottom:8px;
	clear:both;
}
div#content div.underline {
	border-bottom:1px solid #e6e6e6;
}
div#content div#contentCards:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#content div#contentCards { display: inline-block; _height: 1%; }
div#content div.card{
	border: 1px solid #ccc;
	margin-top: -1px;
	padding: 10px;
	xposition: absolute;
	position:relative;
	z-index: 1;
}

div#content div.colourRow {
    background:#F4F4F6;
    padding:5px;
}

/* 
Content Styles	- Tables
*************************/
div#content table {
	font-size:100%;
}
div#content table th,
div#content table td {
	padding:5px;
	vertical-align:top;
}
div#content div.block table,
div#content table.border {
	border-collapse:collapse;
}
	div#content div.block td,
	div#content div.block th,
	div#content table.border th,
	div#content table.border td {
		border:1px solid #ccc;
	}
div#content table.compact th,
div#content table.compact td{
	padding:0px;
	border:0px;
}

/* 
Content Styles	- Paragraphs
****************************/
div#content p {
	margin-bottom:16px;
}	

div#content p.strong {
	font-weight:bold;
	color:#000;
}


/* 
Content Styles	- Floats
*************************/
div#content img.left {
	float:left;
	margin-right:5px;
}
div#content img.right {
	float:right;
	margin-left:5px;
}

/* 
Content Styles	- Lists
**************************/
div#content ul {
	list-style-position:outside;
	list-style-type:none;
}
div#content ol {
	list-style-position:inside;
	margin-bottom:8px;
}
	div#content ul li {
		padding-left:15px;
		background:url(../images/bullet.gif) no-repeat 0 5px;
	}
	div#content ul.noBullet li {
		background-image:none;
	}

/* 
Content Styles	- Horizontal Rule
*************************/
div#content hr {
	background-color:#e6e6e6;
	clear:both;
	border:0;
	height:1px;
	margin-bottom:7px;
}

/* 
Content Styles	- Forms
**************************/
div#content form {
}
	div#content form fieldset {
		border:0;
		padding:0;
	}
	div#content form input.wide {
		width:300px;
	}
	div#content form input.narrow {
		width:150px;
	}
	div#content form textarea {
		width:150px;
	}
	div#content form textarea.wide {
		width:300px;
	}
	div#content form select {
		width:150px;
	}
div#content form label {
display:block;
font-weight:bold;
}
form fieldset optgroup {
background-color:#EBEED9;
font-style:normal;
}
form fieldset optgroup option {
background-color:#FFFFFF;
}
div#content div.formErrors {
color:red;
font-weight:bold;
}
div#content div.formErrors a {
color:red;
font-weight:bold;
text-decoration:underline;
}
div#content div.formErrors {
	color:red;
	font-weight:bold;
}
div#content div.formErrors ul li {
	color:#f00;
}
div#content div.formErrors a {
	color:red;
	font-weight:bold;
	text-decoration:underline;
}

/* 
Content Styles	- Headings
****************************/
div#content h1,
div#content h2,
div#content h3 {
	margin-bottom:10px;
	color:#333;
	margin-top:0;
}
div#content h1 {
	margin-bottom:10px;
	font-weight:700;
	color:#2E3476;
	font-size:145%;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
}
div#content h2 {
	font-weight:600;
	font-size:110%;
	margin-top:10px;
}
div#content div#faqAnswers h2 {
	font-size:120%;
}
div#content h3 {
	font-size:110%;
	margin-top:10px;
}
div#content h2.londonRegion {
	display:block;
	padding:3px;
	background: #DFDDD4;
}
	div#content h2#lon_region_01 { background-color:#d6e8ed; }
	div#content h3#lon_region_02 { background-color:#d6eae0; }
	div#content h2#lon_region_03 { background-color:#d3d3e9; }
	div#content h2#lon_region_04 { background-color:#e5eedd; }

/* 
Content Styles	- Order Table
*******************************/
div#content table.orderTable {
		border-collapse:collapse;
		margin-bottom:15px;
		width:550px;
}
	div#content table.orderTable tr.heavy {
		font-weight:bold;
	}
	div#content table.orderTable td {
		border:1px solid #036;
		background-color:#d6e8ed;
		color:#036;
	}
	div#content table.orderTable td.noRightBorder {
		border-right:0;
	}
	div#content table.orderTable td.noLeftBorder {
		border-left:0;
	}
	div#content table.orderTable th {
		border:1px solid #036;
		background-color:#036;
		color:#fff;
	}

/* 
Content Styles	- FAQ list
**************************/
div#content ol.faq {
	margin-bottom:20px;
	margin-left:10px;
}

/* 
Content Styles	- List
*************************/
div#content ul.list {
	list-style-type:none;
	margin-bottom:10px;
}
	div#content ul.list li  {
		position:relative;
		height:1%;
		margin-top:10px;
		padding-bottom:10px;
		padding-left:65px;
		border-bottom:1px solid #e6e6e6;
		background-image:none;
	}
	div#content ul.list li img  {
		position:absolute;
		top:0;
		left:0;
	}
	div#content ul.list li p {
		margin-bottom:0;
	}
		div#content ul.list li h2 a {
			font-weight:bold;
			width:300px;
		}
		div#content ul.list li h3 {
			margin-bottom:0;
		}
		div#content ul.list li h3 a {
			font-weight:bold;
			width:300px;
		}

/* 
Content Styles	- Office page header
**************************/
div#content div#officeHeader {
	background-color:#f4f4f7;
	position:relative;
	height:248px;
}
	div#content div#officeHeader address {
		padding:5px;
		font-style:normal;
		font-size: 110%;
		width: 125px;
	}
	div#content div#officeHeader img {
		border:4px solid #fff;
		position:absolute;
		top:5px;
		left:135px;
	}
	div#content div#officeHeader div#swapImages {
		position:absolute;
		top:100px;
		left:5px;
	}
	div#content div#officeHeader div#swapImages p {
		float:left;
		display:inline;
	}
	div#content div#officeHeader div#swapImages ul {
		list-style-type:none;
		float:left;
		width: 125px;
	}
	div#content div#officeHeader div#swapImages ul li {
		background-image:none;
		float:left;
		padding: 4px;
	}
	div#content div#officeHeader div#swapImages ul li.last {
		border-right:0;
	}
		div#content div#officeHeader div#swapImages ul li img{
			border:1px solid #000;
			position:static;
		}
div#content div#officeImage {
	position:relative;
}
div#content div#officeImage h2 {
	background-color:#fff;
	color:#000;
	position:absolute;
	left:0;
	top:55px;
	padding:2px 20px 2px 5px;
	margin-bottom:10px;	 
	font-size:110%;
}
div#content div#officeHeaderLinks{
	position: absolute;
	top: 213px;
}
div#content div#officeHeaderLinks ul {
	list-style: none;
	margin-left:10px;
	overflow: hidden;
	zoom: 1;
}
div#content div#officeHeaderLinks ul li {
	background:#FFFFFF url(../images/pdf_download.gif) no-repeat 2px 50%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 1px 1px 1px 0;
	margin-right: 9px;
	float: left;
	width: 161px;
}
div#content div#officeHeaderLinks ul li.tour {
	background:#FFFFFF url(../images/360tour.gif) no-repeat 2px 50%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:0;
}
div#content div#officeHeaderLinks ul li a {
	background:transparent url(../images/arrow_right.gif) no-repeat right center;
	display:block;
	padding:4px 5px 5px 27px;
}

/* 
Content Styles	- Pages list
*******************************/
div#content div#pages ul li {
	padding:0 5px;
	border-right:1px solid #000;
	float:left;
	background-image:none;
}

/* 
Content Styles	- Search results list
*******************************/
div#content ul#searchResults h4.htmlIcon,
div#content ul#searchResults h4.htmlIcon a {
	padding:0;
	font-weight:bold;
	font-size:100%;
	padding-left:0px;
	margin-left:0px;
}
div#content ul#searchResults h4.htmlIcon a {
	list-style-position:outside;
}

/* 
Content Styles	- Order forms
****************************/
div#content div.buttons {
	overflow:hidden;
	zoom:1;
	float: right;
}
div#content form input.submit,
div#content form#contactForm input.submit,
div#content form#selectOffice input.submit,
div#content form input.orderButton {
	padding:4px 20px 5px 5px;
	font-size:100%;
	text-align:left;
	color:#fff;
	border:0;
	padding-left:none;
	margin-left:10px;
	cursor:hand;
	cursor:pointer; 
	background:#2E3476 url(../images/enquireArrow.gif) right no-repeat;
}
div#content div#reserveWrapper div.buttons {
	overflow:hidden;
	zoom:1;
	float: none;
}
div#content div#reserveWrapper div.buttons form{
	float: left;
	_width: 100px;
}
div#content div#reserveWrapper form input.submit,
div#content div#reserveWrapper form#contactForm input.submit,
div#content div#reserveWrapper form#selectOffice input.submit,
div#content div#reserveWrapper form input.orderButton {
	padding:4px 21px 5px 10px;
	*padding:4px 25px 5px 12px;
	*width: auto;
	*overflow: visible; 
	font-size:100%;
	text-align:left;
	color:#fff;
	border:0;
	padding-left:none;
	margin-left: 0;
	margin-right:10px;
	cursor:hand;
	cursor:pointer; 
	background:#2E3476 url(../images/enquireArrow.gif) right no-repeat;
}
div#content div#reserveWrapper form#callBack input.submit{
	margin-right: 0;
	margin-left: 1px;
}
*html div#content form input.orderButton {
	padding-right:0;
}
div#content form#selectOffice input.buy {
	background:#ABA28B url(../images/buyArrow.gif) right no-repeat;
}
div#content form#selectOffice input.enquire {
	
}

/* 
Content Styles	- Offices list
************************************************************************************************************************/
div#content ul#offices {
	clear:both;
	width:auto;
}
div#content ul#offices li {
	clear:both;
}
	div#content ul#offices .check {
		float:right;
		margin-right:10px;
	}
	/* only IE mac will see this */
	*>html div#content ul#offices .check {float:none;}

	div#content ul#offices li table {
		margin-bottom:10px;
		font-size:100%;
	}
	div#content ul#offices li h3{
		*margin-top: 0 !important;
	}

/* 
Content Styles	- Site map
************************************************************************************************************************/
div#content ul#siteMap {
	margin-bottom:10px;
	margin-left:0;
}
	div#content ul#siteMap li {
		padding-bottom:4px;
		font-weight:bold;
		background-image:none;
		padding-left:0;
		padding-right:4px;
		float:left;
	}
	div#content ul#siteMap li.noSprogs {
		clear:left;
		float:none;
		padding-right:0;
	}
	div#content ul#siteMap li h2 {
	  font-size:90%;
	  margin-bottom:0;
	  padding-left:6px;
	  padding-bottom:5px;
	  background:url(../images/siteMapH3.gif) no-repeat;
	}
	*html div#content ul#siteMap li h2 {
		padding-bottom:0;
	}
	div#content ul#siteMap li.noSprogs h2 {
		  padding-left:0;
		  background-image:none;
	}
		div#content ul#siteMap li h2 a {
		  display:inline-block;
		  white-space:nowrap;
		  border:1px solid #646685;
		  padding:1px 3px 1px 3px;
		  margin-bottom:5px;
		}
		div#content ul#siteMap li.noSprogs h2 a {

		}
		div#content ul#siteMap li ul {

		}
		div#content ul#siteMap li ul li {
			font-weight:normal;
			background:#fff url(../images/siteMapBullet.gif) top left no-repeat;
			padding-left:25px;
			vertical-align:bottom;
			float:none;
		}
		div#content ul#siteMap li ul li.bottom {
			background:url(../images/siteMapBulletBottom.gif) top left no-repeat;
		}
		*html div#content ul#siteMap li ul li {
			padding-left:5px;
		}
			div#content ul#siteMap li ul li a {
				font-size:80%;
				width:50px;
			}
	
/* 
Right Column Styles	- Packages List
************************************************************************************************************************/
div#packagesWrapper {
	background-color:#EDEBE6;
	padding:5px;
	margin-bottom:10px;
}
ul#packages {
	background-color:#fff;
	padding:2px;
	list-style-type:none;
}
	ul#packages li {
		margin-bottom:2px;
		padding:5px 2px 10px 2px;
		padding-left:28px;
		display:block;
		position:relative;
		cursor:pointer;
		cursor:hand;
	}
	ul#packages li.one {
		background:#DFC7CD url(../images/packagesBulletOneSmall.gif) top left no-repeat;
		margin-top:2px;
	}
	ul#packages li.two {
		background:#E4D4C0 url(../images/packagesBulletTwoSmall.gif) top left no-repeat;
	}
	ul#packages li.three {
		background:#DBD7CD url(../images/packagesBulletThreeSmall.gif) top left no-repeat;
	}
ul#packages li h3,
ul#packages li h3 a  {
	margin-bottom:5px;
}
	ul#packages li div {
		width:75px;
		margin:0;
		padding:2px;
	}
	ul#packages li div.boxWrapper {
		position:relative;
	}	  
		ul#packages li div#boxOne   { background:#F1E7E9; }
		ul#packages li div#boxTwo   { background:#F3ECE4; }
		ul#packages li div#boxThree { background:#EFEEE9; }
		ul#packages li div.arrow {
			width:32px;
			height:26px;
			position:absolute;
			top:10px;
			left:85px;
		}
		ul#packages li div#arrowOne {
			background:url(../images/arrowOne.gif) right no-repeat;
		}	
		ul#packages li div#arrowTwo {
			background:url(../images/arrowTwo.gif) right no-repeat;
		}
		ul#packages li div#arrowThree {
			background:url(../images/arrowThree.gif) right no-repeat;
		}
		ul#packages li div.box p {
			margin:0;
			padding:0;
		}
		ul#packages li div.box p.large {
			font-size:160%;
			font-weight:bold;
			line-height:0.8em;
		}

/* 
Right Column Styles	- Links
************************************************************************************************************************/
div#rightColumn a {
	text-decoration:none;
}
	div#rightColumn div.box {
		xtext-align:center;
	}

/* 
Right Column Styles	- Paragraphs
************************************************************************************************************************/
div#rightColumn p {
	padding:5px;
}
div#rightColumn p.green {
	background-color:#f3f7ef;
}

/* 
Right Column Styles	- Headings
************************************************************************************************************************/
div#rightColumn h3 {
	font-size:110%;
	font-weight:bolder;
	margin-bottom:5px;
}

/* 
Right Column Styles	- Steps list
************************************************************************************************************************/
div#rightColumn ol#steps {
	list-style-position:inside;
}
	div#rightColumn ol#steps li {
		background-color:#f3f7ef;
		padding:3px;
		margin-bottom:3px;
	}
	
/* 
Right Column Styles	- Buy box
************************************************************************************************************************/
div#rightColumn div#buyBox {
	width:169px;
	height:104px;
	background:url(../images/buyBoxBG.jpg) top center no-repeat;
	margin-top:10px;
	cursor:hand;
	cursor:pointer;
}
div#rightColumn div#buyBox a:hover {
	text-decoration:none;
}
	div#rightColumn div#buyBox p#message a {
		font-size:160%;
		color:#802e29;
	}
	div#rightColumn div#buyBox p#percent a {
		font-size:350%;
		color:#802e29;
		font-weight:bold;
	}
	/*  to put arrow in the right position in ie \*/
		*html div#arrowGreen { top:20px; }
	/* end  */


/* 
Right Column Styles	- Buy Online Info
************************************************************************************************************************/
div#rightColumn  div#buyOnlineWrapper {
	background-color:#ECECF2;
	border:2px solid #ececf2;
	padding:2px;
}
div#rightColumn  div#buyOnlineInfo {
	background-color:#EDEBE6;
	border:2px solid #fff;
	margin-bottom:3px;
}
	div#rightColumn  div#buyOnlineWrapper h2 {
		padding-left:5px;
		padding-top:2px;
		font-size:110%;
	}

/* 
Right Column Styles	- Addresses list
************************************************************************************************************************/
div#rightColumn ul#addresses {
	width:100%;
	background-color:#fff;
	padding-top:2px;
	list-style-type:none;
	list-style-position:outside;
}
	div#rightColumn  ul#addresses li {
		background-color:#DBD7CD;
		border:2px solid #fff;
		border-top:0;
		padding:5px;
	}
	div#rightColumn  ul#addresses li a {
		padding-right:15px;
		background:url(../images/addressesArrowSmall.gif) right no-repeat;
		color:#fff;
		text-decoration:none;
		font-size:100%;
		font-weight:bold;
		margin:0;
	}

/* added by pook for image swapping */

div#rightColumn div#officeImage img.officeImageHidden {
	display:none;
}

/* added by pook for google map */

div#content div#map{
	xborder: 6px solid #fff;
	height: 300px;
	width: 370px;
	margin-bottom: 0;
}
    div#content div#map div {
        margin-bottom:0;
    }

/* added by pook for div swapping */

.hide {  display:none !important;  }
.show {  display:block !important; }

.thide { display:none !important; }
.tshow { display:block !important; }

img.show{ display:inline !important; }

/* pook order form */

div#content input .padded{
	margin-left:10px !important;
}
div#content form div.orderQuestion{
	padding-left:20px;
}
div#content form div.orderQuestionOff{
	padding-left:20px;
}
div#content form div.orderQuestionOff input,
div#content form div.orderQuestionOff textarea{
	background-color:#cccccc;
}
div#content table.orderTable table td
{
	border:0px;
	vertical-align:bottom;
}
div#content table.orderTable label
{
	font-weight:bold;
}
div#content table.orderTable textarea.wide
{
	width:300px;
}
div#content form select.wide
{
	width:300px;
}
span.mandatory
{
	font-weight:900;
	font-size:130%;
} 

/* 
Virtual tour window
************************************************************************************************************************/
div#tourWrapper {
	margin:10px;
}
div#tourWrapper h1 {
	margin-bottom:10px;
	float:left;
	width:100%;
	text-align:left;
	font-weight:600;
	color:#666;
	font-size:120%;
	margin-top:0;
	padding:10px 0 0 0;	
	background:url(../images/dottedBorderHorizontal.gif) top repeat-x;
}
div#tourWrapper div#tour {
	clear:both;
	background-color:#ececf2;
	padding:10px;
	margin-bottom:10px;
}
div#tourWrapper div.roomLinks {
		color:#999;
		margin-top:10px;
	}
	div#tourWrapper a {
		color:#999;
		white-space:nowrap;
	}
	div#tourWrapper a.selected {
		font-weight:bold;
	}
div#tourFooter {
	padding-top:10px;
	margin:0 10px;
	background:url(../images/dottedBorderHorizontal.gif) top repeat-x;
}
div#tourFooter a {
	background:#fff url(../images/bullet_grey.gif) left no-repeat;
	color:#999;
	padding-left:10px;
	font-size:80%;
	clear:left;
	float:left;
}
div#tourFooter p#viewMore a {
	font-size:90%;
	font-weight:bold;
	text-decoration:underline;
}

/* 
Content Navigation
****************************/
div#content ul#contentNavigation{
	list-style: none;
	overflow: hidden;
	zoom: 1;
	position: relative;
	z-index: 2;
}
	div#content ul#contentNavigation li{
		float: left;
		height: 34px;
		width: 67px;
		padding: 0;
		background: #EAEAF1;
		margin-top: 10px;
		_margin-top: 12px;
		margin-right: 6px;
		border-bottom: 1px solid #ccc;
	}
	div#content ul#contentNavigation li.first{
		width: 82px;
	}
		div#content ul#contentNavigation li a{
			display: block;
			padding: 5px;
			text-decoration: none;
			line-height: 100%;
			height: 24px;
			cursor: pointer;
		}
	div#content ul#contentNavigation li.selected{
		background: #fff;
		height: 43px;
		margin-top: 0;
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
		width: 65px;
	}
	div#content ul#contentNavigation li.firstselected{
		background: #fff;
		height: 43px;
		margin-top: 0;
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
		width: 80px;
	}
		div#content ul#contentNavigation li.firstselected a,
		div#content ul#contentNavigation li.selected a{
			background: #fff url(../images/contentNavigationBG.gif) repeat-x;
			border: 1px solid #fff;
			padding: 5px 3px;
			height: 33px;
			font-weight: 400;
			color: #2E3476;
		}

div#rightColumn ul.venueDetails {
background-color:#F8F8FA;
border-color:#DAD4D9;
border-style:solid;
border-width:8px 1px 0pt;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px;
width:168px;
}
div#rightColumn ul.venueDetails li {
border-bottom:1px solid #DAD4D9;
color:#666666;
padding:4px 10px;
}
div#rightColumn ul.venueDetails li .large {
color:#333333;
font-size:125%;
}
div#rightColumn div#promo {
padding:5px;
width:158px;
}
div#rightColumn div#promo a {
text-decoration:underline;
}
div#rightColumn div#promo, div#rightColumn div.nearbyBox {
background:#F8F8FA none repeat scroll 0%;
border:1px solid #DAD4D9;
}
div#rightColumn div.nearbyBox h2 {
margin:5px;
}
div#rightColumn div.nearbyBox ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
div#rightColumn div.nearbyBox ul li {
border-top:1px solid #DAD4D9;
}
div#rightColumn div.nearbyBox ul li a {
display:block;
padding:5px;
text-decoration:underline;
}
div#rightColumn h2 {
font-size:120%;
font-weight:bolder;
margin-bottom:5px;
}
div#rightColumn div.rightBox {
margin-bottom:10px;
}
/*
London Offices
***********************/
div#content div#londonOffices {
	margin-bottom:10px;
	clear: none;
	background: #E2DDE1;
	xpadding: 6px;
}
	div#content div#londonOffices div.clear{
		margin: 0;
	}
	div#content div#londonOffices div.left{
		float: left;
		margin-right: 0;
		width: 142px;
	}
	div#content div#londonOffices ul#londonMapKey {
		float:left;
		width: 140px;
		border: 1px solid #DAD4D9;
		border-bottom: 0;
		margin-bottom: 20px;
	}
	*html div#content div#londonOffices ul#londonMapKey {
		margin-top:0;
	}
		div#content div#londonOffices ul#londonMapKey li {
			background: #fff url(../images/londonOffices_arrow.gif) no-repeat right 50%;
			border-bottom: 1px solid #DAD4D9;
			padding: 0;
		}
		div#content div#londonOffices ul#londonMapKey li.current {
			background: #EEEBED url(../images/londonOffices_arrow_current.gif) no-repeat right 50%;
		}
		div#content div#londonOffices ul#londonMapKey li.west {
			background-image:url(../images/londonMapWest.gif);
		}
		div#content div#londonOffices ul#londonMapKey li.mid {
			background-image:url(../images/londonMapMid.gif);
		}
		div#content div#londonOffices ul#londonMapKey li.city {
			background-image:url(../images/londonMapCity.gif);
		}
		div#content div#londonOffices ul#londonMapKey li.greater {
			background-image:url(../images/londonMapGreater.gif);
		}
			div#content div#londonOffices ul#londonMapKey li a {
				color: #2E3476;
				display: block;
				font-size: 110%;
				font-weight:bold;
				padding: 5px 5px 5px 10px;
				text-decoration: none;
				cursor: pointer;
				position: relative;
			}
			div#content div#londonOffices ul#londonMapKey li.current a {
				color: #40263E;
			}
			div#content div#londonOffices ul#londonMapKey li a:focus,
			div#content div#londonOffices ul#londonMapKey li a:hover {
				text-decoration: underline;
			}
/*
Tube Stations dropdown
***********************/
div#content div#tubeWrapper {
	width: 139px;
}
	div#content div#tubeWrapper p.ddLabel {
		margin-bottom: 5px;
		font-weight:bold;
	}
	div#content div#tubeWrapper div.listWrapper {
			position:relative;
			z-index:500;
			height:20px;
			margin:0 0 10px 0;
			width: auto;
		}
			div#content div#tubeWrapper div#stationClick  {
				padding:0;
				margin:0;
			}
				div#content div#tubeWrapper div#stationClick p  {
					padding:2px;
					border:1px solid #B2D0E1;
					background:#fff url(../images/homeDownArrow.gif) right no-repeat;
					display:block;
					text-decoration:none;
					position:absolute;
					cursor:default;
					margin:0;
					width:133px;
				}
				div#content div#tubeWrapper div#stationListing {
					position:absolute;
					background-color:#fff;
					overflow:scroll;
					height:200px;
					border:1px solid #ccc;
					z-index:700;
					width:133px;
				}
					div#content div#tubeWrapper div#stationListing h2,
					div#content div#tubeWrapper div#stationListing h3{
						background-color:#E8EDF2;
						font-weight:bold;
						padding:1px 5px;
						font-size:100%;
						margin-bottom:2px;
						margin-top:2px;
					}
					div#content div#tubeWrapper div#stationListing ul li {
						padding:1px 5px;
						background-image:none;
					}
						div#content div#tubeWrapper div#stationListing ul li a {
							text-decoration:none;
							display:block;
						}
div#content table.roomInfo {
    background-color:#F4F4F7;
    border-collapse:collapse;
    clear:both;
    margin-bottom:15px;
    margin-top:5px;
    width:100%;
}


/*
Order form
***********************/
div#content form#hascal label,
div#content form#hascal p.labelHint {
	width:200px;
	color:#40263E;
	float:left;
	clear:left;
	display:block;
	text-align:right;
	margin-right:20px;
	margin-bottom:10px;
}
div#content form#hascal p.labelHint {
	font-weight:normal;
}
div#content form#hascal label.small {
	width:50px;
	float:left;
	clear:none;
	display:block;
	margin-right:0;
	text-align:center;
}
div#content form#hascal div#venueCheckboxes {
  width:250px;
  padding:5px;
  padding-right:0;
  clear:none;
  background-color:#fff;
  border:1px solid #ccc;
  font-size:90%;
  height:100px;
  overflow:scroll;
  overflow-y:scroll;
  overflow-x:hidden;
}
	div#content form#hascal div#venueCheckboxes label {
	  width:180px;
	  text-align:left;
	}
	div#content form#hascal div#venueCheckboxes input.venueLoc {
			width:20px;
	}
	div#content form#hascal div#venueCheckboxes h3 {
		width:100%;
		background-color:#DFDDD4;
		color:#000;
		padding:2px;
		font-size:110%;
		margin-left:-5px;
	}
	div#content form#hascal div#venueCheckboxes h4 {
		font-size:100%;
		width:100%;
		font-weight:bold;
		background-color:#DFDDD4;
		padding:2px;
		margin-left:-5px;
		margin-bottom:5px;
		margin-top:5px;
	}
	div#content form#hascal div#venueCheckboxes br {
		clear:both;
	}

div#content form#hascal select,
div#content form#hascal input,
div#content form#hascal textarea {
		width:260px;
		margin-bottom:10px;
		float:left;
}
div#content form#hascal input.submit {
	margin-bottom:10px;
	width:150px;
	padding-right:20px;
	xbackground:#C0C2D6  url(../images/enquireArrow.gif) right no-repeat;
	background:#2E3476 url(../images/enquireArrow.gif) right no-repeat;
	border:0;
	cursor:hand;
	cursor:pointer;
	color:#fff;
	float:left;
	margin-left:220px;
}
div#content form#hascal div#venueCheckboxes input,
div#content form#hascal label {
		margin-bottom:2px;
}
div#content form#hascal select.medium {
		width:200px;
}
div#content form#hascal input.radio {
		width:10px;
}
div#content form#hascal img {
		float:left;
		margin-left:3px;
		overflow:auto;
		
}
div#content form#hascal select.narrow {
		float:left;
		width:100px;
}
div#content form#hascal input.narrow {
		width:100px;
}
div#content form#hascal .orderHighlight {
	font-weight:bold;
}
div#content input .padded {
	margin-left:10px !important;
}
div#content form div.orderQuestion {
	padding-left:20px;
}
div#content form div.orderQuestionOff {
	padding-left:20px;
}
/*
Callback - Inline
***********************/
div#rightColumn div#callback {
	background:#EFEEEA;
	width:150px;
	margin-bottom:10px;
	padding-bottom:5px;
}

div#rightColumn div#callback form label {
	padding:0 0 3px 5px;
}

div#rightColumn div#callback form h2 {
	color:#533C52;
	font-size:120%;
	margin:5px !important;
}

div#rightColumn div#callback form p {
	font-size:9px;
	color:#533C52;
	margin:5px !important;
	padding:0;
}

div#rightColumn div#callback form select,
div#rightColumn div#callback form input.focus,
div#rightColumn div#callback form input.text {
	margin-left:5px;
	margin-bottom:5px;
	margin-top:2px;
	width:136px;
	color:#000;
}

	div#rightColumn div#callback form input.focus {
		color:#000;
	}


div#rightColumn div#callback form input.submit {
	margin-left:5px;
	font-size:12px;
	border:1px solid #999999;
	color:#cccccc;
	background:#2E3476;
	width:44px;
	cursor:pointer;
}

div#rightColumn div#callback form textarea
{
	margin-left:5px;
	font-size:110%;
	color:#000;
	margin-bottom:10px;
	width:139px;
	overflow:hidden;
}
div#rightColumn div#callback form textarea.focus
{
	color:#000;
}

/*
Callback popup
***********************/
div#callback  {
	width:600px;
	padding:10px;
	text-align:left;
}
div#callback div#callbackLeft,
div#callback div#callbackRight {
	float:left;
	clear:none;
	text-align:left;
}
div#callback div#callbackLeft {
	background-color:#F3F6FA;
	padding:2%;
	width:46%;
}
div#callback div#callbackRight {
	padding:0 0 0 5%;
	width:45%;
}

div#callback div#callbackRight form input,
div#callback div#callbackRight form select,
div#callback div#callbackRight form label,
div#callback div#callbackRight form textarea {
	width:100%;
	padding:0;
	margin:0;

}
div#callback div#callbackRight form input,
div#callback div#callbackRight form select,
div#callback div#callbackRight form textarea {
	margin:0 0 .5em 0;

}

div#rightColumn div#furtherInfo ul,
div#rightColumn div ul.boxList {
	width:100%;
	background-color:#F6F6F3;
	padding-top:5px;
	padding-bottom:4px;
	list-style-type:none;
	list-style-position:outside;
}
	div#rightColumn div#furtherInfo ul li,
	div#rightColumn div ul.boxList li {
		background-color:#C0C2D6 ;
		border:1px solid #F6F6F3;
		border-left:5px solid #F6F6F3;
		border-right:5px solid #F6F6F3;
		border-top:0;
		padding:5px;
	}
		div#rightColumn div#furtherInfo ul li a,
		div#rightColumn div ul.boxList li a {
			padding-right:15px;
			display:block;
			background:url(../images/sub_nav_arrow.gif) right no-repeat;
			text-decoration:none;
			xfont-size:100%;
			font-weight:bold;
			margin:0;
			_height:1%;
}