﻿/* Begin Common Styles */

	html
	{
		
	}

	body
	{
		margin: 0;
		padding: 0;
		display: block;
	}
	
	* html body
	{
		margin: 3px;
		margin-left: 8px;
	}
	
	div.AllContentContainer
	{
		position: relative;
		width: 100%;
	}
	
	
	form
	{
		margin: 0;
		padding: 0;	
	}

	input
	{
		margin-top: 1px;
		margin-bottom: 1px;
		padding: 0;
		display: block;	
	}
	
	ol, ul
	{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	li
	{
		margin-top: 0;	
	}
	
	* html input
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	
	img
	{
		padding: 0;
		margin: 0;
		display: block;
	}
		
	* html .ImageInput
	{
		margin-top: 1px;
		margin-bottom: 1px;
	}

	* html .CheckboxInput
	{
		margin-top: -3px;
	}
	
	input[type=image]
	{
		border: 0;
	}
	
	input[type=checkbox]
	{
		border: 0;
	}
	
	textarea
	{
		 overflow: auto;
	}

	div
	{
		padding: 0;
		margin: 0;
		display: block;
	}

	.Asterisk
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}
	
	.RelativeLeft
	{
		position: relative;
		float: left; 	
	}

	.RelativeRight
	{
		position: relative;
		float: right; 	
	}

	.Center
	{
		text-align: center;
		vertical-align: middle;
	}

	.SiteCopy
	{
		font-family: arial, verdana;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		padding: 10px 0 10px 0;
	}

	.SiteCopyNoPad
	{
		font-family: arial, verdana;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		padding: 0;
	}

	.SiteCopySmall
	{
		font-family: arial, verdana;
		font-size: 10px;
		color: #000000;
		padding: 20px 0 10px 0;
	}
	
	.ErrorMessage
	{
		font-family: verdana, arial;
		font-size: 16px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}

	.ErrorMessageSmall
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}
	
	.ErrorMessageForms
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;
		padding: 0 0 10px 15px;
	}
	
	.ErrorMessageForms li
	{
		padding-bottom: 2px;
	}
	
	.ErrorMessageFormsSmall
	{
		font-family: arial;
		font-size: 11px;
		font-weight: bold;
		color: #FF0000;
		padding: 5px 0 10px 15px;
		margin: 0;
	}
	
	.ErrorMessageFormsSmall li
	{
		margin: 0;
		padding: 0;
	}

	.Label
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
	}

	.Data
	{
		font-family: arial, verdana;
		font-size: 12px;
		color: #000000;
	}

	.LabelLeft
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		text-align: right;
		padding-bottom: 3px;
	}

	.DataRight
	{
		font-family: arial, verdana;
		text-align: left;
		font-size: 12px;
		color: #000000;
		padding-left: 30px;
		padding-bottom: 3px;
	}
		
	.LabelLeftSpaced
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		text-align: right;
		padding-bottom: 10px;
	}

	.DataRightSpaced
	{
		font-family: arial, verdana;
		text-align: left;
		font-size: 12px;
		color: #000000;
		padding-left: 30px;
		padding-bottom: 10px;
	}

	.LabelFinePrint
	{
		font-family: arial, verdana;
		font-weight: normal;
		font-size: 10px;
		color: #000000;	
	}

	.MainHeader
	{
		font-family: verdana, arial;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 10px 0;
		line-height:1.3;
	}

	.SubHeader
	{
		font-family: verdana, arial;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
	}

	.SmallHeader
	{
		font-family: verdana, arial;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
	}
	
	
	.Note
	{
		font-family: verdana, arial;
		font-size: 12px;
		padding-top: 5px;
		font-weight:normal;
	}

	.Footer 
	{
		font-family: verdana, arial;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
	}

	.BrandNavLabel
	{
		font: 11px arial, verdana;
		font-weight: bold;
	}
	
	td.GenericBackground
	{
		color:#ffffff;
	}

	a.Footer:hover
	{
		color: white;
	}

	a.BigLink, a.BigLink:visited
	{
		font-family: verdana, arial;
		font-size: 14px;
		color: #0000CC;
		font-weight: bold;
	}

	a.BrandBenefitImage, a.BrandBenefitImage:visited
	{
		position: relative;
		float: right;
		clear: right;
		width: 138px;
		height: 41px;
		cursor: pointer;
	}

	a.BrandServiceImage, a.BrandServiceImage:visited
	{
		position: relative;
		float: right;
		clear: right;
		width: 138px;
		height: 28px;
		cursor: pointer;
	}
	
	a.BrandNavLink, a.BrandNavLink:visited
	{
		font: 12px arial, verdana;
	}

	a:hover.BrandNavLink 
	{
		color: #000066;
		background-color: #FFFFFF;
	}

	div.LeftFooterBottom
	{
		 width: 150px;
		 height: 160px;
	}

	div.BrandNavLinkContainer
	{
		padding: 0 0 0 5px;
	}

	div.BrandNavHeader
	{
		font: 14px arial, verdana;
		font-weight: bold;
		padding-top: 20px;	
		padding-bottom: 10px;
	}

	div.BigLinkContainer
	{
		padding: 10px 0 10px 0;	
	}
	
	div.LeftNavContainer
	{
		padding: 5px 8px 0 8px;
		font: 12px arial, verdana;
	}
	
	div.Indent
	{
		margin: 0 8px 0 16px;	
		width: 620px;
	}
	
	.indentWidth
	{
		width:590px;
	}

	div.HorizontalRule
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
	}
	
	div.HorizontalRuleRed
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
		border-top: solid 1px #CC0000;
	}
	
	div.HorizontalRuleGreen
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
		border-top: solid 1px #077380;
	}
	
	div.PremiumStyles
	{
		font-family: arial;
		font-size: 11px;
	}
	
	.profile
	{
		height: 19px;
		padding-left: 2px;
		padding-top: 2px;
	}

	.claim
	{
		height: 19px;
		padding-left: 2px;
		padding-top: 2px;
	}

	select.claim
	{
		padding-top: 1px;
	}

	textarea.claim
	{
		height: 65px;
		width: 400px;
		margin-bottom: 5px;
	}
	
	.AlignRight
	{
		text-align: right;	
	}
	
	.AlignLeft
	{
		text-align: left;	
	}
	
	.SmallCopy
	{
		font-size: 10px;
	}
	
	li.WarningBullet
	{
		margin-left: 16px;
	}
	
    table.BorderedTable
    {
         border-bottom: solid 1px black;
         border-left: solid 1px black;
    }

    td.BorderedCell
    {
        border: solid 1px #666666;
        margin: 0;
        padding: 4px;
        border-color: #666666;
        border-width: 1px 1px 0 0;
     } 
     
	.MonthlyHeader
	{
		font-size: 18px;
		font-weight: bold;
		color: #334F9F;
		padding-top: 20px;
		font-family: arial;
	}
	
	.px10Top
	{
		padding-top: 10px;	
	}
	
	.px8Top
	{
		padding-top: 8px;	
	}
	
	.px5Top
	{
		padding-top: 5px;	
	}
	
	.px0Top
	{
		padding-top: 0px;	
	}
	
	.px10Left
	{
		padding-left: 10px;	
	}
	
	.px15Bottom
	{
		padding-bottom: 15px;
	}
	.px10Bottom
	{
		padding-bottom: 10px;
	}
	
	.px5Bottom
	{
		padding-bottom: 5px;
	}
	
	.px0Bottom
	{
		padding-bottom: 0px;
	}
	
	div.InnerPadding
	{
		padding: 8px;	
	}
	
	div.ModalBase
	{
		position: absolute; 
		top: 0; 
		left: 0; 
		font-family: Arial; 
		font-size: 12px; 	
	}
	
	.ExpiredCard
	{
		background: #C0C0C0;
		background-color: #C0C0C0;
	}

	          
	/* Cancel Module ============================================================================= */

    .CancelModuleMainContainer
	{
		clear: both;
		position: relative;
		float: left;
		width: 608px;
		margin-left:0px;
	}

	.CancelModContainer
	{
		position: relative;
		float: left;
		width: 608px;
		padding-top: 10px; 
		padding-bottom: 10px;
	}
    
    .CancelModSubHeader 
	{
		position: relative;
		font-family: arial; 
		font-size: 18px; 
		color: #000066;
		font-weight: bold;
		padding-top: 20px;
	}
	
	.SelectionContainer
	{
		position: relative;
		float: left;
		border: 0; 
		width: 608px; 
		height: 20px;
	}
	
	.BlueBarImg
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/blue_bar.gif); 
		width: 231px; 
		height: 1px;
		margin-top: 8px;
	}
	
	.MidSelectionImg
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/make_your_selection.gif); 
		width: 141px; 
		height: 16px;
	}
	
	.MidSelectionImgFR
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/FR_votre_choix_button.gif); 
		width: 141px; 
		height: 16px;
	}
	
	.CancelOptionDiv
	{
		position: relative;
		float: left;
		border: 0; 
		width: 608px; 
		padding-bottom: 10px;
	}
	
	.bodyTextCancelMod 
	{
		font-family: arial;
		font-size: 12px; 
		color: #000066;
		font-weight: bold;
	}
	
	.CancelButtonsContainer
	{
		position: relative;
		float: left;
		border: 0; 
		width: 500px; 
		padding-top: 20px;
		padding-bottom: 10px;
		margin-left:70px;
	}
	
	.CancelButtonLeftImg
	{
		position: relative;
		float: left;
		border: 0; 
		width: 220px; 
		margin-left:5px;
		
	}
	.CancelButtonRightImg
	{
		position: relative;
		float: right;
		border: 0; 
		width: 210px; 
		margin-left:10px;
	}
	
	.NoticeImg
	{
		position: relative;
		float: left;
		border: 0; 
		background-image: url(/Content/Images/Cancel/NOTICE-YOU-MUST-CLICK-BELOW.gif); 
		border: 0; 
		width: 495px; 
		height: 50px;
	}
	
	.ProceedButton
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/proceed-with-cancel-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.FinalizeCancelButton
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/comfirm-and-finalize-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.FinalizeCancelButtonUK
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/comfirm-and-finalize-button-uk.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.KeepBenefitButton
	{
		position: relative;
		float: left;
		background-image: url(/Content/Images/Cancel/keep-my-benefits-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.pointsBurst
	{
		position: absolute; 
		top: 60px; 
		left: 503px;
	}
	
	.pointSummaryWidth
	{
		width: 600px;
	}
	
	.summaryWidth
	{
		width: 100%;
	}
	
	.hotelDiscountsHeader
	{
		position:relative;
		float:left;
		margin:10px 0 0 30px;
	}
	
	.printCardSection
	{
		position: relative; 
		float: left; 
		margin: 10px 0pt 0pt 30px; 
		width: 393px;
	}
	
	.topPaginationSec
	{
		float: left; 
		padding-top: 2px;
		margin: 0px 0px 0 525px;
	}
	
	.pointActivityWidth
	{
		width: 160px;
	}
	
	.pointActivityViewAll
	{
		width: 105px;
	}
    .clear 
    {
	    BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
    }
    DIV#carRentalCopy {
	    PADDING-BOTTOM: 10px; MARGIN-TOP: 20px; WIDTH: 250px; FLOAT: left
    }
    DIV#carRentalImage {
	    TEXT-ALIGN: center; MARGIN-TOP: 20px; WIDTH: 90px; FLOAT: left; PADDING-TOP: 10px
    }


    	
	
	/* Cancel Module End =============================================================================== */


