/* $1 - Generic Styles /////////////////////////////////////////////////////////////////////////////////// */

* {
	margin:0;
	padding:0;
}

.hidden, hr {
	position: absolute;
	left: -1999px;
}

body {
	background-color: #e8e8e8;
	font-family:Arial, sans-serif;
	padding-bottom:35px;

}

a img {
	border:none;
}

.bold {
	font-weight:bold;
}

/* Layout Styles /////////////////////////////////////////////////////////////////////////////////// */

div#wrapper {
	background-color:#fff;
	width:950px;
	margin:0 auto;
	border-left:solid 10px #fff;
	border-right:solid 10px #fff;
}

#header {
	height: 91px;
	background: url(../directci_images/bg_header.png) no-repeat;
}

div#search {
	float:left;
	width:230px;
	padding-bottom:20px;
	overflow:hidden;
	height:100%;
}

div#content {
	margin:0 0 0 240px;
	padding:0 0 20px 23px;
}

#content_bookings {
	margin:0 0 35px 0;
	overflow:hidden;
	height:100%;
	padding:0 0 0 0;
}

/*
#content_main {
	width:440px;
	float:left;
	padding:10px;
}

#content_extra {
	float:right;
	width:229px;
	padding-top:10px;
}

#content_text {
	padding:10px;
}

#content_text p img, #content_text img {
	float:left;
	margin-right:10px;
}
*/

#footer {
	clear:both;
	border-top:solid 1px #5dbedf;
	padding:11px 0 30px 0;
	overflow:hidden;
	height:100%;
	text-align:center;
}



/* Header Styles /////////////////////////////////////////////////////////////////////////////////// */

#header h1, #header p {
	display:none;
}

#header ul {
	float:right;
	list-style-type:none;
	margin:10px 15px 0 0;
}

#header ul li {
	display:inline;
}

#header ul li a {
	color:#fff;
	font-size:11px;
	background: url(../directci_images/bg_link_header.gif) no-repeat 100% 3px;
	padding-right:7px;
	margin-left:3px;
}

#last {
	margin:0;
	padding:0;
	background: none;
}

#nav {
	list-style-type:none;
	background-color:#00276d;
	/*background-color:red;*/
	overflow:hidden;
	height:100%;
	padding:0 0 0 34px;
	margin:0;
}

#nav li {
	float:left;
	margin:0;
	padding:0;
}

#nav li a {
	float:left;
	color:#00276d;
	text-decoration:none;
	display:block;
	height:19px;
	background: url(../directci_images/bg_link_nav_right.gif) no-repeat right top #fff;
	margin-right:1px;
	padding-right:12px;
	font-size:11px;
	font-weight:normal;
}

#nav li a span {
	background: url(../directci_images/bg_link_nav_left.gif) no-repeat top left #fff;
	padding-left:12px;
	display:block;
	padding-top:3px;
}

#nav li a:hover, #nav li a.active {
	background: url(../directci_images/bg_link_nav_right_hover.gif) no-repeat right top #09c;
	color:#fff;
}
#nav li a:hover span, #nav li a.active span {
	background: url(../directci_images/bg_link_nav_left_hover.gif) no-repeat left top #09c;
}

p#breadcrumbs {
	height: 22px;
	background: url(../directci_images/bg_breadcrumbs.jpg) repeat-x;
	color:#fff;
	padding:9px 0 0 10px;
	font-size:12px;
	font-weight:bold;
	clear:both;
	margin-bottom:3px;
}

p#breadcrumbs a {
	color:#fff;
	font-weight:normal;
}

p#breadcrumbs .separator {
	font-weight:normal;
}

/* Footer Styles /////////////////////////////////////////////////////////////////////////////////// */

#footer ul {
	list-style-type:none;
	font-size:11px;	
}

#footer ul#certificates {
	float:left;
}

#footer ul#links {
	padding-top:20px;
	margin-bottom:5px;
}

#footer div#sponsors {
	float:right;
}

#footer ul#certificates li , #footer div#sponsors ul li {
	display:block;
	height:55px;
        float: left;
}

#footer ul#certificates #abta {
	width:85px;
	background:url(../directci_images/logo_abta.gif) no-repeat;
	margin-right:10px;
}

#footer ul#certificates #protected {
	width:39px;
	background:url(../directci_images/logo_2713protected.gif) no-repeat;
	margin-right:10px;
}

#footer ul#certificates #verisign {
	width:90px;
	background:url(../directci_images/logo_verisign.gif) no-repeat;
}

