/* Reset all elements */
*{ margin: 0px;	padding: 0px;	}

/* Body - General */
body{
 font-size: 1.0em;
 font-family:"Trebuchet MS", tahoma, verdana, arial, sans-serif;
	color: #333333;
	background: url(/@/BgTile.gif) repeat-x;
}

/* Links */
a{ color: #000099; background: inherit; text-decoration: none; outline: none; }
a:hover{ color:#0000ce; background:inherit; text-decoration: underline; }
a:active{ color: #009900; text-decoration: underline; }
a:visited{ color: #006699; text-decoration: none; }
a:visited:hover{ color:#0000cc; text-decoration: underline;}

/*###
 Clearing without additional markup
 http://www.positioniseverything.net/easyclearing.html
###*/
.Clear:after{	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden; }
.Clear{ display: inline-block; }
/* Hides from IE-mac \*/ * html .Clear {height: 1%;} .Clear {display: block; } /* End hide from IE-mac */

/* Wrapper - centres content */
div.w{
	clear:both;
	position: relative;
	width: 750px;
	margin: 0 auto;
}
/* Header */
div.hbg{
	background:url(/@/HeaderBg.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: -70px;
	width: 890px;
	height: 245px;
	z-index: 10;
	_z-index: -1;
}
div.h
{
	clear:both;
	position: relative;
	height: 150px;
	z-index: 20;
}
div.h ul
{
 clear:both;
	padding-left: 30px;
}

/* Content */
div.b
{
	clear:both;
	position: relative;
	padding-left: 40px;
	z-index: 20;
	font-size: 0.8em;
}
div.b h1
{
	font-size: 1.5em;
	color: #f47e20;
	margin-bottom: 15px;
}
div.b h3
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
}
div.b ul
{
	margin: 15px 0px 15px 25px;
	
}
div.b div.l
{
	float: left;
	width: 430px;
}
div.b div.r
{
	float: left;
	width: 280px;
	padding-top: 0px;
}

/* Devices */
div.b div.r div.d
{
	width: 280px;
	margin-bottom: 10px;
	padding-top: 20px;
	background: url(/@/DeviceBg.gif) no-repeat;
}
div.b div.r div.d p
{
	margin-left: 60px;
	margin-right: 60px;
}
div.b div.r div.d p a
{
	font-size: 1.1em;
	font-weight: bold;
}
div.b div.r div.d ul
{
	margin-left: 75px;
	margin-right: 60px;
}
div.b img.Pic
{
	padding: 1px;
	border: solid 1px #EEEEEE;
}

/* Homepage */
ul.HowToBook
{
 list-style:none;
	width: 380px;
	padding-top: 10px; margin-top:0;
	background: url(/@/HomeBoxTop.gif) no-repeat;
}
ul.HowToBook li.Footer
{
	width: 380px;
	height: 20px;
	background: url(/@/HomeBoxBottom.gif) no-repeat;
}
ul.HowToBook li.Number
{
	margin-left: 15px;
	padding: 2px 25px 5px 25px;
	background-repeat: no-repeat;	
}
div.Testimonials {
	float: right;
}
div.Quote
{
	width: 280px;
	background: url(/@/Quotes.gif) no-repeat;
}
div.Quote div.Words
{
	color: black;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	padding: 10px 40px 0px 40px;
}
div.Quote div.Name
{
	color: black;
	font-size: 0.8em;
	text-align: center;
	padding: 0px 60px 10px 60px;
}

/* Prices */
table.Prices, table.Extras
{
	border-right: solid 1px #DDDDDD;	
	border-bottom: solid 1px #DDDDDD;	
}
table.Prices td, table.Extras td
{
	text-align: center;
	border-left: solid 1px #DDDDDD;	
	border-top: solid 1px #DDDDDD;
	padding: 5px;
}
table.Prices td.Header
{
	font-size: 1.2em;
	font-weight: bold;
}
table.Prices td.SubHeader
{
	background: #EEEEEE;	
}

table.Extras td
{
	text-align: left;
}

/* Footer */
div.f
{
	position: absolute;
	width: 100%;
	background: url(/@/FooterBg.gif);
}
div.f div.fw
{
	position: relative;
	width: 750px;
	margin: auto;
}
div.f div.fw .bg
{
	position: absolute;
	top: 0px;
	left: -70px;
	width: 231px;
	height: 135px;
	background: url(/@/FooterBgMotif.gif) no-repeat;
	z-index: 10;
	_z-index: -1;
}
div.f div.fw #Links
{
	position: relative;
	float: left;
	padding-top: 80px;
	padding-left: 40px;
	z-index: 20;
	font-size: 75%;
}
div.f div.fw #Links a
{
	font-weight: bold;
}
div.f div.fw #Sponsors
{
	position: relative;
	float: right;
	z-index: 20;
}
















/* NEW CSS */
div.b h1 a{ text-decoration:none !important; color: #f47e20!important; }
div.b h2 a{ text-decoration:none !important; }
div.b h3 a{ text-decoration:none !important; }

div.h #l{	float:left; height:87px; width:365px; }
div.h #l a{	float:left; height:87px; width:365px; display:block; background:url('/@/HeaderLogo.gif') 0 0 no-repeat; text-indent:-999px; }
div.h #c{	float:right; height:87px; width:265px; }
div.h #c a{	float:left; height:87px; width:265px; display:block; background:url('/@/HeaderPhone.gif') 0 0 no-repeat; text-indent:-999em; }

div.h ul{ list-style:none; }
div.h ul li{ float:left; display:block; }
div.h ul li a{ float:left; display:block; height:30px; width:90px; text-indent:-999px; overflow:hidden; }
div.h ul li a{ padding:0;margin:0; background:url() 0 0 no-repeat; }
div.h ul li a#home{ width:58px; background-image:url('/@/MenuHome.gif'); }
div.h ul li a#why{ width:98px; background-image:url('/@/MenuWhy.gif'); }
div.h ul li a#where{ width:147px; background-image:url('/@/MenuWhere.gif'); }
div.h ul li a#prices{ width:59px; background-image:url('/@/MenuPrices.gif'); }
div.h ul li a#contact{ width:98px; background-image:url('/@/MenuContact.gif'); }
div.h ul li a#commercial{ width:260px; height:38px; background-image:url('/@/MenuCommercial.gif'); }
div.h ul li a:hover, div.h ul li a.Active{ background-position:0px -30px !important; }
div.h ul li a#commercial:hover, div.h ul li a#commercial.Active{ background-position:0px -38px !important; }

div.f{ margin:30px 0px 0px; }
div.f div.fw #Links{ width:380px; float:left;	padding-top: 50px; }
div.f div.fw #Links *{ font-style:normal; font-weight:normal; text-decoration:none; }
div.f div.fw #Links p{ font-size:80%; margin:0 0 5px 0; }
/*
div.f div.fw #Links ul{ width:260px; float:left; width:220px; list-style:none; margin-bottom:15px;	}
div.f div.fw #Links ul li{ float:left; display:inline;	}
div.f div.fw #Links ul li a{ text-decoration:none; }
div.f div.fw #Links form{ font-size:90%; }
div.f div.fw #Links form label{ display:none; }
div.f div.fw #Links form input.q{ font-size:90%; width:80px; border:#ccc solid 1px; padding:1px; }
div.f div.fw #Links form input.q:hover{ border-color:#777; }
*/
div.f div.o{ color:#777; font-size:70%; }
div.f div.o a{ color:#777; text-decoration:none; }
div.f div.o *{ font-weight:normal; text-decoration:none; font-style:normal; }
div.f div.Exchange{ color:#aaa; font-size:85%; padding:5px 0px; }
div.f div.Exchange a{ color:#aaa; }

div.b div.l p{ margin:2px 0px 20px 0px; }
div.b div.o{ font-size:80%; color:#777; padding:10px 0px; }

div.b div.r div.d p,
div.b div.r div.d h2,
div.b div.r div.d h3,
div.b div.r div.d div
{
	margin-left: 50px;
	margin-right: 45px;
}
div.b div.r div.d ul
{
	margin-left: 60px;
	margin-right: 45px;
}

div.b div.r div.d ul.mm{ list-style:none; font-size:95%; }
div.b div.r div.d ul.mm li{ display:block; }
div.b div.r div.d ul.mm li a{ color:#555; }

div.b div.r div.d ul.mr{ list-style:none; font-size:82%; }
div.b div.r div.d ul.mr li{ width:48%; float:left; display:inline; margin:0px 1px; padding:0px; }

div.b form.s{ background:#f7f7f7; border:#e0e0e0 solid 1px; padding:7px; margin:0px 0px 20px 0px; text-align:center; }
div.b form.s input{ border:#e0e0e0 solid 1px; padding:3px; font-weight:bold; font-size:120%; }
div.b form.s input.q{ width:150px;}

div.b ul.sm{ }
div.b ul.sm *{ text-decoration:none; }
div.b ul.sm li{ width:31%; float:left; display:inline; padding:0px 0px 20px 0px; }
div.b ul.sm li a{ font-weight:bold; font-size:105%; }
div.b ul.sm li ul{ margin:0; padding:0px 0px 0px 20px; }
div.b ul.sm li ul li{ width:100%; display:block; margin:0;padding:0; }
div.b ul.sm li ul li a{ font-weight:normal; font-size:90%; }

div.b ul.sm-full{ list-style:none; font-size:90%; }
div.b ul.sm-full *{ text-decoration:none; }
div.b ul.sm-full li{ width:49%; float:left; display:inline; padding:0px 0px 5px 0px; }

div.b div.sr *{ text-decoration:none !important; }
div.b div.sr p{ margin:0px 0px 3px 0px; padding:0px !important; }
div.b div.sr strong{ color:#00c; }
div.b div.sr u{ color:#090; }

div.b div.rl *{ text-decoration:none !important; }
div.b div.rl p{ font-size:87%; line-height:100%; margin:0px 0px 10px 0px; padding:0px !important; }
div.b div.rl p a{ display:block; font-weight:bold; color:#00c; }

div.b div.rlli{ background:#f7f7f7; padding:7px; border:#000099 solid 1px; }
div.b div.rll p{ line-height:120%; }
div.b div.rll p a{ display:block; }

div.rl textarea{ /*border:#999 solid 1px;*/ font-size:85%; font-family:"Courier New", Courier, mono; }

form input{ /*border:#ccc solid 1px;*/ }
form label{ }

fieldset{ border:#e7e7e7 solid 1px; }
fieldset legend{ cursor:default; padding:5px; font-weight:bold; }

.B{ font-weight:bold; }

h2.fp{ font-size:80%; }

/* Warning about areas of London */
.LdnWrn{ padding:20px; margin:20px; background:#f0f7f0; border:#c0c9c0 solid 1px; }

/* Big Testimonials Link */
div.Testimonials a{
 display:block; overflow:hidden; text-indent:-9999px;
 margin:15px auto; width:200px; height:50px;
	background:url('/WCJ/img/testimonials.jpg') 0 0 no-repeat;
}


blockquote{
	background: url(/@/Quote.gif) 0 0 no-repeat;
	font-size: 0.9em;
	padding: 0px 0px 10px 50px;
	margin: 10px 0px;
}

/* BBC */
a.SeenOnBBC{
 background:transparent url('/WCJ/img/SeenOnBBC.gif');
	background-repeat:no-repeat;
	background-position:top left;
	display:block; text-indent:-9999px; clear:both;
	/*position:relative; top:-10px;*/
	float:left;
	height:50px; width:280px;
}
a.SeenOnBBC:hover{ background-position:top left; }


/* ENQUIRY FORM */
#enq fieldset{ width:500px; padding:0 0 10px 10px; margin:0 0 30px 0; border-width:1px 0 0 0; background:#f7f7f7; }
#enq fieldset legend{ font-size:120%; }

#enq label{ /*text-decoration:underline; */}
#enq label.error{ color:red; font-size:90%; }

#enq a.send{ padding:3px 10px; color:#fff; background:#090; font-size:150%; font-weight:bold; }

#enq .cal-date{ background:url('/Images/date.gif') center center no-repeat; height:49px; padding:4px 0 0 0; }
#enq .cal-date strong{ font-size:90%; color:#FFCC00; padding:0 0 5px 0; display:block; }

#enq .cal-time{ padding:5px 10px 5px 0; font-size:90%; font-weight:bold; }
#enq #simple{ visibility:hidden; position:absolute; border:#00C solid 1px; background:#f7f7ff; display:block; }
#enq #simple a{ margin:0 auto; padding:5px auto; width:140px; text-align:center; font-size:150%; display:block; background:#009; color:#fff; }
#enq #simple span{ margin:2px auto; width:140px; text-align:center; font-size:180%; display:block; color:#00C; }

#enq #advanced{ margin:0px 0 0 0; }

#enq #sent{ display:none; border:#090 solid 1px; background:#f7fff7; }
#enq #sent h3{ margin:0px auto; padding:10px auto; width:100%; text-align:center; font-size:160%; display:block; background:#090; color:#fff; }
#enq #sent div{ background:#f7fff7; padding:10px 20px; display:block; color:#333; }

#enq #sending{ display:none; border:#090 solid 1px; background:#f7fff7; }
#enq #sending h3{ margin:0px auto; padding:10px auto; width:100%; text-align:center; font-size:160%; display:block; background:#090; color:#fff; }

#enq .cal-slot{ font-size:85%; }
#enq .cal-slot{ padding:3px 2px; color:#777; }
#enq .cal-slot:hover{ color:#000; }
#enq .cal-slot-picked{ background:#f3f3f9; color:#009; font-weight:bold; }

#enq .mi{ padding:0 0 0 0px; }
#enq .mi label{ text-decoration:none; padding:3px 0; width:25%; display:block; float:left; }


/* NEW STUFF */
.book-online{ margin:7px 0 0 23px; }
a.book-link{ text-decoration:underline; font-weight:bold; color:#090!important; }

/* BBC */
a.book-big{
 background:transparent url('/WCJ/img/book-big.png');
	background-repeat:no-repeat;
	background-position:top left;
	display:block; text-indent:-999px; clear:both;
	/*position:relative; top:-10px;*/
	float:left;
	height:50px; width:280px;
	margin:-45px 0 0 0px;
	position:absolute;
}
a.book-big:hover{ background-position:bottom left; }