@charset "utf-8";
/* CSS Document */

* {padding:0;margin:0;}
body {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#140D12;}
p {font-size:1em; padding:7px;clear:both;}
a {text-decoration:none;color:#C01466;}
a:hover {text-decoration:underline;}
img {border:0;}
h1 {font-size:1.8em;color:#7D7F8D;padding:10px 5px 5px 5px;}
h2 {font-size:1.3em;color:#7D7F8D;padding:5px 5px 5px 5px;}
h3 {font-size:1.1em;color:#9B1959;padding:5px 0 0 0;}
sub {font-size:0.5em;}
ol {list-style:none;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#wrapper {width:934px;margin:0 auto;background:url(images/main-bg-flat.png) 0 0 no-repeat;}
	#header {height:150px;}
		#logo img {margin-top:20px;}
	#footer {padding:0 12px;text-align:center;background:url(images/footer-bg.png) 0 0 no-repeat;clear:both;height:32px;line-height:2.5em;margin-bottom:7px;}
		#footer a {display:inline-block;margin-right:25px;font-size:1.1em;color:#fff;}
		#links {width:475px;float:left;text-align:left;}
		#terms {width:430px;float:right;text-align:right;}
			#terms a {margin:0;color:#C01466;font-size:1em;}
			#terms span {color:#C01466;}
			#terms span.divider {padding:0 7px;}
		
/* main navigation */		
#topNav ul {list-style:none;}
#topNav li {float:left;display:block;width:154px;height:40px;background:url(images/nav-bg-filler.png) 0 0 repeat-x;margin-right:1px;}
	#topNav li a {display:block;height:20px;padding:10px;text-align:center;font-weight:bold;color:#fff;}
	#topNav li#selected a {color:#C01466;}
	#topNav li a:hover {text-decoration:none;color:#C01466;}
		#topNav li.left a {background:url(images/nav-left.png) 0 0 no-repeat;}
		#topNav li.right {margin:0;width:158px;background:none;background:url(images/nav-bg-comingsoon.png) 0 0 no-repeat;}
		#topNav li.right a {background:url(images/nav-right.png) right 0 no-repeat;}
		
#largePromo {background:url(images/large-box-image.jpg) no-repeat 0 0;height:302px;clear:both;margin-bottom:10px;}
	#largePromoText {color:#fff;margin-left:10px;width:400px;}
	h2.pinkBox {margin:78px 0 0 440px ;font-size:1.2em;color:#fff;padding:0;display:block;width:350px;line-height:1.3em;}
	h2.pinkBox a {color:#fff;}
	
.smallPromo, .smallPromoAlt{float:left;height:126px;width:304px;margin:0 10px 10px 0;}
.smallPromoLeft, .smallPromoAltLeft {float:left;width:7px;height:126px;background:url(images/small-box-left.png) 0 0 no-repeat;}
.smallPromoRight, .smallPromoAltRight {float:left;width:7px;height:126px;background:url(images/small-box-right.png) 0 0 no-repeat;}
.smallPromoMiddle, .smallPromoAltMiddle {background:#2F2C33;float:left;width:290px;height:126px;}
.smallPromoAltMiddle {background:#848695;color:#000;}
.smallPromoAltMiddle h3 a{color:#fff;}
.smallPromoAltLeft {background:url(images/small-box-alt-left.png) 0 0 no-repeat;}
.smallPromoAltRight {background:url(images/small-box-alt-right.png) 0 0 no-repeat;}
.imageLayer {position:relative;z-index:100;left:-8px;top:0px;float:left;}
.smallPromo p, .smallPromoAlt p {clear:none;}
.right {margin-right:0;}
.bookLink {text-align:right;font-weight:bold;}

/* about us page */
#aboutPromo {background:url(images/large-box-image-about.jpg) no-repeat 0 0;height:302px;clear:both;margin-bottom:10px;}
#aboutPromo #largePromoText {width:440px;}
#aboutPromo	h2.pinkBox {margin:-75px 0 0 440px ;font-size:1.2em;color:#fff;padding:0;display:block;width:350px;}

/* VIP Transfers */
#VIP #largePromo {background:url(images/large-box-image-vip.jpg) no-repeat 0 0;}
#VIP #largePromoText {color:#fff;margin-left:10px;width:590px;}
	#VIP h2.pinkBox {margin:-258px 0 0 530px ;font-size:1.2em;color:#fff;padding:0;display:block;width:350px;position:absolute;top:480px;}
	#VIP h2.pinkBox span {font-weight:normal;font-style:italic;margin-left:220px;}
	span.homeMessage {font-weight:normal;font-style:italic;margin-left:220px;}

/* River to Restaurant */
#Restaurant #largePromo {background:url(images/river-restaurant-main-bg.jpg) 0 0 no-repeat;}
#Restaurant #largePromoText {width:520px;}
	#restaurantList {position:relative;z-index:0;}
	#butlersWharf, #cadoganPier, #chelseaHarbour, #katherinesDock, #blackfriars, #londonEye, #doverPier, #canaryWharfPier, #northGreenwich {
	display:none;position:absolute;z-index:100;left:560px;border:1px solid #eee;background:#000;padding:7px;width:320px;filter:alpha(opacity=80);
	-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; top:0;}
	#butlersWharf ul, #cadoganPier ul, #chelseaHarbour ul, #katherinesDock ul, #blackfriars ul, #londonEye ul, #doverPier ul, #canaryWharfPier ul, #northGreenwich ul {
	list-style:none;} 
	.location1, .location2,.location3, .location4,.location5, .location6, .location7, .location8, .location9 {float:left;width:160px;color:#C01466;font-weight:bold;padding-left:5px;cursor:pointer;}
	a.book-button {background:url(images/book.png) 0 0 no-repeat;height:22px;width:85px;float:left;margin-top:15px;}
	h1.package {width:420px;float:left;clear:none;}
	
/* Luxury sightseeing */
#luxury-sightseeing #largePromo {background:url(images/luxury-sightseeing-bg.jpg) 0 0 no-repeat;}
#luxury-sightseeing #largePromoText {width:520px;}

/* Corporate entertaining */
#corporate-entertaining #largePromo {background:url(images/corporate-entertaining-bg.jpg) 0 0 no-repeat;}
#corporate-entertaining #largePromoText {width:520px;}

/* bookings */
#bookings #largePromo {background:url(images/large-box-image-book.jpg) no-repeat 0 0;height:329px;}
	#bookings h2.pinkBox {margin:-69px 0 0 434px ;font-size:1.2em;color:#fff;padding:0;display:block;width:350px;line-height:1.1em;}
form {padding:0;margin:0;}
#bookingFormTop {height:8px;width:408px;background:url(images/form-bg-top.png) 0 0 no-repeat;clear:both;margin:7px 0 0 5px;}
#bookingFormBottom {height:8px;width:408px;background:url(images/form-bg-bottom.png) 0 0 no-repeat;clear:both;margin-left:5px;}
#bookingFormContent {width:408px;background:#2F2C33;margin-left:5px;}
fieldset {background:#2F2C33;width:402px;margin-left:5px;border:none;padding:0;}
label {display:block;width:145px;float:left;padding-left:10px;font-weight:bold;}
input {float:right;width:224px;height:24px;border:0;background:url(images/input-bg.png) top left no-repeat;line-height:22px;padding-left:10px;}
input[type=submit] {background:url(images/send-button.png) 0 0 no-repeat;height:24px;width:80px;float:right;padding:0;margin:0;margin-right:10px;}
.row {width:395px;padding:10px 0 0 0;clear:both;}
.rowSubmit {width:395px;padding:10px 0 0 0;clear:both;display:block;height:24px;}
	.row li {height:24px;}


/* jquery turns form select list into html list for styling */
.tripType {float:left;width:214px;position:relative;z-index:100000;left:5px;}
   .dropdown dd {position:relative;top:0;}
   .dropdown a, .dropdown a:visited {color:#000; text-decoration:none; outline:none;font-size:1em;}
   .dropdown dt a {background:url(images/input-bg-select.png) 0 0 no-repeat;display:block;width:224px;height:24px;line-height:24px;padding:0 0 0 15px;margin:0;}
   .dropdown dt a span {cursor:pointer; display:block;}
   .dropdown dd ul {background:#848695;background:url(images/select-bg.png) top left no-repeat; color:#C5C0B0;display:none;position:absolute;top:-24px;left:0px;list-style:none;padding:3px 0 5px 0;}
   .dropdown span.value {display:none;}
   .dropdown dd ul li {padding:0;margin-top:1px;height:22px;}
   .dropdown dd ul li a {display:block;width:224px;height:22px;line-height:20px;padding:0 0 2px 15px;margin:0;}
   #tripTypeList {display:none;}

/* Date popup styles */
table.jCalendar {border-collapse: separate;border-spacing: 1px;}
	table.jCalendar th {background: #333 ;color: #fff;font-weight: bold;padding: 3px 7px;}
	table.jCalendar th a {color:#000;}
	table.jCalendar td {background: #ccc;color: #000;padding: 3px 9px;text-align: center;}
		table.jCalendar td.other-month {background: #ddd;color: #000;}
		table.jCalendar td.today {background: #C01466;color: #fff;}
		table.jCalendar td.selected {background: #f66;color: #fff;}
		table.jCalendar td.selected.dp-hover {background: #f33;color: #fff;}
		table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #fff;color: #000;}
		table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;}
		table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb;color: #888;}
		table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #bbb;
			color: #888;}

/* For the popup */
div.dp-popup {position: relative;background:url(images/calendar-bg.png) top left no-repeat;font-size: 11px;font-family: arial, sans-serif;padding: 2px 4px;width: 218px;height:175px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;}
	div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;color:#000;} /* month styles */
	a#dp-close { font-size: 11px;padding: 4px 0;text-align: center;display: block;}
	a#dp-close:hover {text-decoration: underline;}
	div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
	div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
	div.dp-popup div.dp-nav-prev a {float: left;}
	
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}


a.dp-choose-date {float: left;width: 0;height: 0;padding: 0;margin: 0;display: inline;text-indent: -2000px;overflow: hidden;color:#000;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 
input.dp-applied {width: 140px;float: left;}*/

/* River Route */
#riverRoute {background:url(images/route2-bg.jpg) 0 0 no-repeat;height:302px;clear:both;margin-bottom:10px;position:relative;}
	.pier1, .pier2, .pier3, .pier4,.pier5, .pier6, .pier7, .pier8, .pier9, .pier10, .pier11, .pier12, .pier13, .pier14,.pier15, .pier16, .pier17, .pier18, .pier19, .pier20, .pier21 {background:url(images/pier-icon.png) 0 0 no-repeat;position:absolute;bottom:15px;left:200px;height:19px;width:19px;}
	#hammersmithPier, #putneyPier, #chelseaHarbourPier, #cadoganRoutePier, #lambethPier, #milleniumHarbourPier, #westminsterPier, #embankmentPier, #savoyHarbourPier, #blackfriarsPier, #londonBridgePier, #butlersWharfPier, #stKatherinesPier, #hiltonPier, #canaryHarbourPier, #greenlandPier , #masthousePier , #greenwichWharfPier , #O2Pier , #trinityBuoyPier , #barrierGardenPier {display:none;position:absolute;z-index:100;border:1px solid #eee;background:#000;padding:1px 7px;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

	.pier1 {top:166px;left:84px;}
	#hammersmithPier {left:84px;top:146px;}	 
	
	.pier2 {bottom:19px;left:210px;}
	#putneyPier {left:230px;bottom:19px;}
	
	.pier3 {bottom:92px;left:232px;}
	#chelseaHarbourPier {left:252px;bottom:92px;}
	
	.pier4 {bottom:120px;left:282px;}
	#cadoganRoutePier {left:163px;top:141px;width:120px;}
		 
	.pier5 {bottom:110px;left:357px;}
	#lambethPier {left:375px;bottom:110px;}
	
	.pier6 {bottom:138px;left:369px;}
	#milleniumHarbourPier {left:390px;bottom:138px;}	
	
	.pier7 {bottom:145px;left:344px;}
	#westminsterPier {left:229px;bottom:145px;}	
	 
	.pier8 {bottom:172px;left:349px;}
	#embankmentPier {left:232px;bottom:172px;}
	
	.pier9 {bottom:205px;left:358px;}
	#savoyHarbourPier {left:232px;bottom:205px;}
	
	.pier10 {bottom:224px;left:391px;}
	#blackfriarsPier {left:290px;bottom:225px;}	 
	
	.pier11 {bottom:205px;left:450px;}
	#londonBridgePier {left:472px;bottom:205px;}
	
	.pier12 {bottom:172px;left:508px;}
	#butlersWharfPier {left:530px;bottom:172px;}	
	
	.pier13 {bottom:194px;left:520px;}
	#stKatherinesPier {left:542px;bottom:194px;}	 
	
	.pier14 {bottom:188px;left:576px;}
	#hiltonPier {left:598px;bottom:188px;}
	
	.pier15 {bottom:214px;left:591px;}
	#canaryHarbourPier {left:610px;bottom:214px;}
	
	.pier16 {bottom:117px;left:595px;}
	#greenlandPier {left:520px;bottom:95px;}	
	 
	.pier17 {bottom:124px;left:628px;}
	#masthousePier {left:648px;bottom:124px;}
	
	.pier18 {bottom:98px;left:640px;}
	#greenwichWharfPier {left:660px;bottom:98px;}		
	
	.pier19 {bottom:185px;left:682px;}
	#O2Pier {left:702px;bottom:185px;}
	
	.pier20 {bottom:215px;left:682px;}
	#trinityBuoyPier {left:702px;bottom:215px;}
		 
	.pier21 {bottom:126px;left:742px;}
	#barrierGardenPier {left:742px;bottom:104px;}