@charset "UTF-8";
/* CUSTOM */
h1, h2, h3, h4, h5, h6 {
  color: #04476F;
   }

h3, h4, h5, h6 {
  color: #505253; }

/* Help/Cancel link */
nav .btn {
	margin: 0.2em;
	width: 7em;
	height: 32px;
	border-radius: 26px;
}

nav .btn a:hover {
	color: #fff;
}

/* Portal styling */
.scp_page_container {
	font-size: 15px;
	color: #505253;
	font-family: "Bliss Regular", Calibri, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	border: none;
	padding: 0;
}

.scp_static_text {
	font-size:90%;
	margin-top:10px;
}

.scp_secure_logos {
	margin-bottom:50px;
	margin-top:10px;
	}

#scp_confirmationPage_cardDetails_header {
	padding-top: 10px;
}

.scp_purchase_details_head_4 {
	text-align: right;
}

label {
	font-weight: normal;
}

.scp_xml_container_text {
	font-size: 0.8em;
}

.scp_mandatory {
	font-weight: normal;
}

/* Input controls */
input#scp_cardPage_expiryDate_input, input#scp_cardPage_expiryDate_input2, input#scp_cardPage_csc_input {
	max-width: 5em;
	text-align: center;
}

input.scp_text_input {
    outline: none !important;
    border: 1px solid #a0c5cf;
    border-radius: 0.7em;
    line-height: 1em;
    padding: 0px 15px;
    vertical-align: middle;
    margin: 6px 0;
    height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	display: inline-block;
	width: 100%;
	max-width: 18em;
}

/* Buttons */
#scp_button_container {
	margin: 2rem 0;
}

#scp_cardPage_buttonsNoBack_continue_button, #scp_cardPage_buttons_continue_button, #scp_additionalInformationPage_buttons_continue_button, #scp_confirmationPage_buttons_payment_button {
	background-color: #04476F;
	border: 0px none;
	color: #FFF;
	padding: 0px 15px 0px 24px;
	width: auto;
	background-position: 16px -28px;
	padding-right: 20px;
	min-height: 42px;
	line-height: 2em;
	border-radius: 1em;
	outline: medium none !important;
	cursor: pointer;
	transition: background-color 0.15s linear 0s;
	margin-left: 1.5em;
	}
	
#scp_cardPage_buttonsNoBack_continue_button:hover, #scp_cardPage_buttons_continue_button:hover, #scp_additionalInformationPage_buttons_continue_button:hover, #scp_confirmationPage_buttons_payment_button:hover {
	background-color: #F0AB00;
	background-position: 16px -108px;
	color: #201848;
	}
	
#scp_cardPage_buttonsNoBack_reset_button, #scp_cardPage_buttons_back_button, #scp_cardPage_buttons_reset_button, #scp_additionalInformationPage_buttons_back_button, #scp_additionalInformationPage_buttons_reset_button, #scp_confirmationPage_buttons_back_button, #scp_walletSelectionPage_buttons_back_button {
	background-color: #F0AB00;
	border: 0px none;
	color: #201848;
	padding: 0px 15px 0px 24px;
	width: auto;
	background-position: 16px -108px;
	padding-right: 20px;
	min-height: 42px;
	line-height: 2em;
	border-radius: 1em;
	outline: medium none !important;
	cursor: pointer;
	transition: background-color 0.15s linear 0s;
	float: left;
	margin-left: 0.5em;
}
	
#scp_cardPage_buttons_back_button, #scp_additionalInformationPage_buttons_back_button, #scp_confirmationPage_buttons_back_button {
	margin-left: 0px;
}
	
#scp_cardPage_buttonsNoBack_reset_button:hover, #scp_cardPage_buttons_back_button:hover, #scp_cardPage_buttons_reset_button:hover, #scp_additionalInformationPage_buttons_back_button:hover, #scp_additionalInformationPage_buttons_reset_button:hover, #scp_confirmationPage_buttons_back_button:hover, #scp_walletSelectionPage_buttons_back_button:hover {
	background-color: #04476F;
	background-position: 16px -28px;
	color: #FFF;
}

