/* 
	common.css
-----------------------------------------------------------------
	Legacy styles
	By Breathe
	Optimised and tidied by CT
	
	Corrections:
	h3.top of page now h3.topofpage
-----------------------------------------------------------------
*/
	#nav, 
	#bookingSystem, 
	.side-a , 
	#footer, 
	#topNavContainer, 
	.checkTimetables, 
	#noprint, 
	#ssLogo, 
	#headerImage, 
	#secondaryNav,
	#flashcontainer {
		display:none;
	}
	body, 
	div, 
	image {
		padding:0; 
		margin:0; 
	}
	
	body {
		text-align:center;
		line-height: 20px;
	}
	#content {
		width:auto;
		margin:0px auto;
		text-align:left;	
	}
	body,
	#content,  
	#middle,
	#middle_home,
	#middleFlushed { 	
		background-color:#fff; 	
	}  	
	#middle,
	#middle_home,
	#middleFlushed { 	
		padding: 31px 0px 0px 18px;		
	}	
	#middle,
	#middleFlushed {
		width: 95%;
	}
	#middle_home { 
		float: left;	
		width: 365px; 
		padding-bottom: 10px; 
	}	  
	h1,
	h2,
	p.h2inline,
	h2.topofpage,
	h3,
	p.h3inline {
		font: bold 13.5pt Verdana, Arial, Helvetica, sans-serif;	
	}	
	body,
	p,
	table td,
	#middle ul,
	ol {
		font-family: Arial, Helvetica, sans-serif;
	}
	h3,
	p.h3inline,
	h3.topofpage,
	h4 {
		color: #333; 	
	}		
	body,
	a:link,
	a:visited,
	a:visited:hover,	
	a:hover,
	a:active,
	p,
	table td,
	#middle ul,
	ol {	
		color: #000; 
	}	
	h2,
	p.h2inline,
	h2.topofpage,
	h3.topofpage {	
		color: #17599C;	
		font-size: 12pt;	
	}	
	h3.topofpage {
		font-size: 10.5pt;
	}
	body,
	h3,
	p.h3inline,
	h3.topofpage,
	h4,
	p,
	table td,
	#middle ul,
	ol {
		font-size: 10pt;
	}		
	h1,
	h2,
	h2.topofpage,
	h3,
	h3.topofpage,
	h4 {
		clear:both; 	
	}			
	h1,
	h2,
	p.h2inline,
	h3,
	p.h3inline,
	h4 {
		padding-top: 12px;	
	}	
	h2.topofpage,
	h3.topofpage,
	p {
		padding-top: 0;
	}	
	h1,
	h2,
	p.h2inline,
	h4 {	
		margin-top: 12px;		
	}	
	h2.topofpage,	
	h3,
	p.h3inline,
	h3.topofpage.
	p {
		margin-top: 0;	
	}				
	h1 {	
		padding-bottom: 8px;
		margin-bottom: 7px;	
	}
	h2,
	p.h2inline,
	h2.topofpage,
	h2.topofpage,
	h3,
	p.h3inline,
	h3.topofpage,
	h4,
	p {		
		padding-bottom: 5px;	
		margin-bottom: 5px;		
	}
	a:link,
	a:visited,
	a:visited:hover,	
	a:hover,
	a:active {
		text-decoration: none; 
		font-weight: normal;
	}
	#skip a, 
	#skip a:hover, 
	#skip a:visited { 
		position:absolute; 
		left:0px; 
		top:-500px; 
		width:1px; 
		height:1px; 
		overflow:hidden;
		visibilty:hidden;
  }   
	#skip a:active { 
		position:static; 
		width:auto; 
		height:auto; 
  }
	#middle ul,
	ol,
	#middle ol {
		padding-top: 0px; 
		padding-left: 20px; 
		padding-bottom: 8px; 
		margin-top: 0px; 
		margin-bottom: 0px; 
		margin-left: 1px; 
	}
	#middle ol {
		padding-left: 25px;
	}
	#middle li {
		padding: 0 0 5px 0; 
		margin-top: 0px; 
		margin-bottom: 5px;
	}

	.div10 { 
		height:10px;
	}
	.div20 { 
		height:20px;
	}
	.div30 { 
		height:30px;
	}
	.div40 { 
		height:40px;
	}
	.div50 { 
		height:50px;
	}
	.div60 { 
		height:60px;
	}
	.div70 { 
		height:70px;
	}
	.div80 { 
		height:80px;
	}
	.div150 { 
		height:150px;
	}
	.div200 { 
		height:200px;
	}
	.div250 { 
		height:250px;
	}

	.rightPic {
		margin: 8px 0 8px 25px; 		
	}
	.picright,
	.rightPic,
	.ImgrightTop,
	.Imgright { 
		float:right; 
	}
	.picleft,
	.leftText,
	.Imgpicleft { 
		float:left; 
	}
	.ImgrightTop,
	.Imgright {
		margin:10px 0 10px 20px;
	}
	.ImgrightTop {
		margin-top: 0;
	}