#footer div#sponsors h5 {
	float:left;
	margin-right:10px;
	font-size:11px;
	color:#000;
}

#footer div#sponsors #guernsey {
	width:89px;
	background:url(../directci_images/logo_guernsey.gif) no-repeat;
	margin-right:10px;
}

#footer div#sponsors #jersey {
	width:61px;
	background:url(../directci_images/logo_jersey.gif) no-repeat;
}


#footer ul#links li {
	display:inline;
}

#footer ul#links li a {
	color:#00276d;
}

#footer p {
	
}

/* Sidebar Styles /////////////////////////////////////////////////////////////////////////////////// */

.side_box_top {
	background: url(../directci_images/bg_side_box_top.gif) no-repeat;
	height:10px;
	font-size:.1em;
}

.side_box_bottom {
	background: url(../directci_images/bg_side_box_bottom.gif) no-repeat;
	height:10px;
	font-size:.1em;
	margin-bottom:8px;
}

.side_box {
	background: url(../directci_images/bg_side_box_content.gif) repeat-y;
	padding:0 10px;
}

.side_box a {
	color:#000;
	text-decoration:none;
	font-size:11px;
}

.side_box div#holiday_quote {
	background: url(../directci_images/bg_side_box_holiday_quote.gif) no-repeat;
	padding-left:55px;
	min-height:55px;
}

.side_box div#speak_to_specialist {
	background: url(../directci_images/bg_side_box_speak_to_specialist.gif) no-repeat;
	padding-left:55px;
	min-height:55px;
}

.side_box div#newsletter_signup {
	background: url(../directci_images/bg_side_box_newsletter_signup.gif) no-repeat;
	padding-left:55px;
	min-height:55px;
}

.side_box h3 {
	color:#cc006b;
	font-size:13px;
	margin-bottom:2px;
	background-color:#fff !important;
	border:none;
}

.side_box p {
	font-weight:normal !important;
}



/* Forms Styles */

/* Form: Search your Holiday */

fieldset {
    border:none;
}

legend {
    display:none;
}

select {
    font-size:11px;
    margin:0px;
}

option {
    font-size:11px;
    margin-bottom:2px;
    padding:0 3px;
}

input {
    font-size:11px;
}

form.holiday_search label {
	font-weight:bold;
}

form.holiday_search select {
	font-size:11px;
}

form.holiday_search option {
	padding-right:5px;
}

form.holiday_search a.calendar {
	display:block;
	width:25px;
	height:20px;
	background: url(../directci_images/bg_link_calendar.gif) no-repeat;
	float:left;
	border:none;
}

form.holiday_search {
	margin-bottom:5px;
	clear:both;
	background: url(../directci_images/bg_form_search_for_your_holiday_bottom.gif) no-repeat bottom #dff1f7;
	padding-bottom:4px;
}

form.holiday_search legend {
	display:none;
}

form.holiday_search div {
	border-bottom:solid 1px #fff;
	padding:5px;
	font-size:11px;
	clear:both;
	overflow:hidden;
	height:100%;
}

form.holiday_search div.button {
	border:none !important;
	text-align:right;
}

form.holiday_search div.selectors select, form.holiday_search p {
	float:left;
	margin-right:10px;
}

form.holiday_search div .active {
	color:#cc006b;
	font-weight:bold;
}

form#ferry_hotel, form#hotel_only {
	display:none; /* status able to be modified by DOMScripting */
}

#newsletter_signup form input#newsletter_email {
	font-size:11px;
	padding:1px;
	width:110px;
	margin-right:4px;
}

#newsletter_signup form div input {
	float:left;
	margin-right:2px;
}

#newsletter_signup form label {
	font-size:11px;
	font-weight:normal;
}

#newsletter_signup form a {
	color:#cc006b;
	text-decoration:underline;	
	clear:both;
}

.b_search_now {
	width:93px;
	height:20px;
	background: url(../directci_images/b_search_now.gif) no-repeat;
	margin-right:5px;
}

.b_book_now {
	width:80px;
	height:20px;
	background: url(../directci_images/b_book_now.gif) no-repeat;
	margin-right:5px;
}

.b_go {
	width:40px;
	height:20px;
	background: url(../directci_images/b_go.gif) no-repeat;
}

/* Content Styles /////////////////////////////////////////////////////////////////////////////////// */
option {
	padding:0 2px;
}

