/* some stuff that resets various elements to their liking, don't ask me about it because I didn't write it */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
body { }
ol, ul { list-style:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* global defaults */
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.img{
	width:100px; 
	height:100px;
	float:left;
}
.whitebg {
	background:#FFFFFF none repeat scroll 0 0;
}
.details{float:right;}
.althotel{height:100px;}
.althoteltext{width:135px;float:right; padding:2px 2px 2px 10px;}
#altHotelHead{color:#000; background-color:#e9e9e9;padding:0px 0 0px 15px; }
#altResults{background-color:#f0f0f0; padding:5px;}
.altHotelRow{background-color:#fff; padding:5px; height:110px;}
#viewall{float:right;}
#altspinner{padding:100px;top:100px;}
#altspinnerHoriz{padding:100px 0 100px 420px;top:100px;}
a {color:#aa1113;}
a:hover {color:#000;}
.hr { background:url(../images/layout/bg-feat.gif) repeat-x left bottom; height:3px; padding-top:10px; }
.clear {display:inline-block;}
.clear:after {
    display:block; 
    visibility:hidden; 
    clear:both; 
    height:0; 
    content: "."; 
}

/* Containers (main page elements) */
.container {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#prehead {
    line-height: 20px;
	height : 20px;
	background:url(../images/pre-header-1px-height.png) repeat-y center center ;
}

#prehead_content {
	width : 940px;
	margin-left : auto;
	margin-right : auto;
	position : relative;
	text-decoration:none;
    text-transform:uppercase;
}

#addthis {
	position : absolute;
	top : 2px;
	right : 0px;
}
#addthisBooking{
    	position : absolute;
	top : 20px;
	left : 670px;
}

#header { 
	text-align:center; 
	height:127px; 
	background:#B4181C url(../images/layout/bg-header.gif) repeat-x; 
}

#contact {
	font-weight: bold;
	color:#FFFFFF;
}

#contact h1 {	
	display: inline;
	margin-right:5px;
        color:#FFFFFF;
}
#logo { 
	display:block; 
	margin:0 auto; 
	width:1024px; 
	height:86px; 
	background:#B4181C url(../images/layout/logo.png) no-repeat center center;
}

#logo a { display:block; height:86px; text-decoration:none; width:1024px; }	
#logo span { display:none; }
#nav { position:relative; padding:0 75px; width:840px; height:41px; background:url(../images/layout/bg-nav.gif) repeat-x; }
#nav ul { margin:0px 30px; } /*REMOVE WHEN REINTRODUCING MEETING ROOMS*/
#nav-left, #nav-right { position:absolute; left:0px; top:0px; overflow:hidden; width:75px; height:41px; background:url(../images/layout/nav-sides.png) no-repeat 0px 0px; }
#nav-right { left:915px; background-position:-75px 0px; }
#nav li { float:left; display:block; height:41px; }
#nav a, #nav span { padding:0 28px !important; padding:0 20px; display:block !important; display:inline; line-height:41px; margin-top:1px; height:40px; font-weight:bold; color:#fff; font-size:14px; text-decoration:none; }
#nav li:hover { background-image:url(../images/layout/nav-on.gif); }
#nav li.on, #nav span.on:hover { background-image:url(../images/layout/nav-on.gif); }
#nav li.on a, #nav li:hover a { color:#000000; }
#nav li.on span { font-weight:bold;  font-size:14px; text-decoration:none; color:#000000; }
#nav li.on a:hover { background-color:#fff; }

#wrapper { margin-left:auto; margin-right:auto; position:relative; width: 960px; }

.txtrgt { text-align:right; }

#accordion_top { top : 0px;}

#accordion_bottom { top : 295px;}

.accordions { position : absolute; left : 640px; width : 300px; height : 275px; background : url("images/background_lightgreyhatching.gif"); margin-top:20px; }