/* 
	===============================================================
	Bluebridge - Booking System Frontend Update
	
	New styles
	Created 18.02.2009 by DS
	Last Updated: See SVN
	
	HTML is a recode of existing markup.
	Affects: homepage, booking pages.

	To prevent the new styles from being applied to existing templates, 
	home/booking styles are prefixed with #t-booking to match 
	the template body ID.

	Styles that need to be shared between templates 
	(such as the sidebar booking form), aren't preceded with #t-booking 
  ===============================================================
*/

	#middle_home,
	.middle_booking {
		float: none; /* prevent double-margin bug in ie6 */
		width: 515px;
		padding-left: 0;
		margin-left: 20px;
	}
	.middle_booking fieldset {
		padding: 0;
		border: 0;
	}
	table,
	th,
	td {
		border: 1px solid #000;
	}
	table {
		border-width: 1px 1px 0 0;
	}
	th,
	td {
		border-width: 0 0 1px 1px;
	}	
	.middle_booking .sailing .table .nav ul,
	.middle_booking .sailing .table .nav input,	
	hr,
	img.help,
	img.note,
	.access,
	.middle_booking p.cancel {
		display: none;
	}
	#t-booking .nav ul,
	#t-booking .nav ol,
	#t-booking .nav li,
	#t-legacy .nav ul,
	#t-legacy .nav ol,	
	#t-legacy .nav li {	
		padding: 0;
		margin: 0;
		list-style: none;
	}	
	.progress {
		margin-top: 3px;
	}
	#t-booking .progress li {
		display: inline;
		margin-right: 8px;
	}
	.progress li em {
		font-style: normal;
	}
	.middle_booking table {
		margin-bottom: 1em;
	}	
	.middle_booking .submit {	
		margin-top: 1em;
	}
	.middle_booking .additions legend {
		font-weight: bold;
	}
	.middle_booking .submit input {
		margin-left: 9px;
		margin-bottom: -0.8em;
		position: relative; /* render outdent in IE6 */
	}	
	#middle_home #news h3 a {
		font-weight: bold;
	}
	.middle_booking .tfoot em {
		font-style: normal;
	}
	.middle_booking legend {
		margin-left: -7px; /* prevent extra LH w/s in IE6 */
		color: #000; /* prevent default blue in IE6 */
	}
	html>body .middle_booking legend {
		margin-left: 0;
	}
	#t-booking .step-3 td.assistance .special-assistance-2 textarea {
		width: 91px; 
	}
	.step-3 label {
		position: absolute;
		visibility: hidden; 
	}
	#t-booking #passengers .special-assistance-2 {
		margin: 0;
		width: auto;
	}
	.step-4 div.pair label,	
	.step-3 td.assistance .special-assistance-2 strong {
		display: block;
	}
	.step-4 .inline-pair label,	
	.step-4 span.pair label,
	.step-4 .inline-pair p {
		display: inline;	
		font-weight: normal;
	}	
	.step-4 #payment .terms p {
		text-transform: lowercase;
	}		
	.step-4 h4 em {	
		font-style: normal;
		font-weight: normal; /* nested within strong */
	}					
	#t-booking .access,
	#t-legacy .access {
		display: none;
	}		
	#t-booking .step-3 td.assistance .special-assistance-2 label {
		position: static;
		visibility: visible; 
	}		
	.step-3 th,
	.step-3 td {	
		padding-right: 7px;
		vertical-align: top;
	}		
	#passengers .special-assistance-2 {
		text-align: left;
		width: 387px;	
		margin: 0.3em 0 0 -288px;		
	}	
	.step-3 table {	
		border-width: 1px 1px 0 1px;
	}	
	.step-3 th,
	.step-3 td {		
		border-width: 0 0 1px 0;
	}				
	a img {
		border: 0;
	}