h3.holiday-search {
	background-color:#039acd;
	font-size:16px;
	color:#fff;
	padding:6px 8px 2px 8px;
	height:24px;
	border-bottom:solid 1px #fff;
	clear:both;
}

.main_image {
	margin-bottom:5px;
}

div.breadcrumbs h2 {
	border:none !important;
	font-size:16px;
	margin:0;
	background:none;
}

div.breadcrumbs h1 {
	BORDER-BOTTOM: #cccccc 1px solid;
	font-size:16px;
	margin:0;
	background:none;
	color:#000;

}

div.breadcrumbs {
	
	border:none;
	margin:0 0 1px 0;
	padding:6px 8px 2px 8px;
}

div#mainContent {
	/*background-color:red;*/
}

div#mainContent form {
	background-color:#ffffff;
	margin:0 0 1px 0;
	padding:20px;
}

div.bookinstructions {
	border:none;
	background:#ffffff;
	margin:0 0 1px 0;
	padding:10px;
	overflow:hidden;
}

div#mainContent form div.bookinstructions {
	border:none;
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	overflow:hidden;
}

table.borderedtable {
	margin:0 auto 10px auto;
	width:100%;
}

table.borderedtable th {
	background-color:#039acd;
	color:#fff;
	padding:5px;
}

table.borderedtable td {
	padding:5px;
}


table.borderedtable_ferry {
	margin:0 auto 10px auto;
	width:700px;
}

table.borderedtable_ferry th {
	background-color:#eeeeee;
	color:#000000;
	padding:0px;
      text-align: center;
}

table.borderedtable_ferry td {
	padding:0px;
      text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
line-height: 10px;
}

		




form#Redirect {
  display: none;
}

form#Redirect table {
	margin-bottom:0;
}

table.controls {
	background-color:#fff;
	width:100%;	
}

table.controls td {
	padding:10px;
}

div.errataconfirm {
	padding:10px;
	background-color:#fff;
	margin:0 auto 10px 0;
}

table.borderedtable td.selector {
	background-color:#fff;	
}

/* Edits by Richard */

a.nextpage:link {font-size: 14px; font-weight: bold; text-decoration: underline;}
a.nextpage:visited {font-size: 14px; font-weight: bold; text-decoration: underline;}
a.nextpage:hover {font-size: 14px; font-weight: bold; text-decoration: underline;}
a.nextpage:active {font-size: 14px; font-weight: bold; text-decoration: underline;} 


/* Inclusive design table */

	table.AccomAvailTable
	{
		border-style: solid;
		border-color: #CDDAFC;
		border-width: 0px;
	}

	table.UnitAvailTable
	{
	}

	td.AccomHeader
	{
		BACKGROUND: url(../siteimages/header_back_cid.jpg);
		font-weight: bold;
		font-size: 1.2em;
		color: #FFFFFF;
		padding-left: 10px;
		height:25px;
	}

	td.AccomGrade
	{
		BACKGROUND: url(../siteimages/header_back_cid.jpg);
	}

	td.AccomDetails
	{
	}

	td.UnitHeader
	{
		background-color: #eeeeee;
		color: #002C9C;
		font-weight: bold;

		border-bottom-style: solid;
		border-bottom-color: #CDDAFC;
		border-bottom-width: 1px;
text-align: center;
	}

	td.UnitHeaderleft
	{
		background-color: #eeeeee;
		color: #002C9C;
		font-weight: bold;

		border-bottom-style: solid;
		border-bottom-color: #CDDAFC;
		border-bottom-width: 1px;
text-align: left;
	}


	td.UnitName
	{
		text-align: left;
	      border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		border-bottom-width: 1px;
	}

	td.UnitDetails
	{
		text-align: center;
	      border-bottom-style: solid;
		border-bottom-color: #CCCCCC;
		border-bottom-width: 1px;
	}

	table.DefaultFlightTable
	{
	
	}

	td.FlightHeader
	{
		background-color: #eeeeee;
		font-weight: bold;

		border-bottom-style: solid;
		border-bottom-color: #CDDAFC;
		border-bottom-width: 1px;
text-align: center;
	}

	td.FlightDetails
	{
text-align: center;
	}

/* Premier Booking Step Images - Images are now controlled by Div's*/

div#premiersteps1 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step1.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps2 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step2.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps3 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step3.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps4 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step4.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps5 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step5.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps6 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step6.jpg) no-repeat 0 !important;
    margin-left:125px;
}

