/* select dates calendar page
====================================================*/
#pageCalendar #content form h2 { background:#667BA6 url(../images/ferry/backgrounds/heading-ferry.jpg) top left no-repeat; }
#pageCalendar  h2.inbound { margin-top:5px; }

table.dates { font-size:100%;border-collapse:separate;border-spacing: 5px;*border-collapse: expression('separate', cellSpacing = '5px');}
table.dates, table.dates td, table.dates th { padding:0px; margin:0px; }
table.dates {margin:0 0 10px 5px;clear:both; background-color:#fff }
table.dates td, table.dates th { vertical-align:top;  }
table.dates th { text-align:center; background: #ffffff;line-height:23px; color:#666; font-weight:normal; font-size:1em; width:87px;text-transform:uppercase;}
table.dates td { height: 60px;width:87px;background:#f2f2f2;color:#dfdfdf}
table.dates td.current { background: url(../images/ferry/backgrounds/calendar-td-selected.gif) left center repeat-x;color:#fff}

td.available .num,td.available p, td.unavailable .num, td.full .num, td.full p  {color:#666; }
table.dates td.unavailable{ background: url(../images/ferry/backgrounds/calendar-td-noselect.gif) left top repeat; }

.num { font-size:1.2em; float:left; width:52px; margin:2px 2px 0 4px; line-height:16px; text-align:left; font-weight:bold;width:90% }
.ship,.price {margin:0 4px;}
.ship {font-size:8pt;}
.price {font-size:1.0em; vertical-align: top; font-weight:bold;text-align:right;margin-top:2px}
.ferryOnly .price {text-align: left;}

#moneyAmount { font-size:1.6em; vertical-align: top; }

.price del {
	color: rgba(255,0,0, 0.5);
	text-decoration: none;
	position: relative;
	font-size:0.9em;
}

.price del::before {
	content: " ";
	display: block;
	width: 100%;
	padding-bottom: 2px;
	top: 50%;
	border-top: 1px solid rgba(255,0,0, 0.5);
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(-7deg);
}

.price ins {
	position: relative;
	text-decoration: none;
	font-size:1.2em;
}

#moneyAmountDel {vertical-align: top; text-decoration: none;}
#moneyAmountIns {vertical-align: top; text-decoration: none;}

td.full .price {font-size:1.4em;color:#FF0000;margin-top:6px}
table.dates td.available {cursor:pointer; border-width:none; border-bottom-color:#999999; border-bottom-width:2px;background: url(../images/ferry/backgrounds/calendar-td-select.gif);}
table.dates td.full {border-width:none; border-bottom-color:#999999; border-bottom-width:2px;background: url(../images/ferry/backgrounds/calendar-td-select.gif);}
table.dates td.ferryOnly {border-width:none; border-bottom-color:#999999; border-bottom-width:2px;background: url(../images/ferry/backgrounds/calendar-td-select.gif); color:#9f9f9f;}
table.dates label { font-weight:normal; }
.currencySymbol{font-size:0.6em;vertical-align:top;}
td.available, td.available p, td.available div {cursor:pointer;}

/* links for earlier and later dates */
ul.dateActions { clear: left; margin: 0; float: left; display: inline; width: 100%;}

ul.dateActions li {  float: left; width: 49%; display: inline; line-height:30px; color: #027BC0;}
ul.dateActions .back a {background:url(../images/ferry/icons/left_circle.gif) center left no-repeat; padding-left:25px;margin-left:10px }
ul.dateActions .next a{ background:url(../images/ferry/icons/right_circle.gif) center right no-repeat; padding-right:25px;text-align:right;margin-right:10px }
ul.dateActions .next { text-align: right; float:right}
ul.dateActions li a {display:block; height:30px;}
#content ul.dateActions li a { color: #0eb2e9; text-decoration:none } /* needed for IE 6 to show link color */


ul.priceOptions, ul.priceOptions li { margin:0px; padding:0px; list-style-type:none }
ul.priceOptions { clear:both; margin-left:3px; }
ul.priceOptions li { font-size:0.9em; line-height:18px;  }
ul.priceOptions li input { border:0; } /* reduces height for IE */
p.price input { display:none; } /* on days where bookins are full, hide input fields */
ul.priceOptions li.full label { padding-left:16px; }
ul.priceOptions li.full strong { color:#f00; font-weight:bold; }

/* bullet point list using stars that appear beneath calendar tables */
ul.notices, ul.notices li { margin:0px; padding:0px; list-style-type:none  }
ul.notices {margin-left:3px;padding-bottom:20px;position:relative}
ul.notices li { padding-left:11px; font-size:0.9em; background:url(../../images/icons/bullet-star-grey.gif) 0 2px no-repeat; color:#777; margin-bottom:3px; }
#ferryCalendarForm h2 {margin-top:10px;margin-bottom:5px; font-weight:700;position:relative;display:block;letter-spacing:-1px;}
#ferryCalendarForm h2.inbound{border-width:1px 0 0 0; border-color:#999; border-style:dashed;margin:32px 14px 0;padding:10px 0 0 0}

ul.speciallink, ul.speciallink li { margin:0px; padding:0px; list-style-type: none } 
ul.speciallink {margin-left:9px;padding-bottom:20px;position:relative}

/*rounded corners*/
table.dates .corner{width:100%;height:60px}
table.dates td .bottom-left-corner{background: url(../images/ferry/backgrounds/calendar-unavail-bl.gif) bottom left no-repeat;  }
table.dates td .top-left-corner{background: url(../images/ferry/backgrounds/calendar-unavail-tl.gif) top left no-repeat;  }
table.dates td .top-right-corner{background: url(../images/ferry/backgrounds/calendar-unavail-tr.gif) top right no-repeat;  }
table.dates td .bottom-right-corner{background: url(../images/ferry/backgrounds/calendar-unavail-br.gif) bottom right no-repeat;  }

table.dates td.current .bottom-left-corner{background: url(../images/ferry/backgrounds/calendar-selected-bl.gif) bottom left no-repeat;  }
table.dates td.current .top-left-corner{background: url(../images/ferry/backgrounds/calendar-selected-tl.gif) top left no-repeat;  }
table.dates td.current .top-right-corner{background: url(../images/ferry/backgrounds/calendar-selected-tr.gif) top right no-repeat;  }
table.dates td.current .bottom-right-corner{background: url(../images/ferry/backgrounds/calendar-selected-br.gif) bottom right no-repeat;  }
table.dates td.current .t {background: url(../images/ferry/backgrounds/calendar-td-border.gif) 0 0 repeat-x; width: 87px}
table.dates td.current .b {background: url(../images/ferry/backgrounds/calendar-td-border.gif) 0 100% repeat-x}
table.dates td.current .l {background: url(../images/ferry/backgrounds/calendar-td-border.gif) 0 0 repeat-y; height:60px}
table.dates td.current .r {background: url(../images/ferry/backgrounds/calendar-td-border.gif) 100% 0 repeat-y} 

table.dates td.available .bottom-left-corner,table.dates td.full .bottom-left-corner{background: url(../images/ferry/backgrounds/calendar-avail-bl.gif) bottom left no-repeat;  }
table.dates td.available .top-left-corner,table.dates td.full .top-left-corner{background: url(../images/ferry/backgrounds/calendar-avail-tl.gif) top left no-repeat;  }
table.dates td.available .top-right-corner,table.dates td.full .top-right-corner{background: url(../images/ferry/backgrounds/calendar-avail-tr.gif) top right no-repeat;  }
table.dates td.available .bottom-right-corner,table.dates td.full .bottom-right-corner{background: url(../images/ferry/backgrounds/calendar-avail-br.gif) bottom right no-repeat;  }
table.dates td.available .t,table.dates td.full .t {background: url(../images/ferry/backgrounds/calendar-avail-border.gif) 0 0 repeat-x; width: 87px}
table.dates td.available .b,table.dates td.full .b {background: url(../images/ferry/backgrounds/calendar-avail-border.gif) 0 100% repeat-x}
table.dates td.available .l,table.dates td.full .l {background: url(../images/ferry/backgrounds/calendar-avail-border.gif) 0 0 repeat-y; height:60px}
table.dates td.available .r,table.dates td.full .r{background: url(../images/ferry/backgrounds/calendar-avail-border.gif) 100% 0 repeat-y}

table.dates td.unavailable .bottom-left-corner{background: url(../images/ferry/backgrounds/calendar-nosail-bl.gif) bottom left no-repeat;  }
table.dates td.unavailable .top-left-corner{background: url(../images/ferry/backgrounds/calendar-nosail-tl.gif) top left no-repeat;  }
table.dates td.unavailable .top-right-corner{background: url(../images/ferry/backgrounds/calendar-nosail-tr.gif) top right no-repeat;  }
table.dates td.unavailable .bottom-right-corner{background: url(../images/ferry/backgrounds/calendar-nosail-br.gif) bottom right no-repeat;  } 

/* select screen
====================================================*/

/*box subheadings*/
.subheading { float: left; margin-bottom: 4px; background: #dbe2ea url(../images/ferry/backgrounds/subheading.jpg) bottom left repeat-x; line-height: 40px; }
.subheading h3 { display: inline; float: left; width: 230px;  }
.subheading span { width: 185px; display: inline; }
.subheading span a, .subheading span a:visited { color: #db791e; font-weight: bold; }
.subheading span.previous { margin-left: 8px; float: left; background: url(../images/ferry/icons/arrow-back.gif) center left no-repeat; }
.subheading span.next { margin-right: 8px; float: right; text-align: right; background: url(../images/ferry/icons/arrow-next.gif) center right no-repeat; }
.subheading span.previous a { margin-left: 20px; }
.subheading span.next a { margin-right: 20px; }

/*sailing choices*/
.option { clear: both; float: left; margin: 11px 6px 0; border-bottom: 2px solid #e5e8ed; }

/*fares*/
.option .fares { float: left; display: inline; width: 126px; }
.option .fares li { margin-bottom: 8px;  }
.option .fares li label { margin-left: 4px; }

.details dt { margin-bottom: 8px; }
.details dt, .details dl strong {  }
.details dt img { border: 2px solid #d5dbe7; }
.details dt.photo { float: left; margin-right: 4px; }
.details dt a { margin-left: 8px; padding-right: 20px; background: url(../images/ferry/icons/popup.gif) center right no-repeat; }
.details dl em { color: #6d6d6d; font-weight: bold; }

/*facilities*/
.details .facilities { float: right; }
.details .facilities li { float: left; margin-left: 6px; }
.details .facilities img { border: 1px solid #b1b1b1; }

/* payment page
====================================================*/

/*card payment segment*/
#fieldsPayment { width: 611px; float: left; display: inline; margin-top: 2px; background: url(../images/ferry/backgrounds/payment.gif) 504px 7px no-repeat; }
#fieldsPayment li { width: 160px; float: left; display: inline; margin-bottom: 10px; }
#fieldsPayment label { display: block; margin-bottom: 2px; }
#fieldsPayment label.access { display: none; }
#fieldsPayment li#fieldNumber { width: 186px; }
#fieldNumber input { width: 160px; }
#fieldsPayment li#fieldCode, #fieldsPayment li#fieldHelp { width: 268px; }
#fieldCode input { width: 75px; margin-bottom: 4px; float: left; display: inline; }
#fieldCode small { width: 168px; margin-left: 8px; float: left; display: inline; }
#fieldHelp img { vertical-align: middle; margin-right: 4px; }
#fieldHelp small { padding-top: 20px; }
#payMethods { margin-left: 120px; }

/*billing info segment*/
#fieldsBilling p { margin-bottom: 0.8em; margin-right: 0; }
#fieldsBilling label { width: 147px; float: left; display: inline; margin-right: 2px; text-align: right; }
#fieldsBilling .column { width: 264px; margin-top: 2px; float: left; display: inline; }
#fieldsBilling .column input { width: 100px; }
#fieldsBilling .column select { width: 102px; }
#fieldsBilling .narrow { width: 350px; }
#fieldsBilling .narrow label { width: 95px; }