/*Added by Breathe after Design Review. Equinox to add margin,padding etc to reflect visuals*/

/*To keep things simple I have created a single Heading style for all main content headings ie: 'Additional vehicle requirments (step 1), Passenger Details (step 4), Contact Details (step 5)*/
.BookingH2
{font-family: Verdana, Arial,  Helvetica, Sans-serif;
font-size: 0.9em;
font-weight:bold;
color: #000;
}

/*contact info sentence at bottom of Step 1*/
.contactText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.8em; 
color:#000;
text-align:left;
}

.s5dropdown 
{
	width:180px;
}

/*The Next Step heading at the bottom of the pages*/
.NextH1{
font-family:Verdana, Helvetica, Sans-serif; 
font-size: 13px; 
font-weight:bold;
padding-top:8px;
padding-bottom:5px;
}

/*The Next Step text at the bottom of the pages*/
.NextText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.8em; 
color:#000;
width:100%;
padding-top:0px;
padding-right:100px;
padding-bottom:8px;
vertical-align:top;
}

/*The STEP heading in the masthead, also use for pop-up headings line terms & conditions*/
.whiteHeading {font-family:Arial; font-size: 1.1em; color:#fff;}
.agentTitle {font-family:Verdana, Arial, Helvetica, Sans-serif;font-size: 15px; font-weight: bold; color:#fff;}

/*Total Cost Text*/
.total
{font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.8em; 
color:#000;
font-weight:bold;
}

/*Total Cost Text, also use this for total on outbound and return info - top of step 3, and on the payment detils on step 5*/
.totalNumeral
{font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:0.8em; 
color:#0F70A5;
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
font-weight:bold;
}

/*Small text, used in the case of 'Returning extra items checkbox text on step 3*/
.smallText
{font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.7em; 
color:#000;
}

/*Next step strip at bottom of pages*/
/* DSJ 11/07/2006 - Move the button left so that the secure graphic doesn't overlap */
.footerStrip
{
background-color:#eee;
padding-left:20px; padding-right:100px;
height:80px;
}

/*The mandatory asterix on step 5*/
.asterix
{font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:0.9em; 
color:#C6280B;

}


/*The dotted line div /change height to replicate visual if need/*/
/*padding;aply to replicate visuals*/
.BPdottedline
{
	background-image: url(../images/dotted_line_repeater.gif); background-repeat: repeat-x; 
}

/* 12 June 2006, Nev: Added color:black attribute */
.boldTitles
{font-weight:bold;
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
color:Black;
}























#bookingWrapper {
text-align: left;
/*width: 990px; */
width: 100%;
height:100%;
margin-left: auto;
margin-right: auto;
background-color:White;

}

a:link{  color: #CD6306; text-decoration: underline; font-weight: normal;}
a:active{  color: #CD6306; text-decoration:underline; font-weight: normal;}
a:hover{  color: #0A98D6; text-decoration: underline; font-weight: normal;}
a:visited{  color: #CD6306; text-decoration: underline; font-weight: normal;}
a:visited:hover{ color: #0A98D6; text-decoration: underline; font-weight: normal;}


hr
{border: 1px #ccc solid;}

p
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
margin-top:0;
padding-top:0;
margin-bottom:5px;
padding-bottom:5px;

color: #4C5464;


}

#bookingContent { width:100%; height:100%; background-color:White; }
#bookingLayout { width:990px; height:100%; border:0;}
/* #bookingLayout td {width:100%; } */

.bookingTitleHeader
{
	width:100%;
	background-color: #0089C6;
	display:block;
	height: 87px;
}

/* 13 June 2006, Nev: Header for popup windows */
.bookingPopupHeader
{
	width:100%;
	background-color: #0089C6;
	display:block;
	height: 88px;
}

#HeadingStrip{
	width:100%;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 0;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0;
	height:27px;
	POSITION: relative;
	/*background-image: url(../images/nav_background.gif); */
	background-repeat:repeat-y;	
	background-color: #006BA9;
	
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; 
	color:White;
}

.headingStripText {
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif; 
	color:White;
	
	
}

.h1
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 1.1em;
font-weight:bold;
margin-top:4px;
padding-top:4px;
margin-bottom:5px;
padding-bottom:5px;
color: #4C5464;
font-weight:bold;
}

.h2
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 1em;
font-weight:bold;
color: #000;
font-weight:bold;
padding-top:9px;
padding-bottom:5px;

}

.h3
{
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ; 

color: #006BA9; 
clear:both; 
}

.alertText
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-weight:bold;
font-size:0.8em;
color:#FF0000;
}

.tipText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.7em;
color:black;
}

.helpText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.8em;
color:#333;

}

#vehicleHelpPanel .helpText
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.7em;
color:#333;

}

#vehicleHelpPanel img
{
margin-bottom:8px;

}


.subText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.6em; 
font-style:italic;
color:black;
}
	
.dropDownText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.10em; 
color:black;
}

.linkText{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.9em; 
color: Blue; 
}

.captionText{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.8em; 
font-weight:bold;

}

.tableHeading
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 0.9em;
margin-top:0;
padding-top:0;
margin-bottom:5px;
padding-bottom:5px;
color: #4C5464;
font-weight:bold;
}

.tableSubHeading
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.9em;
margin-top:0;
padding-top:0;
margin-bottom:5px;
padding-bottom:5px;
color: #000;
font-weight:bold;
}

.detailHeading
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
margin-top:0;
padding-top:0;
color: Black;
font-weight:bold;
}

.detailText
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
margin-top:0;
padding-top:0;
color: Black;
}

