		.main-container ul {
			padding-left:0px;
		}
		
		#cancel {
			display:none;
		}
		
		.helpLink {
			display:none;
		}
		
		hr {
			display:block;
			width:99%;
		}
		
		.logo {
			text-align: center;
			width: auto;
		}
		
		.intro, .heading {
			display: none;
		}
		
		.hide {
			display: none !important;
		}
		
		li {
			list-style-type: none; /* Remove bullets */
			padding: 0; /* Remove padding */
			margin: 0; 
		}
		
		#api {
			text-align:center;
			margin:auto;
		}
		
		#api .textInput, #api select, #api #email, #api #password, #api .memCardPrefix, #api .memCardProxy, #api .tempCardProxy {
		    margin-bottom: 8px;
		    height: auto;
			padding: 10px 8px;
			font-family: Arial !important;
			font-size: 0.86em !important;
			display: block;
			width: 100%;
			line-height: 1.5;
			color: #495057;
			background: #fff;
			border: solid 1px #b9b9b9 !important;
			border-radius:4px;
			text-align:left;
			margin:auto;
			margin-top:2px;
			margin-bottom:8px;
		}
		
		#api label {
			text-align:left;
			display: block;
			font-size: 0.9em;
		}
		
		#extension_Prefix, #extension_DateOfBirth {
			max-width:200px;
			margin-left: 0 !important;
		}		
		
		#api .RadioSingleSelect  label, #api .temp-buttons label {
			display: inline-block;
			margin-right: 5px;
		}
		
		#api .textInput[disabled] {
			background: #e2e0e0;
			border: solid 1px #aaa !important;
		}
		
		#forgotPassword {
			display: block;
			font-size: 0.8em;
			margin-top: 5px;
			margin-bottom: 4px;
			text-align: left;
		}
		
		#api .error {
			color: #dc3545;
			font-weight: bold;
			text-align: left;
		}		
		
		.frmJoin1 {
			max-width: 70%;
			margin: auto;
			
			max-width: 350px;
			margin: auto;
			width: 100%;
		}
		
		.inner-container {
			padding-top: 0;
		}
		
		#api .Password  {
			display:block;
		}
		
		#api li div label {
			margin-top: 15px;
		}
		
		#api div h2 {
			margin-top: 15px;
		}
		
		#api div h4 {
			margin-top: 15px;
			margin-bottom: 3px;
			text-align:left;
		}

	.smaller-text {
		font-size:0.8em;
		 text-align: left;
	}

#continue[disabled] {
    cursor: not-allowed;
    background: rgb(170, 170, 170);
}	
		
.termsArea {
    color: rgb(68, 68, 68);
    margin-bottom: 10px;
    text-align: left;
}

.termsArea span {
    display: inline-block;
}		
		

		.extension_MarketingConsent_li input, .extension_TemporaryCard_li input, .extension_CardNumber_li input {
			margin-right:8px;
		}
		
		.extension_TemporaryCard_li span {
			font-size:0.85em;
		}
		
		.extension_MarketingConsent_li #yes_option, .extension_MarketingConsent_li  #no_option {
			margin-right:8px;
		}
		
		.reenterPassword_li::after {
			font-size:0.8em;
		}
		
		.buttons {
			border: 0;
			background: unset;
			border-radius: unset;
			display: block;
			padding: 0;
			margin-top: 15px;
			margin-bottom: 10px;
		}

		.postcodeDropdown {
			width:100%;
		}
		
		.lnkAddress {
			margin-top: 10px;
			display: inline-block;
			cursor: pointer;
			color: #376fa9;
			text-decoration: underline;
			font-size: 0.9em;
		}
		
		.buttons button {
			border: 0;
			background: #f3bb00;
			border-radius: 2px;
			display: inline-block;
			color: #fff;
			transition: all 0.6s ease-in-out;
			margin-top: 3px;
			cursor: pointer;
			width:100%;
			min-width: 135px;
		}
		
		.attrEntry button {
			border: 0;
			background: #f3bb00;
			border-radius: 2px;
			display: inline-block;
			color: #fff;
			transition: all 0.6s ease-in-out;
			margin-top: 3px;
			cursor: pointer;
			width:100%;
			min-width: 135px;
		}

		.attrEntry {
			display: block;
			text-align: left;
		}	
		
		#api.frmLogin .entry {
			text-align: center;
			margin: auto;
			margin-top: 8px;
			margin-bottom: 5px;
		}
		
		
		#api.frmLogin .textInput, #api.frmLogin select, #api.frmLogin #email, #api.frmLogin #password {
			margin: auto;
			margin-top: 4px;
			margin-bottom: 8px;
		}
		
		#api.center-form form {
			text-align: center;
			margin: auto;
		}
		
		h2.leftAlign {
			text-align: left;
		}
		
		#api .memCardPrefix {
			background: #e2e0e0;
			display: inline;
			width: 30%;
		}
		
		#api .memCardProxy {
			display:inline;
			width:23%;
		}
		
		#api .tempCardProxy {
			display:inline;
			width:70%;
		}