/* back GREY button ********************************/
a.link_button
{
    background: transparent url(../Content/images/back_right.gif) no-repeat scroll top right; 
    display: inline-block;	
    height: 36px;
}
a.link_button,
a.link_button:link,
a.link_button:visited,
a.link_button:hover,
a.link_button:active
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	text-decoration: none;
}
a.link_button:hover
{
    text-decoration: none;
    background-position: bottom right;
    color: #666;
}
a.link_button:active
{
    background-position: bottom right;
    outline: none;
}
a.link_button span
{
	background: url(../Content/images/back_left.gif) no-repeat top left;
	display: block;
	white-space: nowrap;
	line-height: 36px;
	text-align: center;
	padding: 0px 12px 0px 12px;
}
a.link_button:active span
{
    background-position: bottom left;
}
a.link_button:hover span
{
    background-position: bottom left;
}
a.auto_width
{
    width: auto;
}
/* proceed GREEN button ********************************/
a.main_button
{
    background: transparent url(../Content/images/proceed_right.gif) no-repeat scroll top right;
    display: inline-block;
    height: 36px;
    width: auto;
    padding-right: 20px;
}
a.main_button,
a.main_button:link,
a.main_button:visited,
a.main_button:hover,
a.main_button:active
{
    font-family: Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	width: auto;
	border: none 0 !important;
}
a.main_button:hover
{
    text-decoration: none;
    background-position: bottom right;
    color: #666;
}
a.main_button:active
{
    background-position: bottom right;
    outline: none;
}
a.main_button span
{
    background: url(../Content/images/proceed_left.gif) no-repeat top left;
    display: block;
    white-space: nowrap;
    line-height: 36px;
    text-align: center;
    padding: 0px 12px 0px 12px;
}
a.main_button:active span
{
    background-position: bottom left;
}
a.main_button:hover span
{
    background-position: bottom left;
}

