body {
padding:0px;
margin:0px;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:74%;
color:#343434;
line-height:1.8em;
z-index:0;
background-image:url(../images/display_images/bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
}
.availability {
float:right;
color:#7c7c7c;
font-size:0.8em;
}
.season-brochure {
float:left;
width:322px;
}

.redbg {
background-color:#FF0000;
margin:-5px -5px 10px -5px;
padding:10px 5px 5px 5px;
}
.redbg a, .redbg a:link, .redbg a:visited {
color:#ffffff;
}
.yellowbg {
background-color:#ffdf39;
margin:-5px -5px 10px -5px;
padding:10px 5px 5px 5px;
}
ul {
list-style:disc;
padding:0px 0px 0px 15px;
}
.bluebg {
background-color:#0d4471;
margin:-5px -5px 10px -5px;
padding:10px 5px 5px 5px;
}
.bluebg a, .bluebg a:link, .bluebg a:visited {
color:#ffffff;
}
.greenbg {
background-color:#4d8c2a;
margin:-5px -5px 10px -5px;
padding:10px 5px 5px 5px;
}
.greenbg a, .greenbg a:link, .greenbg a:visited {
color:#ffffff;
}
.image_left {
float:left;
width:250px;
margin:0px 10px 10px 0px;
border:solid 2px #f4f4f4;
}
.event1 {
float:left;
width:100%;
padding:10px 0px;
margin:0px 0px 10px 0px;
border-bottom:dotted 1px #dedede;
}
.event1 .event_thumb {
float:left;
width:150px;
border:solid 2px #dedede;
margin:0px 15px 0px 0px;
}
.event1 .event_text {
float:left;
width:491px;
}
.event2 {
float:left;
width:100%;
padding:10px 0px;
margin:0px 0px 10px 0px;
background-color:#f4f4f4;
border-bottom:dotted 1px #dedede;
}
.event2 .event_thumb {
float:right;
width:150px;
border:solid 2px #dedede;
margin:0px 0px 0px 15px;
}
.event2 .event_text {
float:left;
width:481px;
margin:0px 0px 0px 10px;
}
.clear {
clear:both;
}
.highlight:hover {
background-color:#dedede;
}
.left_contact {
float:left;
width:300px;
}
#contact_form {
float:left;
padding:10px;
margin:0px 15px 15px 0px;
background-color:#f4f4f4;
border:solid 1px #dedede;
}
#brochure_request {
float:left;
padding:10px;
margin:0px 15px 15px 0px;
background-color:#f4f4f4;
border:solid 1px #dedede;
}
.contact_details {
float:right;
width:300px;
margin:0px 0px 0px 0px;
font-size:1.1em;
}
.input:focus {
background-color:#FFFFCC;
}
.image_right {
float:right;
width:250px;
border:solid 2px #f4f4f4;
margin:0px 0px 15px 0px;
}
.images_holder {
float:right;
width:254px;
overflow:hidden;
margin:0px 0px 0px 15px;
}
.small {
font-size:0.8em;
color:#666666;
}
.time_row1 {
float:left;
width:660px;
border-bottom:dotted 1px #dedede;
}
.time_row1:hover {
background-color:#f4f4f4;
}
.time_col {
float:left;
width:220px;
padding:5px 0px;
text-align:center;
}
.time_col2 {
float:left;
width:220px;
text-align:center;
padding:5px 0px;
}
.link {
float:left;
width:305px;
min-height:126px;
padding:5px;
margin:0px 0px 10px 10px;
border:dotted 1px #dedede;
}
.link:hover {
background-color:#f4f4f4;
}
.short {
border-top:dotted 1px #dedede;
border-bottom:dotted 1px #dedede;
padding:10px 0px;
font-size:1.3em;
margin:0px 0px 10px 0px;
}
#fares {
float:left;
width:380px;
margin:0px 0px 0px 0px;
}
#fares:hover {
background-color:#f9f9f9;
}
#offers:hover {
background-color:#f9f9f9;
}
#offers {
float:left;
width:250px;
font-size:0.8em;
margin:0px 0px 0px 20px;
}
.search_left {
float:left;
width:180px;
margin:0px 10px 0px 0px;
}
.dark_grey {
color:#666666;
}
#search_results tr:hover {
background-color:#dedede;
}
.time2 {
background-color:#f4f4f4;
}
.journey_item {
float:left;
width:150px;
font-size:1.5em;
color:#003366;
margin:20px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;

}
.search_right {
float:left;
width:450px;
margin:0px 0px 0px 0px;
}
#search_results {
float:left;
width:660px;
margin:20px 0px 0px 0px;
}
#time_search {
float:left;
width:640px;
padding:10px;
background-color:#f4f4f4;
}
.search_item {
float:left;
width:180px;
margin:0px 0px 5px 0px;
}
.search_item select {
width:150px;
}
.search_item select:focus {
background-color:#FFFFCC;
}
.lead {
float:left;
width:100%;
font-size:1.2em;
padding:10px 0px;
margin:10px 0px;
border-top:dotted 1px #dedede;
border-bottom:dotted 1px #dedede;
}
#main_col {
float:left;
width:660px;
margin:0px 0px 0px 25px;
}
#split_col {
float:left;
width:380px;
margin:0px 15px 0px 0px;
}
.map_image {
float:left;
margin:0px 10px 0px 0px;
}
.offer_item1 h2, .offer_item2 h2 {
margin:0px;
}
.offer_image {
float:right;
margin:0px 0px 10px 10px;
border:solid 2px #dedede;
}
.fare_item1 {
float:left;
width:370px;
padding:5px;
font-size:1.2em;
margin:0px 0px 10px 0px;
border:dotted 1px #dedede;
}
.fare_item2 {
float:left;
width:370px;
padding:5px;
font-size:1.2em;
margin:0px 0px 10px 0px;
border:dotted 1px #dedede;
background-color:#f9f9f9;
}
.fare_item1:hover, .fare_item2:hover {
background-color:#F3F3F3;
}
.offer_item1 {
float:left;
width:250px;
padding:5px;
font-size:1.2em;
margin:0px 0px 10px 0px;
border:dotted 1px #dedede;
}
.offer_item2 {
float:left;
width:250px;
padding:5px;
font-size:1.2em;
margin:0px 0px 10px 0px;
border:dotted 1px #dedede;
background-color:#f9f9f9;
}
.offer_item1:hover, .offer_item2:hover {
background-color:#F3F3F3;
}
.price_left {
float:left;
width:170px;
margin:0px 10px 0px 0px;
}
.price_right {
float:right;
width:170px;
line-height:1.1em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}

