/* CSS Document */
/* div { border: 1px solid white; } */
img { border: none; }
img.image_border { border: 1px solid #000000; }
img, div { behavior: url(iepngfix.htc) }
body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #0066CC; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
body { behavior:url("csshover.htc"); }
h1 {color:#0066CC; font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; padding-top:4px;}
h2 {color:#4E6BBB; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin: 0px 0px -20px 0px; padding:0px;}
h3 {color:#4E6BBB; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0px 0px -14px 0px; padding: 0px; line-height: 14px;}
h4 {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin: 0px 0px -15px 0px; padding: 11px 0px 10px 5px; background-image: url(images/h4bgd.jpg);  background-repeat: no-repeat; background-position:top left; height:15px}
p {color:#292929; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: normal;}
ul {color:#292929; font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal;}

ul.bullets_0padding {color:#292929; font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal; margin-bottom:-3px; padding-bottom:0px;}

li {color:#292929; font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal;}
.mainContainer {width:100%; min-height:100%;  }
hr {height:1px; color:#ECEEEF;}
.page { width: 921px; margin: 0px auto 0px auto; }
.formtext {color:#292929; font-family:  Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: normal;}

.main { width: 921px; margin: 0px 10px 0px 10px; }
.maintop {height:175px;}
.innermain { width: 901px; padding: 0px 10px 0px 10px; overflow: hidden; background:url(images/containerBgd.jpg) top center repeat-y; z-index:-50;}

.red {color:#E9042F;}
.yellow {color:#FEDC01;}
.blue {color:#006dd5;}

.menublock {width: 160px; height: 250px; background-color:#E5CB01; float:left; padding: 0px 0px 32767px 0px;	margin: 0px 0px -32767px 0px; z-index:-30;}
.rightBlock { width: 209px; height: 746px;   float:right;  text-align:center}
.rightBlockBoats { width: 209px; height: auto; background-color:#EBEBEB;  float:right; background-image: url(images/rightBoatBgd2.jpg);  background-repeat: repeat-y; background-position:top right; padding: 50px 0px 32767px 0px;	margin: 0px 0px -32767px 0px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 1px 0px; text-align:center}
.rightBlockFlash { width: 210px; height: auto; float:right; border-color:#CCCCCC; text-align:center}

.middlecontent_home {width: 515px; min-height: 820px; background-color:#FFFFFF;  float:left; padding: 0px 8px 0px 8px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 0px 0px; z-index:-30;}
.rightBlock_home { width: 209px; height: 820px;   float:right;  text-align:center}

.middlecontent_rightblank {width: 725px; min-height: 726px; background-color:#FFFFFF;  float:left; padding: 0px 8px 0px 8px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 0px 0px; z-index:-30;}
.middlecontent {width: 515px; min-height: 726px; background-color:#FFFFFF;  float:left; padding: 0px 8px 0px 8px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 0px 0px; z-index:-30;}

.middlecontent_rightblank_ie6 {width: 725px; height: 726px; background-color:#FFFFFF;  float:left; padding: 0px 8px 0px 8px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 0px 0px; z-index:-30;}
.middlecontent_ie6 {width: 515px; height: 726px; background-color:#FFFFFF;  float:left; padding: 0px 8px 0px 8px; border-color:#CCCCCC; border-style:solid; border-width:0px 0px 0px 0px; z-index:-30;}

.righthomeimage {padding:0px; margin:0px; height:111px}
.rightboatimage {padding: 0px 15px 0px 15px; margin:0px; height:94px}
.righthomeimagetop {padding:0px; margin:0px; height:208px}
.righthomeimagebot {padding:0px; margin:0px; height:95px}

.imageright15 {margin: 3px 15px 3px 0px;}
.imageleft15 {margin: 3px 0px 3px 15px;}
.emailblock {   width: 155px; height:132px; padding: 68px 10px 0px 8px; margin: 300px 0px 0px -7px; background:url(images/emailBgd2.png) top left no-repeat; z-index:20; position:absolute}

.content {  padding: 0px; height: 100%; margin: 38px 0px 20px 0px; width: 912px; overflow: hidden;}
.boatheader {padding: 0px; height:79px; margin:-30px 0px 0px 0px; }
.righthomeimagetop {padding:0px; margin:0px; height:208px}

.quicklink {width:145px; height: 120px; padding: 11px 10px 11px 15px; background-color:#DADADB;}
.quicklinkleft {width:120px; float:left}
.quicklinkright {width:25px; float:left}
.quicklinkline {height:14px}
.quicklinkhead {height:16px}
.botmenu { position: absolute; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; width: 901px; height: 30px; background-color:#EBEBEB; background:url(images/containerBgdBM.jpg) top center repeat-y; border-color:#999999; border-style:solid; border-width:0px 0px 0px 0px;}

.footer { position: absolute; padding: 10px 20px 0px 20px; margin: 30px 0px 0px 0px; width: 881px; height: 50px; background:url(images/containerBgd.jpg) top center repeat-y;}


.footer p { font-size: 9px; }

.positioner { position: absolute; padding: 0px 0px 0px 0px; }

a { color: #006DD5; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  text-decoration:none;}
a:link { color: #006DD5; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a:visited { color: #006DD5; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a:active { color: #006DD5; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a:hover { color: #006DD5; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}


a.hotwells_times { color:#ff0000; }
a.hotwells_times:visited { color:#ff0000; }
a.hotwells_times:active { color:#ff0000; }
a.hotwells_times:hover { color:#ff0000; }

a.templemeads_times { color:#3366ff; }
a.cabcircus_times { color:#ff6600; }

.privacy { margin:7px 0px 0px 0px; color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; } 
a.privacy { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none;}
a.privacy:link { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
a.privacy:visited { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
a.privacy:active { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
a.privacy:hover { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline;	 }

.quick { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; padding:0px; margin:0px;} 
a.quick { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 10px; line-height:12px; font-weight: normal; text-decoration:none; }
a.quick:visited { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
a.quick:active { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
a.quick:hover { color: #848589; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline;	 }

.more { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 9px; line-height:11px; font-weight: normal; padding:0px; margin:0px;} 
a.more { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 9px; line-height:11px; font-weight: normal; text-decoration:none; }
a.more:visited { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }
a.more:active { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }
a.more:hover { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-decoration: underline;	 }


/* booking form and table of ticket display and shopping basket*/

input { height: 10px; width: 75px; color: #7D7D7D; font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; padding: 2px 2px 2px 2px; margin: 0px 0px 2px 0px; vertical-align: middle; }
label {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

table {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
td {padding:2px;}
tr {margin:0px 0px 4px 0px;}
td.header { font-weight:bold; color:#0066CC; border-bottom:1px solid #000000;}
td.bottom { border-bottom:1px solid #000000; padding:5px 0px 5px 4px;}
td.header2 { font-weight:bold; color:#0066CC;}
td.item { text-align:center;}
.trip_title {font-weight:bold;}
label.tickettime {color: #4b3013; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
label.ticketpickup {color: #4b3013; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
label.ticketprice {color:#9c3208; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.baskettop {position:absolute; margin:92px 0px 0px 9px;}

input.checkout { height: 12px; width: 125px; color: #7D7D7D; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding: 1px 2px 1px 2px; }
select.checkout { height: 16px; width: 132px; color: #7D7D7D; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
input.terms { height: 15px; width: 25px; color: #7D7D7D; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
input.basket_button { height: 22px; width: auto; color: #7D7D7D; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0px 2px 1px 2px; }
label.basket { color: #0066CC; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
input.basket { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
input.tripdetails {font-size:12px; font-weight:normal; padding:0px 2px 1px 2px; height:15px;}
textarea.basket {width:100px; height:50px; }

td.confirm_head { font-weight:bold;}
td.confirm_body { border-left:1px solid #000000; border-top:1px solid #000000; border-right:1px solid #000000;}
td.confirm_bottom { border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000;}
td.confirm_bodymid { border-top:1px solid #000000; }
td.confirm_bottommid { border-bottom:1px solid #000000; }

.booking_head_dates {float:left; width:125px; height:20px; padding:4px 0px 2px 2px;}
.booking_head_dates_end {float:left; width:250px; height:20px; padding:4px 0px 2px 2px;}

.booking_dates {float:left; width:125px; height:20px; padding:4px 0px 2px 2px;}
.booking_dates_end {float:left; width:140px; height:20px; padding:4px 30px 2px 2px;}
.booking_datescol {float:left; width:125px; height:20px; padding:4px 0px 2px 2px; background-color:#fffeb9;}
.booking_dates_endcol {float:left; width:140px; height:20px; padding:4px 30px 2px 2px; background-color:#fffeb9;}

hr {clear:left; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; height:3px;}












/* Menu */

#nav {
	width: 159px; /* set width of menu */
  	background-color: #FFE200;
	z-index:1000;
} 

#nav ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
z-index:1000;
}

/* style, color and size links and headings to suit */
#nav a, #nav h2 {
	display: block;
	padding: 0px 0px 2px 12px;
 	text-decoration: none;	
	font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400;
	border-color:#E5CB01;
	border-style:solid;
	border-width: 0px 1px 1px 0px;	
	z-index:1000;
}

#nav h2 {
color: #010D79;
background: #000;
text-transform: uppercase;
}

#nav a {
color: #010D79;
background: #FFE200;
text-decoration: none;
}

#nav a:hover {
  color: #010D79;
  background-color: #F9EBC0;
  text-decoration: none;
}

#nav li {
/* make the list elements a containing block for the nested lists */
position: relative;
	line-height: 21px;
} 

#nav ul ul ul {
position: absolute;
top: 0;
left: 159px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
margin-left:1px;
}

div#nav ul ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
z-index:1000;
} 
#nav ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
z-index:1000;
}
#nav ul li a {
height: 1%; /* make links honour display: block; properly */
z-index:1000;
} 

#nav a, #menu h2 {
	width: 147px;
  	background-color: #FFE200;
	color:#010D79;
 	text-decoration: none;	
	font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400;
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

#nav a.level2 {
	margin-left:0px;
	color:#010D79;
	background-color:#FFFFFF;
 	text-decoration: none;	
	font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400;
	border-color:#E5CB01;
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	z-index:1000;
}

#nav a.level2:hover {
  color: #FEFDF1;
  background-color: #F9EBC0;
  text-decoration: none;
}

#nav a.level3 {
	margin-left:0px;
	color:#010D79;
	background-color:#FFFFFF;
 	text-decoration: none;	
	font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400;
	border-color:#FEFDF1;
	border-style:solid;
	border-width: 0px 1px 1px 1px;	 
}

#nav a.level3:hover {
  color: #FFFFFF;
  background-color: #F9EBC0;
  text-decoration: none;
}
#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}