.calendarContainer
{
    display: inline-block;
    position: relative;
}
.calendarContainer .calendar
{
    height: 22px;    
    width: 0px;
    position:absolute;
    z-index: -1;   
    border:0px;  
}
.calendarContainer .calendarButton
{
    background: url("calendar.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    padding: 0;
    width: 22px;
	cursor: pointer;
	cursor: hand;
}
.ui-datepicker {
    font-size: 12px !important;
}
body .ui-datepicker {
    display: none;
}
.pictogram 
{
	display: none;	
}
.hcBtn {		
	background-color: transparent;
	background-image: url(../Content/Images/icons/ic-helppaleblue12.gif);
	background-repeat: no-repeat;
	border: 0 solid #FBFCFC;
	width: 18px;
	height: 18px;
	display: none;
}
.hcDiv {
	display : none;
}
.accomCell select
{
    min-width: 80%;
}
.subTitleAccomRow td { border-bottom: 0px dotted #727272; }
.subTitleAccomRow { height: 28px; }
.lastBookPopup
{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 200px;
    background-color: #FFFFCC;
    border: 1px solid #444444;
    padding: 4px;
}
* html .lastBookPopup   /*for ie6*/
{
    position: absolute;
}
.lastBookPopup tr
{
    background-color: transparent;
}
body#ferry-accom .accomHurryUpText 
{
    background-color: #FFF0D8;
    color: #727272;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    text-align: center;
    text-decoration: none; 
}
body#ferry-accom .accomMandatory 
{
    font-size: 12px;
    color: orange;
}
body#ferry-accom .accomOptional 
{
    font-size: 12px;
    color: #5E5E5E;
}
.hcBtn
{
    display: inline !important;
	cursor: pointer;
}

/* >> This is the style for a ONEFLOW element & it's popup box */
div#outerPanelContent { width:156px; min-width:156px; }
div#outerPanelContent #innerPanelContent { width: 100%; }
div#outerPanelContent #RouteMapPanel { width:100%; margin:5px 5px 5px 5px; text-align:center; }
div#outerPanelContent #RouteMapOuter { vertical-align:top; text-align:center; }
div#outerPanelContent .moreInfo { font-size:11px; color:#727272; border-bottom:1px dotted #727272; text-decoration:none; line-height:20px; cursor:pointer; vertical-align:top; vertical-align: top;}
div#outerPanelContent a:link { font-size:11px; color:#727272; text-decoration:none; line-height:17px; text-align:center; }
div#outerPanelContent a:visited { font-size:11px; color:#727272;  text-decoration:none; line-height:17px; text-align:center; }
div#outerPanelContent a:hover { font-size:11px; color:#727272;  text-decoration:none; line-height:17px; text-align:center; }
div#outerPanelContent .priceLarge { color:#005684; font-size:18px; line-height:30px; letter-spacing:-1px; }
div#outerPanelContent .strikeOutPrice {	color: #005684;	font-size: 10pt; text-decoration: line-through; }
div#outerPanelContent .pricingCell { text-align:center; vertical-align:middle; background-color:#FFEFD7; line-height:1.4em; width:150px; white-space:nowrap; }
div#outerPanelContent .resultSeperator { background-color:#ffffff; height:16px; line-height:1em; }
div#outerPanelContent .rowhd { color: #005684; font: bold 12px Arial,Helvetica,sans-serif; }
div#outerPanelContent .topRow td { border-bottom: 1px solid #DEF0F4; border-top: 1px solid #DEF0F4; padding: 0; text-align: left; width: 315px;}
div#outerPanelContent .altQuoteLineItem { border:1px solid #DADADA; text-align:center; padding:4px 2px 4px 2px; width:150px; }
div#outerPanelContent .altSailingsTitle { color:#727272; font-size: 14px; font-weight:bold; line-height: 18px; }
div#outerPanelContent .altJourneyDetails { color:#727272; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; height: 20px;}
div#outerPanelContent .altActiveLinkRow { height:20px; line-height: 20px; vertical-align:middle !important; }
div#outerPanelContent .blueInfoRow td { border-bottom:1px solid #DEF0F4; padding:0 2px 0 2px; text-align: center; line-height: 20px; }
div#outerPanelContent .errorMesg { color:white !important; }
div#outerPanelContent .altQuoteLinkButton { display:inline-block; clear:both !important; background:url(../aferry2/altquote/FSgreyBtn.gif) no-repeat left top; width:144px; height:20px; padding:2px 0px 2px 0px; text-align:center; }
div#outerPanelContent .altQuoteLinkButton:hover { background:url(../aferry2/altquote/FSgreyBtn_H.gif) no-repeat left top; }
div#outerPanelContent #divPopupBoxBtm { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../Content/Images/rvw-new-images/btmBar460.png) no-repeat scroll center top; clear:both; height:18px; width:460px; }
div#outerPanelContent .resultsCloseButton { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../Content/Images/rvw-new-images/rvw-x.png) no-repeat scroll 0 0; clear:both; display:inline-block; height:17px; margin:4px 0 0; padding:0; text-align:center; width:18px; cursor: pointer; }
div#outerPanelContent .divPopupBoxHeader { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; height:6px; line-height: 6px; width:460px; background:transparent url(../Content/Images/rvw-new-images/topBar460.png) no-repeat scroll center bottom; clear:both; }
div#outerPanelContent .divPopupBoxTitleHolder { background-color:#005684; height:25px; min-height:25px; overflow:hidden; width:443px; padding: 0px 0px 0px 17px; }
div#outerPanelContent .divPopupBoxText { color:#FFFFFF; float:left; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-style:normal; font-variant:normal; font-weight:bold; line-height:18px; padding:0px 0 7px 20px; text-align:left; width:380px; margin:0; }
div#outerPanelContent .divPopupBox { background-color: #E0EAF7; border-left: 4px solid #005684; border-right: 4px solid #005684; clear: both; overflow: hidden; padding: 10px 15px 15px; width: 422px; }
div#outerPanelContent .divBox {	clear:both; padding: 2px 4px 2px 4px; background-color: Transparent; overflow:hidden; position:absolute; left:470px; margin-top:-75px; margin-left:5px; float:right; z-index:999; text-align:left; }
div#outerPanelContent .sailingRow { background-color:#ffffff; }
div#outerPanelContent .resultHeading { background-color:#ffffff; font-weight:bold; }
div#outerPanelContent .FerryRouteParticulars {background-color:#ffffff; white-space: pre-line; }
div#outerPanelContent .divBoxTable { border: 0; background-color: transparent; text-align: left; }
div#outerPanelContent .divClose { color:#bcf; padding: 1px 2px 0 0; text-decoration:none; font-weight:bold; float:right; cursor: pointer; }
div#outerPanelContent .divPopupClose { float: right; height: 25px; margin: 0 10px 0 0; padding: 0; width: 18px; }
div#outerPanelContent .divPopWidth { width: 422px; }
div#outerPanelContent .divPopWidth2 { display: block; width: 422px; align: center; background-color: #fff; overflow:hidden;}

body#quote #bookingOuter {
	display: block;
	width: 956px;
	height: 100%;
	margin: 0px auto; 
	overflow: hidden;
	zoom: 1;
}
body#quote #bookingTop {
	display: block;
	width: 956px; 
	height: auto;
	margin: 0px 0px auto auto; 	
	display: block;
}
body#quote #bookingLeft {	
	display: inline;
	width: 780px; 
	margin: 0 20px 0 0;
	float: left;
	text-align: center;
	height: 100%;
}
body#quote #bookingRight {
	display: inline;
	width: 156px; 
	margin: 0px auto;
	height: 100%;
	float: right; 
	padding: 0;
	border: 0;
}
div#bookingLeft table#tblStatus700 {
	width: 600px;
}
.summaryRow  td{ border-bottom: 1px solid #def0f4; padding: 1px; font-size: 12px;}
.cellrightborder { border-right: 1px solid #def0f4;}
.baskethd {font-size:16px; line-height: 34px; font-weight:bold; text-align:center; color:#727272;} 
.ferryhd {font-size:14px; line-height: 24px; font-weight:normal; text-align:center; color:#727272;}
.divider-background {background-color: #ffffff;}

.dashedline2 {border: none 0; border-top: 1px dashed #81b5d8; width: 100%;height: 1px; padding: 4px 0px 4px 0px;}
/***************Payment Page styles***************/

body#payment #t48 table {
    border: 2px solid #ffcc33;
} 

.ccFinalCostTitle, .ccFinalCost, .ccFinalCostDesc {
    font-size: 12px;
    font-weight: bold;
}
.ccFinalCostTitle { color: blue; }
.ccFinalCostDesc { color: #CC3333; }
.ccFinalCost { color: #FF0000; }

#totalpricehold {width: 300px; float:right; padding: 8px; color: #005684; font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-align:center; border: 1px solid #81b5d8;}
.totalprice{ font-size: 24px; line-height: 28px; color: #005684; text-align: center; margin: 0px 0px 10px 0px;}
.totalpricesmallprint {display: block; font-size: 11px; line-height: 16px; letter-spacing: 0.40px; text-align: center; font-weight: normal; color: #727272; margin: 0px; padding: 0px;}
.iconhold {width: 14px; height: 14px; display: block; float: left; margin: 0px 0px 0px 10px;}
.freebies:link {font-size: 12px; color: #005684; font-weight: normal; line-height: 16px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #005684;} 
.freebies:visited {font-size: 12px;color: #005684;font-weight: normal;line-height: 16px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: dotted; border-bottom-color: #005684;}
.freebies:hover {font-size: 12px;color: #727272;font-weight: normal;line-height: 16px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: dotted; border-bottom-color: #727272;}
.ttg {color: #000000;}

/***personal details styles***/
.bluethintable {border: 2px solid #fdca0b; border-collapse: collapse;}
.tdalignright {text-align: right; vertical-align: middle;}
.tdalignleft {text-align: left; padding: 0px 6px 0px 0px;}
.td-a {text-align: left; vertical-align: top; zoom: 1;}
.td-r {text-align: right !important; vertical-align:middle; min-width: 233px !important; white-space: nowrap; zoom: 1;}
.td-l {text-align: left; vertical-align: middle;}
.smallprint { display: block; width: 100%; font-size: 11px; line-height: 14px; margin: 6px 0px 6px 0px; padding: 0; letter-spacing: 0; text-transform:none; text-align: left;}

/***pop ups styles***/
.PUheader{font-size: 18px; color: #f37415; text-align: left; font-weight: bold;
border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #f37415; line-height: 24px;}
.PUhd2 {font-size:16px;	line-height: 24px;	font-weight:bold; text-align: left;	color: #005684;}	
.PUpara {font-size: 14px; line-height: 18px; text-align:justify; color: #333;}
.PUfootnote {font-size: 11px; line-height: 12px; text-align: center; color: #333;}
.PUimages {background-color:#FFF; padding: 4px;}
.PUparaleft {font-size: 14px; font-weight:normal; line-height: 18px; text-align:left; color: #727272;}
.PUorange {font-size: 14px; font-weight:bold; line-height: 18px; text-align:left; color: #f37415;}

/***insurance panel styles***/
#insHeaderHold {width: 620px; margin-left:auto; margin-right:auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #005684; font-weight: bold; padding-top: 10px; text-align: left; padding-bottom: 6px;}
.insImageleft {margin-left: 6px;}
#insOuterHold {width: 620px; margin-left:auto; margin-right:auto; border: 1px solid #81b5d8; border-collapse: collapse;}

#insHold {width:570px; margin: 0px 25px 0px 25px; padding:10px 0px; text-align:left; background-color: #fff; overflow:auto;
          font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; letter-spacing: 0.25px; text-align: left; color: #727272; overflow:hidden;}
		  
#insTophold {width: 390px; float:left; padding: 0px; }
#insPricehold {width: 158px; float:right; padding: 2px; color: #005684; font-weight: normal; text-align:center; border: 1px solid #81b5d8; overflow:hidden; background-color:#e3f3fd;}

#insPershold {width: 570px; float:left;	border-top: 1px dotted #81B5D8; margin: 8px 0px 0px 0px;}
.insPricebig{font-size: 24px; line-height: 28px; font-weight: bold;}
.insPricetext{font-size: 11px; line-height: 12px; font-weight: normal;}

.insHead1 {font-size: 16px; line-height: 16px; font-weight: bold; color: #005684; padding-top: 14px;}
.insHead1normal {font-size: 14px; font-weight: normal; color: #727272;}
.insHead2 {font-size: 14px; line-height: 14px; font-weight: bold; color: #727272; padding-top: 10px;}
.insText1 {font-size: 12px; line-height: 16px; float:left; color:#727272; display: block;}
#insYes {width: 520px; float:left; margin-left: 30px; margin-top: 10px; }
.insRadio {width: 30px; float:left; margin: 0px; padding: 0px; }
#insNo {width: 520px; float:left; margin-left: 30px; margin-top: 10px;}

.insText2 {width: 420px; font-size: 12px; line-height: 16px; float:left; color:#727272; display: block; padding: 2px 0px 4px 0px;}

.insText2 a:link, .insText2 a:visited {font-size: 12px; color: #727272; font-weight: normal; line-height: 16px; text-decoration: none; 
border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #727272;} 
		
.insText2 a:hover {font-size: 12px; color: #005684; font-weight: normal; line-height: 16px; text-decoration: none; 
border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #005684;}

/* insurance nag popup ********************************/
#insmodalhold {width: 382px; margin-left:auto; margin-right:auto; padding: 30px 10px 20px 10px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #727272; overflow: hidden;}

.insmodalheader{width: 342px; 
				margin: 0px;
				background:transparent url(images/ic-ins-orange.gif) 0 0 no-repeat;
				font-size: 18px;  line-height: 24px;
				color: #f37415; 
				text-align: left; 
				font-weight: bold; 
				border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #f37415; padding: 0px 10px 5px 30px;}
					
#insmodalhold p {font: normal 14px/18px Arial, Helvetica, sans-serif; color: #727272; margin: 8px 0px 0px 30px; padding: 0px;}
	
#insmodalhold h2 {font: bold 16px/18px Arial, Helvetica, sans-serif; color: #727272; margin: 20px 0px 0px 30px; padding: 0px;}
	
#insmodalbuttonshold {float: left; width: 100%; overflow: hidden; padding: 30px 0px 20px 30px; }
#insmodalNobutton {float: left; margin-right: 8px;}
#insmodalYesbutton {float:left; width: 190px;}

.helpIconHold {width: 12px; display: block;  float: left; margin: 0px 10px 0px 0px; }

body#passengers #tblPDMainDetails {
	border-collapse: separate;
	border-spacing: 2px 2px;
}
body#quote #quoteLayoutTable 
{
	overflow: hidden;
}
body#quote #quoteHolderTable {
    margin: 0 auto;
}
body#quote #quotePriceBanner {
    text-align: center;
}
body#quote #nowpricehold {
    margin: 0 auto;
    width: 320px;
}
body#passengers .AF2BookPDTable {
	width: 725px;
}
body#payment .CCHolderName {
    width: 185px;
}
.accomSeparator { line-height: 4px; zoom: 1; }

.amend-breadcrumb {
	vertical-align: middle;
    margin: 0 0 7px 1px;
    font-size: 7.5pt;
    font-weight: bold;
	white-space: nowrap;
}
.amend-breadcrumb span.arrow {
    color: #FFFFFF;
    display: inline-block;
    width: 14px;
    background-image: url("breadcrumb-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.amend-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.amend-breadcrumb a:hover {
  text-decoration: underline;
}
.radDisability, .radWheelChair {
  width: 13px; height: 13px; margin: 0; padding: 0; border: 0 none transparent; outline: 0px none transparent; border-width:6px
}
.DisabilityDiv label {
    padding-right: 10px;
}
body#payment input[type="radio"]{ border: 0; height: 24px; }
#spanPaymentCCardCharge { line-height: 28px; vertical-align: middle; }
#spnPayPalChargeInfo { line-height: 28px; vertical-align: middle; }
.clsMunicipality { line-height: 28px; vertical-align: baseline; }