div#premiersteps7 {

    height:58px;
    width:700px;
    background: url(../siteimages/top_nav_step7.jpg) no-repeat 0 !important;
    margin-left:125px;
}


/* $6 - CSS Buttons /////////////////////////////////////////////////////////////////////////////////// */

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}

a.hotelinfo{
background: transparent url('../siteimages/hotelinfo.jpg') no-repeat left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: underline;
width: 250px;

}

a.boldbuttons{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 90px;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttons2{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 200px;

}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: white; /*button text color*/
}

a.boldbuttons2 span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons2{ /* Hover state CSS */
text-decoration: underline;
}




a.boldbuttonsright{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 90px;

}

a:link.boldbuttonsright, a:visited.boldbuttonsright, a:hover.boldbuttonsright, a:active.boldbuttonsright{
color: white; /*button text color*/
}

a.boldbuttonsright span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsright{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttonsright1{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;

font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 180px;

}

a:link.boldbuttonsright1, a:visited.boldbuttonsright1, a:hover.boldbuttonsright1, a:active.boldbuttonsright1{
color: white; /*button text color*/
}

a.boldbuttonsright1 span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsright1{ /* Hover state CSS */
text-decoration: underline;
}




a.boldbuttons295{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 295px;

}

a:link.boldbuttons295, a:visited.boldbuttons295, a:hover.boldbuttons295, a:active.boldbuttons295{
color: white; /*button text color*/
}

a.boldbuttons295 span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons295{ /* Hover state CSS */
text-decoration: underline;
}



a.boldbuttonsnextpage{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 295px;

}

a:link.boldbuttonsnextpage, a:visited.boldbuttonsnextpage, a:hover.boldbuttonsnextpage, a:active.boldbuttonsnextpage{
color: white; /*button text color*/
}

a.boldbuttonsnextpage span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsnextpage{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsquickbook{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 150px;

}

a:link.boldbuttonsquickbook, a:visited.boldbuttonsquickbook, a:hover.boldbuttonsquickbook, a:active.boldbuttonsquickbook{
color: white; /*button text color*/
}

a.boldbuttonsquickbook span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsquickbook{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsbooknow{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 150px;

}

a:link.boldbuttonsbooknow, a:visited.boldbuttonsbooknow, a:hover.boldbuttonsbooknow, a:active.boldbuttonsbooknow{
color: white; /*button text color*/
}

a.boldbuttonsbooknow span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsbooknow{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsflights{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 495px;

}

a:link.boldbuttonsflights, a:visited.boldbuttonsflights, a:hover.boldbuttonsflights, a:active.boldbuttonsflights{
color: white; /*button text color*/
}

a.boldbuttonsflights span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsflights{ /* Hover state CSS */
text-decoration: underline;
}


a.boldbuttonsdays{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
width: 20px;

}

a:link.boldbuttonsdays, a:visited.boldbuttonsdays, a:hover.boldbuttonsdays, a:active.boldbuttonsdays{
color: white; /*button text color*/
}

a.boldbuttonsdays span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsdays{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttons3{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 200px;

}

a:link.boldbuttons3, a:visited.boldbuttons3, a:hover.boldbuttons3, a:active.boldbuttons3{
color: white; /*button text color*/
}

a.boldbuttons3 span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons3{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttonsboard{
background: transparent url('../siteimages/blue_left1.jpg') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 190px;

}

a:link.boldbuttonsboard, a:visited.boldbuttonsboard, a:hover.boldbuttonsboard, a:active.boldbuttonsboard{
color: white; /*button text color*/
}

a.boldbuttonsboard span{
background: transparent url('../siteimages/blue_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsboard{ /* Hover state CSS */
text-decoration: underline;
}

a.ferryseats{
background: transparent url('../siteimages/red_left1.jpg') no-repeat top left;
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
width: 370px;

}

a:link.ferryseats, a:visited.ferryseats, a:hover.ferryseats, a:active.ferryseats{
color: white; /*button text color*/
}

a.ferryseats span{
background: transparent url('../siteimages/red_right1.jpg') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.ferryseats{ /* Hover state CSS */
text-decoration: underline;
}


div#searchsummary {
	width:100%;
	margin: 10px 15px 0 0;
border: 1px solid #cccccc;
background: #dff4f5;
	
}

div#searchsummary h1{
background: url('../siteimages/bookingformtitle.jpg') no-repeat bottom;
padding:4px 0 2px 0px;
font-size:15px;
color: #ffffff;	
width:230px;
margin-bottom:0 !important;
text-align:left;
}