.cruise_item1 h2, .cruise_item2 h2 {
margin:0px;
}
.cruise_item1 {
float:left;
width:255px;
padding:5px;
}
.cruise_item1:hover, .cruise_item2:hover {
background-color:#F3F3F3;
}
.cruise_go {
margin:-20px 0px 0px 0px;
float:right;
}
.item1 a {
float:left;
width:650px;
padding:5px;
border:dotted 1px #dedede;
}
.item1 a:hover {
background-color:#f4f4f4;
}
.item2 a {
float:left;
width:650px;
padding:5px;
background-color:#f4f4f4;
border:dotted 1px #dedede;
}
.item2 a:hover {
background-color:#dedede;
}
.cruise_image {
float:right;
margin:0px 0px 5px 10px;
border:solid 2px #dedede;
}
.cruise_item2 {
float:left;
width:255px;
padding:5px;
background-color:#f9f9f9;
}
.direction {
float:left;
}
.direction_text {
float:left;
width:500px;
}
.direction_pdf {
float:left;
width:480px;
padding:10px;
background-color:#f4f4f4;
}
.location {
float:left;
width:210px;
margin:0px 10px 0px 0px;
}
.route a {
float:right;
width:84px;
text-indent:-99999em;
height:94px;
overflow:hidden;
background-image:url(../images/display_images/icons/route_icon.gif);
background-repeat:no-repeat;
margin:0px 0px 10px 10px;
}
.route a:hover {
background-position:0px -94px;
}
.main_image {
float:right;
margin:0px 0px 10px 10px;
}
#map_container {
position:relative;
width:660px;
margin:0px auto 120px auto;
}
#container {
position:relative;
width:900px;
margin:0px auto;
}
.new_icon {
float:right;
margin:-155px -10px 0px 0px;
display:block;
z-index:12;
}
.new_offer {
float:right;
margin:-10px -10px 0px 0px;
display:block;
z-index:12;
}
.icon_image {
float:left;
z-index:-99999;
}
#header {
float:left;
width:900px;
background-image:url(../images/display_images/header/1.jpg);
height:200px;
margin:0px 0px 0px 0px;
}
.logo {
float:left;
margin:35px 0px 0px 30px;
}
#content {
float:left;
width:900px;
margin:25px 0px 80px 0px;
position: relative;
}
a:link, a:active, a:visited {
color:#0d4471;
text-decoration:none;
}
img {
border:none;
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
}
#tab_links {
float:left;
width:100px;
margin:0px;
padding:0px;
}
#tab_links {
float:left;
margin:0px 0px 10px 0px;
padding:0px;
list-style:none;
}
#tab_links li  {
float:left;
width:100px;
height:39px;
padding:17px 0px 0px 0px;
margin:0px 0px 7px 0px;
background-image:url(../images/display_images/tab_bg.gif);
background-repeat:no-repeat;
}
.tab_image {
float:left;
width:331px;
height:370px;
overflow:hidden;
}
.tab_text {
float:left;
width:190px;
margin:15px 0px 0px 15px;
line-height:2.0em;
}
#tab_links li:focus {
outline:none;
}
#tab_links li:hover {
background-position:0px -57px;
}
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.tab {
	position: relative;
	float: left;
	text-align:center;
	list-style: none;
	cursor: pointer;
}