#rr-custom-modal {
	font-family: arial, verdana;
	font-size: 18px;
	font-weight: normal;
}

	#rr-custom-modal .button {
		background: #215aa3;
		padding: 2em 2em;
		color: #fff;
		border: 0;
	}

		#rr-custom-modal .button:hover {
			background: #128d9e;
			cursor: pointer;
		}

	#rr-custom-modal .modal-overlay {
		display: none;
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.5);
	}

	#rr-custom-modal .modal-content {
		background-color: #f4f4f4;
		margin: 20% auto;
		width: 70%;
		max-width: 800px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	}

	#rr-custom-modal .modal-header h2, .modal-footer h3 {
		margin: 0;
	}

	#rr-custom-modal .modal-header {
		padding-left: 15px;
		padding-top: 15px;
		color: #272727;
	}

	#rr-custom-modal .modal-body {
		padding: 10px 20px 60px 20px;
	}

	#rr-custom-modal .rr-button-container {
		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#rr-custom-modal .cancel-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

	#rr-custom-modal .continue-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

		#rr-custom-modal .continue-button .button-text {
			margin: 0;
		}

	#rr-custom-modal .cancel-button .button-text {
		margin: 0;
	}


	#rr-custom-modal .cancel-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-custom-modal .continue-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-custom-modal .close-button {
		font-size: 18px;
		color: #272727;
		float: right;
		margin-right: 10px;
	}

		#rr-custom-modal .close-button:hover, .close-button:focus {
			color: #128d9e;
			text-decoration: none;
			cursor: pointer;
		}

	#rr-custom-modal .modal-button-container {
		float: right;
		margin-top: 5px;
	}


	#rr-custom-modal .modal-button {
		background-color: #3476be;
		padding: 13px;
		color: #fff;
		border-radius: 2px;
		display: inline-block;
		margin-right: 10px;
		cursor: pointer;
	}

	#rr-custom-modal .modal-button-link {
		color: inherit;
		text-decoration: none;
	}

	#rr-custom-modal #modalBtn {
		display: none;
	}



