/* CSS Document */

/* body and container */
body {
	background-color: #005099;
	margin: 0;
	padding: 0 15px 200px 15px;
	text-align: center;
	
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
}

#container {
	width: 922px;
	margin: 0px auto;
	position: relative;
}

/* Left Column */
#leftCol {
	position: absolute;
	top: 58px;
	left: 0px;
	width: 187px;
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:438px; /* IE6: treated as min-height*/
	min-height:438px; /* real browsers */
	
	text-align: left;
	background: url(../images/elements/left-col-bg.jpg) top left no-repeat;
}

#leftCol .content {
	width: 167px;
	margin: 20px 0 0 1px;
	text-align: left;
	color: #ffffff;
}
/* book now button */
#bookNow {
	margin-left: 10px;
}
/* urgent notices button */
#urgentNotices {
	margin-left: 10px;
	margin-top: 10px;
}
/* Award button */
#awardButton {
	text-align: center;	
	padding-top: 6px;
	padding-left: 6px;
}

/* navigation menu in left column */
#mainMenu {
	margin: 0;
	padding: 9px 0 0 0;
}

#mainMenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#mainMenu li a {
	padding: 4px 0 4px 12px;
	/*margin-left: -9px;*/
	display: block;
}
#mainMenu li a.actual {
	background: url(../images/menu/menu-chevron.gif) top left no-repeat;
}

/* main menu sub menu nav */
#mainMenu ul {
	margin: 0;
	padding: 0 0 14px 0;
	background: url(../images/menu/menu-divider.gif) bottom left no-repeat;
}

/* Right Column */
#rightCol {
	position: absolute;
	top: 58px;
	right: 0px;
	width: 193px;
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:438px; /* IE6: treated as min-height*/
	min-height:438px; /* real browsers */
	
	text-align: left;
	background: url(../images/elements/right-col-bg.jpg) top right no-repeat;
}

#rightCol .content {
	width: 152px;
	margin: 20px 0 0 26px;
	text-align: left;
	color: #ffffff;
}
#rightCol .content a {
	color: #ffffff;
}

/* promotions panel in right column */
#rightCol .content .promotions img {
	margin-top: 5px;
	margin-bottom: 6px;
}

/* Header logo and images */
#header {
	position: absolute;
	top: 0px;
	left: 187px;
	width: 540px;
	height: 257px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	text-align: left;
}
#logo {
	margin: 14px 0 5px 377px;
}

/* Center Column */
#centerCol {
	position: absolute;
	top: 257px;
	left: 187px;
	background: #ffffff url(../images/elements/centre-col-foot.gif) bottom center no-repeat;
	width: 542px;
	margin-bottom: 50px;
}

#centerCol .content {
	position: relative;
	text-align: left;
	padding: 11px 18px 8px 18px;
	border-top: 1px #ffffff;
	border-bottom: 1px solid #005099; 
	
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:242px; /* IE6: treated as min-height*/
	min-height:242px; /* real browsers */
}

/* footer */
#footer {
	padding-top: 4px;
	padding-left: 18px;
	height: 45px;
	color: #ffffff;
	text-align: left;
	font-size: 9px;
	white-space: nowrap;
	
	position: relative;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a.active {
	font-weight: bold;
}
#footer a.actual, #footer a.current {
	font-weight: bold;
}
/* Follow us links in footer */
#followUs {
	font-size: 10px;
	height: 32px;
	
	position: absolute;
	top: 6px;
	right: 0;
}
#followUs img {
	vertical-align: middle;
}

/* General Styles */

/* links */
a {
	color: #01449b;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a img {
	border-width: 0px;
	margin-left: 2px;
}

/* headings */
h1 {
	color: #01449b;
	font-size: 16px;
	margin: 0 0 0 0;
	font-weight: normal;
}
h1.imageHeading {
	margin: 0;
	padding: 0 0 4px 0;
}

h2 {
	color: #01449b;
	font-size: 12px;
	margin: 0 0 0 0;
}
h3 {
	color: #01449b;
	font-size: 12px;
	margin: 0 0 0 0;
	font-weight: normal;
}

/* paragraphs */
p {
	margin: 0 0 13px 0;
}
p.small {
	font-size: 10px;
}
p.downloadAdobeReader {
	padding-top: 16px;
	font-size: 10px;
}

/* forms */
form {
	margin: 0;
	padding: 0;
}
span.required {
	color:#CC0000;
}
/* holiday brochure and sign up forms */
.formTable input.textField {
	width: 260px;
}
.formTable td, .formTable th {
	padding-top: 3px;
	padding-bottom: 4px;
}

/* tables */
th {
	font-weight: normal;
	text-align: left;
}
th, td {
	vertical-align: top;
}

/* lists */
ol, ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-left: 18px;
}
ol {
	margin-left: 34px;
}

/* page specific and content */

/* home */
#qualmark {
	position: absolute;
	bottom: 20px;
	right: 18px;
}

/* agency login */
#agencyLogin td {
	padding-top: 3px;
	padding-bottom: 4px;
}
#agencyLogin th {
	width: 124px;
	padding-top: 7px;
	padding-bottom: 4px;
}

/* Pages with image at bottom */
.bottomImage {
	margin-left: -17px;
	margin-right: -17px;
	margin-bottom: -5px;
}

/* timetables */
table.timetable th, table.timetable td {
	padding: 3px;
	padding-right: 11px;
	padding-left: 11px;
	text-align: center;
	color: #01449b;
	white-space: nowrap;
}
table.timetable th {
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	background-color: #01449b;
	
}
table.timetable td.time, table.timetable td.price {
	border-left: 1px solid #01449b;
}
table.timetable th.desc, table.timetable td.desc {
	text-align: left;
}
table.timetable th.price, table.timetable td.price, table.timetable td.fprice {
	text-align: right;
}
table.timetable tr.odd td {
	background-color: #bac3e4;
}

/* events */
.eventsBox {
	border: 1px solid #01449b;
	padding: 10px;
	margin-bottom: 13px;
}

/* vessels */
.fullWidthImage {
	margin-left: -17px;
	margin-right: -17px;
}

/* Other */
a.pdfLink {
	display: block;
	font-size: 10px;
	padding-left: 38px;
	padding-top: 16px;
	padding-bottom: 16px;
	background: url(../images/img_pdf.gif) center left no-repeat;
}

a.blackLink {
	color: #464646;
}

img.adobeReaderButton {
	margin-bottom: 4px;
}

.redBox {
	color: #ffffff;
	background-color: #cb1521;
	padding: 10px 10px 1px 10px;
}

.redText {
	color: #cb1521;
}

.blueText {
	color: #01449b;
}