.TabbedPanelsTabHover {
	background-color: #CCC;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-position:0px -57px;
}
.tabcontent {
float:left;
width:557px;
height:370px;
margin:0px 0px 10px 0px;
border:solid 1px #fbe886;
}
.mini_icon {
float:left;
width:215px;
height:140px;
margin:20px 10px 0px 0px;
}
.icon {
float:left;
width:207px;
height:140px;
margin:0px 24px 0px 0px;
}
div#icons div.icon:last-of-type {margin-right: 0;}
#nav {
float:left;
width:215px;
margin:0px 0px 0px 0px;
padding:0px;
}

#nav ul {
float:left;
padding:0px;
margin:0px;
list-style:none;
}
#nav li {
float:left;
}
#nav li a {
float:left;
width:215px;
height:27px;
text-indent:-99999em;
background-position:0px 0px;
background-repeat:no-repeat;
}
#mini_image {
float:right;
width:142px;
height:160px;

margin:0px 0px 0px 10px;
overflow:hidden;
}
#downloads {
float:left;
margin:20px 0px 10px 0px;
}
.download_item {
float:left;
width:180px;
margin:0px 0px 10px 0px;
line-height:1em;
padding:7px 0px;
border-bottom:dotted 1px #dedede;
}
.grey {
color:#C8C8C8;
}
.download_text {
float:left;
width:140px;
margin:0px 0px 0px 5px;
}
#mini_image img {
border:solid 2px #f2f2f2;
}
.left_c {
float:left;
font-size:1.1em;
margin:0px 0px 0px 5px;
color:#ffffff;
}
.teaser_title {
float:left;
font-size:1.8em;
}
#sub_col {
float:left;
width:180px;
margin:0px 0px 0px 20px;
}
#sub_col a, #sub_col a:visited, #sub_col a:active, #sub_col a:link {
text-decoration:none;
}
#sub_col a:hover {
text-decoration:none;
}
.page_item1 a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
border-bottom:dotted 1px #dedede;
float:left;
padding:7px 2px;
width:176px;
}
.page_item1 a:hover {
background-color:#f4f4f4;
}
.right_c {
float:right;
font-size:1.1em;
margin:0px 5px 0px 0px;
color:#ffffff;
}
.page_text {
float:left;
width:460px;
height:65px;
overflow:hidden;
margin:5px 0px 0px 0px;
}
.page_images {
float:left;
width:460px;
height:135px;
overflow:hidden;
}
#controls {
float:left;
width:460px;
margin:20px 0px 0px 0px;
background-color:#0d4471;
}
#controls a, #controls a:link, #controls a:active, #controls a:visited {
color:#FFFFFF;
}
#controls a:hover {
color:#FFFFFF;
}
#mini_col {
float:left;
width:460px;
margin:0px 0px 0px 0px;
}
#nav li a:hover {
background-position:0px -27px;
}
.home a {
background-image:url(../images/display_images/nav/home.gif);
}
.book a {
background-image:url(../images/display_images/nav/book.gif);
}
.parksail a {
background-image:url(../images/display_images/nav/parksail.gif);
}
.cruises a {
background-image:url(../images/display_images/nav/cruises.gif);
}
.timetables a {
background-image:url(../images/display_images/nav/timetables.gif);
}
.fares  a {
background-image:url(../images/display_images/nav/fares.gif);
} 
.daysout a {
background-image:url(../images/display_images/nav/daysout.gif);
}
.webcam a {
background-image:url(../images/display_images/nav/webcam.gif);
}
.special a {
background-image:url(../images/display_images/nav/special.gif);
}
.selfdrive a {
background-image:url(../images/display_images/nav/selfdrive.gif);
}
.groups a {
background-image:url(../images/display_images/nav/groups.gif);
}
.schools a {
background-image:url(../images/display_images/nav/schools.gif);
}
.weddings a {
background-image:url(../images/display_images/nav/weddings.gif);
}
.privatecharter a {
background-image:url(../images/display_images/nav/privatecharter.gif);
}
.gallery a {
background-image:url(../images/display_images/nav/gallery.gif);
}
.aboutus a {
background-image:url(../images/display_images/nav/aboutus.gif);
}
.how a {
background-image:url(../images/display_images/nav/findus.gif);
}
.contact a {
background-image:url(../images/display_images/nav/contact.gif);
}
.useful a {
background-image:url(../images/display_images/nav/usefullinks.gif);
}
.weddings-privatecharter a {
background-image:url(../images/display_images/nav/wedding-charter.gif);
}
#tabs {
float:left;
width:660px;
height:370px;
margin:0px 0px 0px 25px;
}
#full_col {
float:left;
width:665px;
overflow:hidden;
margin:0px 0px 0px 20px;
}
#icons {
float:left;
width:900px;
margin:25px 0px 25px 0px;
}