#term-custom-modal {
	font-family: arial, verdana;
	font-size: 18px;
	font-weight: normal;
}

	#term-custom-modal .button {
		background: #215aa3;
		padding: 2em 2em;
		color: #fff;
		border: 0;
	}

		#term-custom-modal .button:hover {
			background: #128d9e;
			cursor: pointer;
		}

	#term-custom-modal .modal-overlay {
		display: none;
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.5);
	}

	#term-custom-modal .modal-content {
		background-color: #f4f4f4;
		margin: 20% auto;
		width: 70%;
		max-width: 600px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	}

	#term-custom-modal .modal-header h2, .modal-footer h3 {
		margin: 0;
	}

	#term-custom-modal .modal-header {
		background: #215aa3;
		padding: 15px;
		color: #fff;
	}

	#term-custom-modal .modal-body {
		padding: 10px 20px;
	}

	#term-custom-modal .rr-button-container {
		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#term-custom-modal .cancel-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

	#term-custom-modal .continue-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

		#term-custom-modal .continue-button .button-text {
			margin: 0;
		}

	#term-custom-modal .cancel-button .button-text {
		margin: 0;
	}


	#term-custom-modal .cancel-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#term-custom-modal .continue-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#term-custom-modal .close-button {
		font-size: 18px;
		color: #fff;
		float: right;
		margin-top: 8px;
	}

		#term-custom-modal .close-button:hover, .close-button:focus {
			color: #128d9e;
			text-decoration: none;
			cursor: pointer;
		}



	#term-custom-modal #modalTermBtn {
		display: none;
	}

