#ferrydiv {margin: 0px; padding: 10px 0px 0px 24px; font-size: 12px;}

/*------------------------------------------------------------------*/
/*   Fusion ferries                                                 */
/*------------------------------------------------------------------*/
#ferriesummary {margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #F4F7F9; border: solid 1px #E2EDF7;}
#ferriesummary h3 {font-size: 16px; color: #3A6DAC; margin: 0px; padding: 5px 0px 0px 0px; position: relative /*peekaboo bug fix*/;}
#ferriesummary p {margin: 0px; padding: 5px 0px 5px 0px;}

.ferryresults {border: solid 1px #E2EDF7; padding: 10px 10px 0px 10px; background-color: #F4F7F9;}
.ferryresults h3 {margin: 0px; padding: 0px; font-size: 16px;}
.ferryresults h4 {margin: 0px; padding: 0px; font-size: 14px;}
.ferryresults p {margin: 0px 0px 10px 0px; padding: 0px;}

.ferryresults table {margin: 0px 0px 10px 0px;}
.ferryresults table th {background-color: #D4E4F2; padding: 4px 6px 4px 6px; text-align: left; vertical-align: top;}
.ferryresults table td {padding: 4px 6px 4px 6px; vertical-align: top; text-align: left; border: solid 1px #CCCCCC;}
.ferryresults table {background-color: #FFFFFF; border: solid 1px #CCCCCC;}
.ferryresults table .small {font-size: 11px;}

.ferryitinerary {border: solid 1px #CCCCCC; margin-top: 10px;}
.ferryitinerary h3 {margin: 0px 0px 4px 0px; padding: 4px 10px 4px 10px; font-size: 16px; background-color: #E2EDF7;}
.ferryitinerary h4 {margin: 4px 0px 4px 0px; padding: 4px 10px 4px 10px; font-size: 14px; background-color: #F4F7F9;}
.ferryitinerary table {margin: 0px 6px 0px 6px;}
.ferryitinerary th {text-align: left; padding: 0px 4px 0px 4px;}
.ferryitinerary td {padding: 0px 4px 4px 4px; vertical-align: top;}
.ferryitineraryprice {font-weight: bold; text-align: right; font-size: 16px; border-bottom: solid 1px #E2EDF7; padding-right: 10px;}
.ferryitineraryprice b {color: #FF0000; font-size: 16px;}

.ferriesortoptions { font-size: 12px; margin-bottom: 5px;  }
.ferriesortoption { float: left; padding: 4px; }
.ferriesortoptionhigh { float: left; padding: 4px; background-color: #ffffcc }

.selectedferry {margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #ffffcc; border: solid 1px #e7e7e7; }
.selectedferry p {margin: 0px; padding: 5px 0px 5px 0px;}
.selectedferry .small { font-size: 11px; }

.ferrylist { background-color: #F4F7F9; padding: 5px; border: 1px solid #E2EDF7; }
.ferrychoices { background-color: #ffffff; padding: 5px; }
.ferrychoiceitem td { margin: 0; padding: 0 !important; }
.ferrychoiceitem .small { font-size: 11px; }
.ferrypages { padding: 6px !important; border: 1px solid #E2EDF7; background-color: #ffffff; }

.changeferrybox {
	display: none;
	z-index: 51;
	position: absolute;
	top: 40%;
	left: 45%;
	background-color: white;
	width: 600px;
	height: 350px;
	padding: 5px;
	border: 5px solid #E2EDF7;
	overflow: scroll;
}

#confirmation .ferryconf {padding: 10px 10px 0px 10px;}
#confirmation .ferryconf .ferryout {margin: 0px 0px 10px 0px; padding: 10px; background-color: #FFFFFF;}
#confirmation .ferryconf .ferryin {margin: 0px 0px 10px 0px; padding: 10px; background-color: #FFFFFF;}
#confirmation .ferryconf h4 {margin: 0px; padding: 4px 10px 4px 10px; font-size: 14px; background-color: #E2EDF7;}
#confirmation .ferryconf h5 {margin: 0px; padding: 0px; font-size: 14px; padding: 5px; background-color: #F4F7F9;}
#confirmation .ferryconf th {text-align: left; padding: 5px 5px 0px 5px;}
#confirmation .ferryconf td {text-align: left; padding: 0px 5px 5px 5px;}


#confirmation .ferriestable {background-color: #FFFFFF; border: solid 1px #CCCCCC;}
#confirmation .ferriestable .small {font-size: 11px;}