.scp_error_text {
	font-size: 17px;
	color: #ca005d;
	font-weight: normal;
}

.scp_error_text + label + input {
	border: 1px solid #ca005d;
}
/* The email address incorrectly includes the scp_error_text element before it, so force the border to be default value */
#scp_additionalInformationPage_email_input {
	border: 1px solid #a0c5cf !important;
}

/* Help page */
.scp_help_top
{
	background-color: #04476F;
	border-radius: 1em;
	padding: 0;
}

.scp_help_top h3 {
	margin: 1em;
	color: #fff;
}

.scp_help_close {
	color: #fff;
	display: inline-block;
	padding: 1em;
}

.scp_help_title {
	background-color: #F0AB00;
}

.scp_help_show_hide_link {
	color: #fff;
}

/* Confirmation table */
.scp_purchase_details thead {
	background-color: #F0AB00;
}

.scp_purchase_details_total, tfoot > tr > td.scp_amount {
	background-color: #04476F;
	color: #fff !important;
	padding: 0.2em;
}

dl.scp_card_details {
	border: solid 1px;
}

dl.scp_card_details dt {
	background-color: #F0AB00;
    margin-right: 0.5em;	
}

dl.scp_card_details dt, dl.scp_card_details dd {
	border: solid 1px;
	padding: 0.2em;
}

dl.scp_card_details > dd {
}

dt, dd {
	font-size:15px;color:#505253
}

.scp_purchase_details_surcharge_summary {
	background-color: 
}

#scp_confirmationPage_purchaseDetails_container, #scp_confirmationPage_cardDetails_container {
	margin: 0;
}

/* Please wait indicator */
#busy_indicator_text {
	border-color: #fff;
	background-color: #04476F;
	color: #fff;
}

#headerLine {
	content-visibility: hidden;
}

.header h1 {
	color: #04476F;
	font-weight: normal;
	background-color: #fff;
	position: relative;
}

/* Framework */
.page-home > header {
	position: inherit !important;
}

.page-home > header > nav {
	max-height:200px !important;
	height: inherit;
}

.page-home section {
	padding: 0 !important;
}

.wrapper {
	top: 0 !important;
}
 
.clearCustomerLogo {
	clear: left;
}
 
.scp_static_text {
	clear: left;
    padding-top: 1em;
}

.scp_card_image {
	zoom: 1;
}

#scp_secureLinks_mcrd_logo, #scp_secureLinks_visa_logo, #scp_secureLinks_pci_logo {
	zoom: 0.8;
}

.logo {
	margin-right: 1em;
}

footer .container {
	background-color: inherit;
}

footer ul li, footer a {
	color: #004670;
}

footer img.pay360logo {
	width: 12em;
}

footer ul.contact-us {
    float: right;
}

nav ul {
	text-align: right;
	margin-right: 0.2em;
}

h3#scp_cardPage_header {
	display:none;
}

@media only screen and (min-width: 64em) {

	/* Move Help and Cancel links down slightly from the top of the page */
	nav .btn {
		margin: 34px 0.2em 0.2em;
		padding-top: 0;
	}

}

@media only screen and (min-width: 48em) {

	nav .btn {
		padding-top: 0;
		font-size: 18px;
		height: 38px;
		font-size: 1.8rem;
		line-height: 2em; 
	}

	dt, dd {
		font-size:21px !important;
	}

	.scp_card_image {
		zoom: 1.8 !important;
	}

	input#scp_cardPage_expiryDate_input, input#scp_cardPage_expiryDate_input2, input#scp_cardPage_csc_input {
		text-align: left;
	}

	.customerLogo {
		float: left;
		margin-right: 2em;
	 }

	.customerName {
		padding-top: 1em;
	}
	
	#scp_secureLinks_mcrd_logo, #scp_secureLinks_visa_logo, #scp_secureLinks_pci_logo {
		zoom: 1 !important;
	}	

	.scp_text_field_label {
		width: 15em;
		display: inline-block;
	}
	
	.scp_help_top h3 {
		margin: 1em;
		padding: 0.6em;
	}

	.scp_page_container {
		font-size: 21px;
	}
}