#teasers {
float:left;
width:900px;
}
.teaser {
float:left;
width:275px;
margin:0px 25px 0px 0px;
}
.teaser_image {
float:left;
width:92px;
height:75px;
overflow:hidden;
border:solid 2px #FFFFFF;
}
.lang {
cursor:pointer;
}
#CollapsiblePanel1 {
float:right;
outline:none;
width:136px;
height:25px;
color:#ffffff;
font-size:0.9em;
padding:3px 2px;
margin:0px;
background-image:url(../images/display_images/lang_bg.gif);
background-repeat:no-repeat;
}
.langcontent {
float:left;
width:130px;
margin:0px;
padding:3px;
background-color:#395d7a;
}
.langcontent a:link, .langcontent a:active, .langcontent a:visited {
text-decoration:none;
color:#ffffff;
}
.teaser_text {
float:left;
width:160px;
margin:0px 0px 0px 10px;
}
.left {
float:left;
}
.right {
float:right;
font: 16px "ClearfaceGothicW01-45Li", Arial, Helvetica, sans-serif;
}

.footer_left {
float:left;
padding:5px 10px;
}
.footer_right {
float:right;
padding:5px 10px;
}
#footer {
float:left;
width:900px;
color:#FFFFFF;
background-color:#0b3a60;
margin:80px 0px 35px 0px;
}
#footer a, #footer a:link, #footer a:active, #footer a:focus {
color:#ffffff;
}
a:hover {
text-decoration:underline;
}
h1, h2, h3 {color:#0d4471;margin:0px 0px 10px 0px;padding:0;}
h1 { font: 20px "ClearfaceGothicW01-65Me", Arial, Helvetica, sans-serif;}
h2 { font: 16px "ClearfaceGothicW01-65Me", Arial, Helvetica, sans-serif;}
h3 { font: 14px "ClearfaceGothicW01-Rom", Arial, Helvetica, sans-serif;}

#tab_links .header {
font: 14px "ClearfaceGothicW01-45Li", Arial, Helvetica, sans-serif;
color:#0d4471;
font-weight:300;
margin:0px;
padding:0px;
}
#cruise_prices {
float:left;
width:360px;
margin:0px 10px 10px 0px;
color:#5d5d5d;
padding:10px;
background-color:#f4f4f4;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
}
.blue {
margin:0px 5px 0px 0px;
color:#0d4471;
}