.bookingTable
{
width:auto;

border: 1px solid #0D98D5;
}
/*
#OutboundSummary table{
padding:8px;}
*/
.bookingTable th
{
background-color:#0D98D5;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
color:#fff;
height:30px;
padding-right:10px;
}

.bookingTable th.singleTH
{
background-color:#0D98D5;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
color:#fff;
height:30px;
text-align:left;
padding-left:10px;
}



.bookingTable th.alt
{
background-color:#6ABCE0;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
color:#fff;
height:30px;

}

.bookingTable td.alt
{
background-color:#eeeeee;
}

.bookingTable tr.alt
{
background-color:#eeeeee;
}

.bookingTable td
{

padding:10px;
}

.soldOut
{
color:red;
font-weight:bold;
/*background-color:red;*/
padding:1px;

}


p.bookingH1
{
color:#1F3D74;
font-size: 0.9em;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Sans-serif;
margin-top:10px;
}

/* Step 1 page styles */
/* 12 June 2006, Nev: Change color from #DCEBF5 to White */
#additionalVehiclesPanel	
{
	background-color:White;
	padding-left:45px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}
/*
#additionalVehiclesPanel td {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.6em;
color:black;
}
*/
#additionalVehiclesPanel .h2 {
font-family: Verdana, Arial,  Helvetica, Sans-serif;
font-size: 0.9em;
font-weight:bold;
color: #000;
}

#additionalVehiclesPanel .h3
{
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ; 
font-size: 0.9em;
color: #333333; 
clear:both; 
}

#additionalVehiclesPanel select, input {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
color: black;
}

#additionalVehiclesPanel .subText {
font-family: Verdana, Arial,  Helvetica, Sans-serif;
font-size:0.7em; 
font-style:italic;
color:#324156;
}

#additionalVehiclesPanel .captionText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:0.7em; 
color:#484647;
font-weight:normal;
}

#additionalVehiclesPanel .linkText {
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.7em;
}

#vehicleHelpPanel 
{
	background-color:White;
}

/* Book Travel control styles */
.bookingSystem {margin: 0; BACKGROUND: url(../images/booking_bg.gif); FONT: 11px Arial,Helvetica,Sans-serif; padding:0; color:#08405F; line-height: 15px; }
.bookpaddleft{padding:8px;}
.bookingSystem tr td.bold{FONT: 11px Verdana,Arial,Helvetica,Sans-serif; font-weight:bold; padding-left: 2px;}

.bookingSystem tr td span{ padding-left: 2px;}

.bookingSystem select, textarea, input {
	FONT: 12px Arial,Helvetica,Sans-serif; COLOR: #000
}
.bookingSystem option {
	FONT: 11px Arial,Helvetica,Sans-serif; COLOR: #000
}

.bookingSystem tr td em {
	FONT: 10px Arial,Helvetica,Sans-serif; font-style:italic; padding-left:20px;
}

.bookingSystem tr td {
	FONT: 12px Arial,Helvetica,Sans-serif;
}

.bookingSystem tr td.bookpaddleft{padding-left:4px;}

.bookingSystem tr td.booking_line { background-image: url(/images/booking_dot.gif); background-repeat: repeat-x; padding-top:4px;}

.vehiclepad{padding-left:10px; padding-right:10px}
.marginpad {padding-left:36px; padding-right:36px}

/* Sailing Selection Styles */
.direction { font-family: Arial, Verdana, Helvetica, Sans-serif; font-size:1.0em; color:black; FONT: 14px Arial,Helvetica,Sans-serif; COLOR: #444;font-weight:bold;}
.ports { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:0.8em; color:black; COLOR: #444;font-weight:bold;}
.summary   { font-family: Arial, Verdana, Helvetica, Sans-serif; font-size:1.0em; color:black; FONT: 12px Arial,Helvetica,Sans-serif; COLOR: #444;}

.sailingSelection           { font-family: Arial, Verdana, Helvetica, Sans-serif; font-size:1.0em; color:black; FONT: 12px Arial,Helvetica,Sans-serif; COLOR: #444; border: 1px solid #0D98D5; }
.sailingSelection th				{ background-color:#0E88CD; color:#ffffff; text-align:left; padding:6px 0 6px 11px }
.sailingSelection td			  { padding:10px; }
.sailingSelection tr.dataalt{ background-color:#eeeeee; }
.sailingSelection td.sailingTime{ padding-top:0px;padding-bottom:0px;padding-left:12px;padding-right:0px; }
.sailingSelection td.sailingIcon{ padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:50px; }

/* Additional Items Styles */
.additionalItems						{ font-family: Arial, Verdana, Helvetica, Sans-serif; font-size:1.0em; color:black; FONT: 12px Arial,Helvetica,Sans-serif; COLOR: #000; border: 1px solid #0D98D5; }
.additionalItems th					{ background-color:#0E88CD; color:#ffffff; text-align:left; padding:6px }
.additionalItems td		      { padding:10px;}
.additionalItems tr.dataalt  { background-color:#eeeeee; }
.additionalItems tr.subTotal  { font-weight:bold; }

.linkTC {FONT: 11px Verdana,Arial,Helvetica,Sans-serif; font-weight:bold;  margin:8px 0;}
.linkTC:link{  color: #CD6306; text-decoration: underline; font-weight:bold;}
.linkTC:active{  color: #CD6306; text-decoration:underline; font-weight:bold; }
.linkTC:hover{  color: #0A98D6; text-decoration: underline; font-weight:bold;}
.linkTC:visited{  color: #CD6306; text-decoration: underline; font-weight:bold;}
.linkTC:visited:hover{ color: #0A98D6; text-decoration: underline; font-weight:bold;}