#rr-fandango-modal {
	font-family: arial, verdana;
	font-size: 18px;
	font-weight: normal;
}

	#rr-fandango-modal .button {
		background: #215aa3;
		padding: 2em 2em;
		color: #fff;
		border: 0;
	}

		#rr-fandango-modal .button:hover {
			background: #128d9e;
			cursor: pointer;
		}

	#rr-fandango-modal .modal-overlay {
		display: none;
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.5);
	}

	#rr-fandango-modal .modal-content {
		background-color: #f4f4f4;
		margin: 20% auto;
		width: 70%;
		max-width: 800px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	}

	#rr-fandango-modal .modal-header h2, .modal-footer h3 {
		margin: 0;
	}

	#rr-fandango-modal .modal-header {
		padding-left: 15px;
		padding-top: 15px;
		color: #272727;
	}

	#rr-fandango-modal .modal-body {
		padding: 10px 20px 60px 20px;
	}

	#rr-fandango-modal .rr-button-container {
		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#rr-fandango-modal .cancel-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

	#rr-fandango-modal .continue-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

		#rr-fandango-modal .continue-button .button-text {
			margin: 0;
		}

	#rr-fandango-modal .cancel-button .button-text {
		margin: 0;
	}


	#rr-fandango-modal .cancel-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-fandango-modal .continue-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-fandango-modal .close-button {
		font-size: 18px;
		color: #272727;
		float: right;
		margin-right: 10px;
	}

		#rr-fandango-modal .close-button:hover, .close-button:focus {
			color: #128d9e;
			text-decoration: none;
			cursor: pointer;
		}

	#rr-fandango-modal .modal-button-container {
		float: right;
		margin-top: 5px;
	}


	#rr-fandango-modal .modal-button {
		background-color: #3476be;
		padding: 13px;
		color: #fff;
		border-radius: 2px;
		display: inline-block;
		margin-right: 10px;
		cursor: pointer;
	}



	#rr-fandango-modal .modal-button-link {
		color: inherit;
		text-decoration: none;
	}


	#rr-fandango-modal #modalBtn {
		display: block;
	}