div#sponsorLinks {position: absolute; left: 0; bottom: -30px; width: 350px; clear: both; }
div#sponsorLinks a {float: left; margin-right: 10px;}
div#sponsorLinks p {padding-top: 25px; color: #fff;}

/*===========================webcam=========================*/
#webcam #container {
	width:980px;
}
#webcam #header {
	width:980px;
}
#webcam #icons {
	float:left;
	width:980px;
	margin:25px 0px 25px 45px;
}
#webcam #footer {
	width:980px;
}

/*===========================socialmedia=========================*/
div.social-media { float: left; margin:0px 24px 0px 0px; }
div.social-media:last-of-type{margin-right:0;}

/*===========================sociallinks=========================*/
footer, div#sponsorLinks { clear: both; }

/*===========================banner new=========================*/
div#banner { clear: both; }
div#banner a { float: left;}

/*===========================share online=========================*/
div#share-online {
	float: right;
	border: 1px solid #d3d3d3;
	padding: 5px 25px;
	text-align: center;
}

div#share-online h4 {
	font: 18px "ClearfaceGothicW01-45Li", Arial, Helvetica, sans-serif;
	color: #BBB;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}

/*===========================infoBar=========================*/
footer section#infoBar {
	float: left;
	width: 900px;
	color: white;
	background-color: #0e4472;
	margin: 80px 0px 35px 0px;
	font: 16px "ClearfaceGothicW01-45Li", Arial, Helvetica, sans-serif;
}

footer a:link, footer a:active, footer a:visited { color: white; text-decoration: none;}
footer a:hover { text-decoration: underline; }

p.email { float: left; padding: 5px 0 5px 5px;}
p.tel {float: left; text-align: center; width: 487px; padding: 5px 0 5px 0;}

div.right p { padding: 5px 5px 0 5px;}

nav#footer-nav { clear: both; background: #0a3a60; height: 20px; padding: 5px;}
nav#footer-nav ul {padding: 0;}
nav#footer-nav li { float: left; list-style: none; margin: 0; padding: 0; margin-right: 10px;}




/**additions by Dave Oct 2011**/
#galleries{margin:0; padding:0; margin-bottom:10px;}
#galleries li{
    display:inline-block;
    width:25%;
    height:150px;
    vertical-align:top;
    text-align:center;
}
    #galleries li .image_wrapper{height:100px; margin-bottom:5px;}
    #galleries li a h2{height:25%;vertical-align:bottom;}
    #galleries li img{max-width:95%; max-height:100%;display:block;margin:2px auto; background:#BEBEBE;padding:2px;}

    
img,video,object{max-width:100%;}

a.map{overflow:hidden; height:250px;display:block;}

.groups_page table td{border:1px solid #eee;}
.groups_page table tr:nth-child(odd){background:#EDF5FF;}
.groups_page table tr:hover{background:#DFEFFC;}

.link.wimage p{width:65%;float:right;}
.link img{float:left; margin-right:0.5em;margin-bottom:0.5em;}
.link .right{margin-top:0.5em;}