.accordions h3 { padding:8px 0 8px 10px; color:#333333; font-size:13px; font-weight:bold; }

.accordion_case {
	width : 280px;
	height : 229px;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 10px;
	background-color : white;
}

.accordion ul {
	padding-top : 2px;
	padding-left : 10px;
}

.accordion li {
	padding-bottom : 1px;
}

/* -------------------------------------------------------------------------------- */

h3.ui-accordion-header, h4.ui-accordion-header  { cursor:pointer ; font-size:13px; margin:0 0 2px 0 ; padding:0 0 0 10px ; line-height:30px ; color:#fff ; background:#333 url(images/accordion_arrowdownright.gif) no-repeat right top ; }
h3.selected, h3.selected:hover, h4.selected, h4.selected:hover { background-color:#AB1014 ; background-position:right top ; }

.ui-accordion-header:hover {
	background-color : black ;
}

h3.ui-state-active, h4.ui-state-active {
	background : #ab1014 url("images/accordion_arrowdownright.gif") no-repeat right bottom ;
	cursor : default ;
}
h3.ui-state-active:hover, h4.ui-state-active:hover {
	background-color : #ab1014 !;
}

div.hrOnePxDotted { background: url('images/layout/onePxDotted.gif') repeat-x left; clear:both; height:1px; line-height:1px; overflow:none; margin:0px; padding:0px; }

.index_left {
	margin-right : 5px;
}

.index_left, .index_left A {
		
}

.index_left H3 {
	font-size : 12px;
	color : #000000;
	margin-bottom: 0px;
}

.index_left UL {
	padding : 0px;
	margin : 0px;
	list-style : none;
}

.index_left LI {
	list-style-position : outside;
	border-bottom : 1px dotted #E5E5E5;
}

.index_blurb {
	padding-bottom : 10px;
	border-bottom : 1px dotted #E5E5E5;
	color : gray;
}

.index_blurb H2 {
	font-size : 18px;
	margin-bottom : 0px;
	color : #000000;
}

.index_blurb IMG {
	float : left;
	padding-right : 5px;
	padding-bottom : 5px;
}

.index_box {
	border-bottom : 1px dotted #E5E5E5;
	padding-bottom : 5px;
	color:#717171;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.index_box H3 {
	color : #000000;
	margin-bottom : 0px;
	font-size : 14px;
	text-decoration : none;
}

.index_box A {
	
	text-decoration : underline;
}

.index_box IMG {
	padding-right: 5px;
}

.index_video {
	margin-left : 5px;
	margin-top : 5px;
	/*padding : 5px;*/
	background-color : #white;
	width : 230px;
	color : black;
}

.index_video DIV.hedder {
	padding : 5px;
}

.index_video DIV.hedder A {
	font-weight : bold;
	color : black;
}

.index_video DIV.bandwidth {
	padding : 3px;
}


.index_hip {
	margin-left : 5px;
	margin-top : 5px;
	background-color : #white;
	width : 230px;
}

.index_hip DIV {
	padding : 5px;
}

.index_hip, .index_hip A, index_hip A:hover {

	text-decoration : none;
}

.index_hip UL {
	margin : 0px;
	padding-left : 20px;
}

.index_hip LI {
	list-style-image: url("images/list_white.gif");
	font-size : 11px;
}

.index_trust {
	margin-left : 5px;
	margin-top : 5px;
	width : 230px;
}

.index_find {
	background-color : #white;
	width : 230px;
	margin-left:5px;
}

.index_find, .index_find TD {
	color : black;
}

.index_find input.textboxdefault {
	font-style : italic;
}

.index_find input.textbox {
	font-style : normal;
}

.index_find A {
	text-decoration : none;
	color : black;
}

.index_find A:hover {
	text-decoration : none;
	color : black;
}
/* tables of class invisible are for positioning stuff, so much for css positioning huh? */
TABLE.invisible {
	border-spacing : 0px;
	width:750px;
	margin-left:auto;
margin-right:auto;
position:relative;
}

TABLE.invisible > TD {
	padding : 0px;
}

/*MORE LAYOUT STUFF*/
div.infoBox { background-color:#f0f0f0; border-bottom:1px solid #ccc; border-top:5px solid #333; margin-bottom:24px; width:300px; }
div.infoBox h2, div.infoBox h3 { background:url('/images/layout/infoBoxHeadBg.png') repeat-x top left; height:30px; line-height:30px; padding-left:13px; text-transform:uppercase; }
div.infoBox div { background-color:#fff; border-color:#e7e7e7; border-style:solid; border-width:1px 1px 0px 1px; margin:11px; padding: 16px 12px; } 
div.infoBox ul { background-color:#fff; border-color:#e7e7e7; border-style:solid; border-width:1px 1px 0px 1px; margin:11px; padding:0; }
div.infoBox ul li { border-bottom:1px solid #e7e7e7; height:40px; line-height:40px; margin:0; padding:0; padding-left: 12px; }
div.infoBox p { margin-bottom:8px; }
div.infoBox span.largeText { font-size:14px; }
div.infoBox label { font-weight:bold; }
div.infoBox input[type=text] { width:240px; }
div.infoBox input[type=image] { float:right; margin-top:8px; }

div.staticBox { color:#333333; padding:10px; }
div.staticBoxEmphasised { border-top:5px solid #333; }
div.staticBoxSeparated { border-bottom:1px dashed #343434; }

div.staticBox h2, div.staticBox h3, div.staticPage h2, div.staticPage h3, { font-size:16px; margin-bottom:17px; text-transform:uppercase; }
div.staticPage h2, div.staticPage h3 { margin-top:17px; }
div.staticPage p { margin:10px 0px; }
h1.static,h2.static, h3.static { font-size:16px; margin:17px 0px 0px 10px; } /*eg London guide*/

div.staticBox form label { display:block; font-weight:bold; margin:3px 0px; }
div.staticBox form input { margin-right:10px; }
div.staticBox .keyTitle, div.staticPage .keyTitle { color:#ab1014; font-size:16px; text-transform:capitalize; }
h1.staticTitle, h2.staticTitle, h3.staticTitle { color:#333333; font-size:25px; font-weight:bold; margin:20px 0px; }
h1.staticTitleMid,h2.staticTitleMid, h3.staticTitleMid  { color:#333333; font-size:20px; font-weight:bold; margin:15px 0px; }
p.staticSubTitle { font-size: 18px; font-weight: bold; }
div.imgBlurbLayout img { margin-right:10px; }

div.staticBox h3 { display:block; font-size:1.3em; font-weight:bold; margin: 0 0 1em 0; text-transform:uppercase; }

div#locationList { padding-left:130px; }
div#locationList h3 { margin-left:-120px; }
div.staticBox img.locationImage { border:3px solid #000; float:left; margin-left:-120px; }

.locationImage { float: left; margin-right: 8px; }

/*END MORE LAYOUT STUFF*/

/* Enquiry page */

.enquiry h3.heading,
.enquiry p.heading {
	color: #333;
	text-transform: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin: 0;
}

.enquiry p.heading {
	margin-bottom: 20px;
}

.enquiry .opt-list {
	margin: 0;
	padding: 0;
}

.enquiry .opt-list li {
	margin: 0 0 20px 0;
	padding: 20px 10px 0 90px;
	width: 541px;
	height: 93px;
}

.enquiry .opt-list li h4 {
	font-size: 18px;
	font-weight: bold;
}

.enquiry .opt-list li em {
	color: #9f1a1f;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}

.enquiry .opt-list li.option-1	{
	background-image:url(/images/layout/option_1_bg.gif);
}

.enquiry .opt-list li.option-2	{
	background-image:url(/images/layout/option_2_bg.gif);
}

.enquiry .opt-list li.option-3	{
	position: relative;
	background: transparent url(/images/layout/option_3_bg_rpt.gif) repeat-y scroll left 5px;
	height: auto;
}

.enquiry .opt-list li.option-3 div.option-3-num {
	position: absolute;
	left: 14px;
	top: 16px;
	width: 63px;
	height: 83px;
	background: transparent url(/images/layout/option_3_bg_num.gif) no-repeat scroll left top;
}

.enquiry .opt-list li.option-3 div.option-3-top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 641px;
	height: 5px;
	background: transparent url(/images/layout/option_3_bg_base.gif) no-repeat scroll left top;
}

.enquiry .opt-list li.option-3 div.option-3-base {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 641px;
	height: 5px;
	background: transparent url(/images/layout/option_3_bg_base.gif) no-repeat scroll left top;
}

.enquiry .opt-list li form div {
	float: left;
	margin: 0 0px 0 0;
}

.enquiry .opt-list li form div label {
	font-weight: bold;
}

.enquiry .opt-list li ul {
	margin-left: -80px;
	padding-bottom: 10px;
}

.enquiry .opt-list li ul li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.enquiry .result {
	width: 621px;
	margin-top: 12px;
}

.enquiry .result .top,
.enquiry .result .mid,
.enquiry .result .bot {
	background-image: url(/images/search/result-alt.png);
}

.enquiry .result .fac-list ul {
	margin: 0;
	width: 380px;
}

.enquiry .result .fac-list li {
	margin: 0;
	width: 120px;
	height: 18px;
}

.enquiry .result .rate {left: 527px;}

#group-box p {margin: 10px 0;}

form.customer-form {
	width: 512px;
	background: transparent url(/images/layout/gb_form_bg.gif) no-repeat scroll left top;
	padding: 10px 0 10px 30px;
}

form.customer-form div {clear: both;margin: 10px 0;}

form.customer-form div label {
	width: 250px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-right: 20px;
}

form.customer-form div label span {
	font-weight: normal;
	font-size: 10px;
}

form.customer-form div input,
form.customer-form div textarea {width: 200px;}

form.customer-form #group-form-submit {
	float: right;
	margin-right: 20px;
}

form.customer-form p {width: 370px;}

div.column {
	float: left;
	width: 300px;
	margin-right: 20px;
}

div.column h2 {margin: 10px 0;}

#spinner{
	height:100px;
	padding:55px 0px 0px 220px;	
}

#searchSpinner{
	height:500px;
	padding:200px 0px 0px 20px;
	text-align:center;	
}

.lrreview {background:url('images/lr-review.png') no-repeat -1px 0px; display:inline; padding-left:210px;}

#thankyou{
    margin:100px 0px 150px 350px;
    height:200px;
    width:700px;
    text-align: center;
}
#fancybox-title-main{visibility:hidden;}

.headTextFix{font-size:12px;}

.ui-autocomplete {max-height:225px; overflow-y:scroll;}


.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-widget{
    margin-bottom: 10px;
}
#reviewThanks, #reviewDuplicate{
    padding: 50px 0 50px 200px;
    width: 800px;
}

#liveChat {

    display:block;
    height:143px;
    width:40px;
    background:url('images/live-chat-left2.png') no-repeat top left;
    position:fixed;
    left:0px;
    top:35%;
    z-index:1000;

}
#liveChat:hover {

    background-position: bottom left;
    cursor:pointer;

}