#rr-fandango-modal {
	font-family: arial, verdana;
	font-size: 18px;
	font-weight: normal;
}

	#rr-fandango-modal .button {
		background: #215aa3;
		padding: 2em 2em;
		color: #fff;
		border: 0;
	}

		#rr-fandango-modal .button:hover {
			background: #128d9e;
			cursor: pointer;
		}

	#rr-fandango-modal .modal-overlay {
		display: none;
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.5);
	}

	#rr-fandango-modal .modal-content {
		background-color: #f4f4f4;
		margin: 20% auto;
		width: 70%;
		max-width: 600px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
	}

	#rr-fandango-modal .modal-header h2, .modal-footer h3 {
		margin: 0;
	}

	#rr-fandango-modal .modal-header {
		background: #215aa3;
		padding: 15px;
		color: #fff;
	}

	#rr-fandango-modal .modal-body {
		padding: 10px 20px;
	}

	#rr-fandango-modal .rr-button-container {
		display: flex;
		justify-content: space-around;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#rr-fandango-modal .cancel-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

	#rr-fandango-modal .continue-button {
		cursor: pointer;
		background-color: #8ab2e0;
		margin: 0;
		padding: 20px;
	}

		#rr-fandango-modal .continue-button .button-text {
			margin: 0;
		}

	#rr-fandango-modal .cancel-button .button-text {
		margin: 0;
	}


	#rr-fandango-modal .cancel-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-fandango-modal .continue-button:hover {
		background-color: #6699CC;
		color: #fff;
	}

	#rr-fandango-modal .close-button {
		font-size: 18px;
		color: #fff;
		float: right;
		margin-top: 8px;
	}

		#rr-fandango-modal .close-button a {
			text-decoration: none;
			color: #FFF;
		}

			#rr-fandango-modal .close-button a:hover {
				color: #8ab2e0;
			}

		#rr-fandango-modal .close-button:hover, .close-button:focus {
			color: #128d9e;
			text-decoration: none;
			cursor: pointer;
		}




	#rr-fandango-modal #fandangoModalBtn {
		display: none;
	}



      
/* End Common Styles */
