﻿
/* Heading Formatting */

	.pnlPersonalDetails_Heading,
	.pnlCardDetails_Heading,
	.pnlAddressHeading,
	.pnlCodeDetails_Heading,
	.pnlTermsAndConditions_Heading p,
	.pnlBankDetails_Heading,
	.pnlDataProtection_Heading p
	{
		background: #f5f0ef;
		font-size:1em;
		line-height:1.2em;
		font-weight:bold;
		padding:8px 10px 8px 10px;
		margin-top:12px;
	}
		
/* Address Details */

	.pnlAddressDetails_Heading span
	{
		display:block;
		padding:10px;
	}
	.pnlAddressDetails_Heading p
	{
		font-size:1.2em;
		line-height:1.2em;
		text-align:left;
	}
	
	
.btnGetAddress {margin-left:250px;}

/* Float Left */
	.pnlPersonalDetails_Title span,
	.pnlPersonalDetails_Firstname span,
	.pnlPersonalDetails_Surname span,
	.pnlPersonalDetails_DaytimePhone span,
	.pnlPersonalDetails_EveningPhone span,
	.pnlPersonalDetails_Email span,
	.pnlPersonalDetails_ConfirmEmail span,
	.pnlPersonalDetails_Gender span,
	.pnlPersonalDetails_DOB span,
	.pnlPersonalDetails_MaritalStatus span,
	.pnlPersonalDetails_Occupation span,
	.pnlPersonalDetails_OccupationStatus span,
	.pnlPersonalDetails_TimeAt span,

	.pnlAddressDetails_HouseNumber span,
	.caudHouseOr2 span,
	.pnlAddressDetails_HouseName span,
	.pnlAddressDetails_Postcode span,
	.pnlAddressDetails_GetAddress span,
	.pnlAddressDetails_Address1 span,
	.pnlAddressDetails_Address2 span,
	.pnlAddressDetails_TownCity span,
	.pnlAddressDetails_County span,
	.pnlAddressDetails_ResidentialStatus span,
	.pnlAddressDetails_TimeAt span,
	.pnlAddressDetails_UseAsDelivery span,
	
	.pnlCardDetails_CardType span,
	.pnlCardDetails_CardNumber span,
	.pnlCardDetails_IssueNumber span,
	.pnlCardDetails_StartDate span,
	.pnlCardDetails_EndDate span,
	.pnlCardDetails_SecurityCode span,
	.pnlBankDetails_AccountName span,
	.pnlBankDetails_AccountNumber span,
	.pnlBankDetails_Sortcode span,
	.pnlBankDetails_BankName span,
	.pnlBankDetails_TimeAt span,
	
	.pnlCodeDetails_CodeNumber .span,
	.pnlCodeDetails_CodeNumber p,
	
	.pnlPersonalDetails_Title .caudTextCSS,
	.pnlPersonalDetails_Firstname .caudTextCSS,
	.pnlPersonalDetails_Surname .caudTextCSS,
	.pnlPersonalDetails_DaytimePhone .caudTextCSS,
	.pnlPersonalDetails_EveningPhone .caudTextCSS,
	.pnlPersonalDetails_Email .caudTextCSS,
	.pnlPersonalDetails_ConfirmEmail .caudTextCSS,
	.pnlPersonalDetails_Gender .caudTextCSS,
	.pnlPersonalDetails_DOB .caudTextCSS,
	.pnlPersonalDetails_MaritalStatus .caudTextCSS,
	.pnlPersonalDetails_Occupation .caudTextCSS,
	.pnlPersonalDetails_OccupationStatus .caudTextCSS,
	.pnlPersonalDetails_TimeAt .caudTextCSS,

	.pnlAddressDetails_HouseNumber .caudTextCSS,
	.caudHouseOr2 .caudTextCSS,
	.pnlAddressDetails_HouseName .caudTextCSS,
	.pnlAddressDetails_Postcode .caudTextCSS,
	.pnlAddressDetails_GetAddress .caudTextCSS,
	.pnlAddressDetails_Address1 .caudTextCSS,
	.pnlAddressDetails_Address2 .caudTextCSS,
	.pnlAddressDetails_TownCity .caudTextCSS,
	.pnlAddressDetails_County .caudTextCSS,
	.pnlAddressDetails_ResidentialStatus .caudTextCSS,
	.pnlAddressDetails_TimeAt .caudTextCSS,
	.pnlAddressDetails_UseAsDelivery .caudTextCSS,
	
	.pnlCardDetails_CardType .caudTextCSS,
	.pnlCardDetails_CardNumber .caudTextCSS,
	.pnlCardDetails_IssueNumber .caudTextCSS,
	.pnlCardDetails_StartDate .caudTextCSS,
	.pnlCardDetails_EndDate .caudTextCSS,
	.pnlCardDetails_SecurityCode .caudTextCSS,
	.pnlBankDetails_AccountName .caudTextCSS,
	.pnlBankDetails_AccountNumber .caudTextCSS,
	.pnlBankDetails_Sortcode .caudTextCSS,
	.pnlBankDetails_BankName .caudTextCSS,
	.pnlBankDetails_TimeAt .caudTextCSS,

	.pnlCodeDetails_CodeNumber .caudTextCSS,


	.pnlPersonalDetails_Title .caudDropdownCSS,
	.pnlCardDetails_EndDate .caudDropdownCSS,
	.pnlCardDetails_StartDate .caudDropdownCSS,
	.pnlPersonalDetails_DOB .caudDropdownCSS,
	.pnlCardDetails_StartDate div,
	.pnlCardDetails_EndDate div
	{
		float:left;
	}
	
/* Columns Formatting */
	
	.pnlPersonalDetails_Title,
	.pnlPersonalDetails_Firstname,
	.pnlPersonalDetails_Surname,
	.pnlPersonalDetails_DaytimePhone,
	.pnlPersonalDetails_EveningPhone,
	.pnlPersonalDetails_Email,
	.pnlPersonalDetails_ConfirmEmail,
	.pnlPersonalDetails_Gender,
	.pnlPersonalDetails_DOB,
	.pnlPersonalDetails_MaritalStatus,
	.pnlPersonalDetails_Occupation,
	.pnlPersonalDetails_OccupationStatus,
	.pnlPersonalDetails_TimeAt,

	.pnlAddressDetails_HouseNumber,
	.caudHouseOr2,
	.pnlAddressDetails_HouseName,
	.pnlAddressDetails_Postcode,
	.pnlAddressDetails_GetAddress,
	.pnlAddressDetails_Address1,
	.pnlAddressDetails_Address2,
	.pnlAddressDetails_TownCity,
	.pnlAddressDetails_County,
	.pnlAddressDetails_ResidentialStatus,
	.pnlAddressDetails_TimeAt,
	.pnlAddressDetails_UseAsDelivery,
	
	.pnlCardDetails_CardType,
	.pnlCardDetails_CardNumber,
	.pnlCardDetails_IssueNumber,
	.pnlCardDetails_StartDate,
	.pnlCardDetails_EndDate,
	.pnlCardDetails_SecurityCode,
	.pnlCardDetails_AboutSecurityCode,
	.pnlBankDetails_AccountName,
	.pnlBankDetails_AccountNumber,
	.pnlBankDetails_Sortcode,
	.pnlBankDetails_BankName,
	.pnlAddressDetails_ValidateBank,
	.pnlBankDetails_TimeAt,

	.pnlCodeDetails_CodeNumber
	{
		height:28px;
		background-color:#f7f7f7;
		border-bottom:double 1px #fff;
		padding:7px 0 0 7px;
	}
	
/* Label Formatting */

	.pnlPersonalDetails_Title .caudLabelCSS,
	.pnlPersonalDetails_Firstname .caudLabelCSS,
	.pnlPersonalDetails_Surname .caudLabelCSS  ,
	.pnlPersonalDetails_DaytimePhone .caudLabelCSS,
	.pnlPersonalDetails_EveningPhone .caudLabelCSS,
	.pnlPersonalDetails_Email .caudLabelCSS,
	.pnlPersonalDetails_ConfirmEmail .caudLabelCSS,
	.pnlPersonalDetails_Gender .caudLabelCSS,
	.pnlPersonalDetails_DOB .caudLabelCSS,
	.pnlPersonalDetails_MaritalStatus .caudLabelCSS,
	.pnlPersonalDetails_Occupation .caudLabelCSS,
	.pnlPersonalDetails_OccupationStatus .caudLabelCSS,
	.pnlPersonalDetails_TimeAt .caudLabelCSS,
	
	.pnlAddressDetails_HouseNumber .caudLabelCSS,
	.caudHouseOr2 .caudLabelCSS,
	.pnlAddressDetails_HouseName .caudLabelCSS,
	.pnlAddressDetails_Postcode .caudLabelCSS,
	.pnlAddressDetails_GetAddress .caudLabelCSS,
	.pnlAddressDetails_Address1 .caudLabelCSS,
	.pnlAddressDetails_Address2 .caudLabelCSS,
	.pnlAddressDetails_TownCity .caudLabelCSS,
	.pnlAddressDetails_County .caudLabelCSS,
	.pnlAddressDetails_UseAsDelivery .caudLabelCSS,
	.pnlAddressDetails_TimeAt .caudLabelCSS,
	.pnlAddressDetails_ResidentialStatus .caudLabelCSS,
	
	.pnlCardDetails_CardType .caudLabelCSS,
	.pnlCardDetails_CardNumber .caudLabelCSS,
	.pnlCardDetails_IssueNumber .caudLabelCSS,
	.pnlCardDetails_StartDate .caudLabelCSS,
	.pnlCardDetails_EndDate .caudLabelCSS,
	.pnlCardDetails_SecurityCode .caudLabelCSS,
	.pnlBankDetails_AccountName .caudLabelCSS,
	.pnlBankDetails_AccountNumber .caudLabelCSS,
	.pnlBankDetails_Sortcode .caudLabelCSS,
	.pnlBankDetails_BankName .caudLabelCSS,
	.pnlBankDetails_TimeAt .caudLabelCSS,
	
	.pnlCodeDetails_CodeNumber .caudLabelCSS,	
	.pnlCodeDetails_CodeNumber p
	{
		width:250px;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		height:15px !important;
	}
/* Employee Code formatting */
	.pnlCodeDetails_CodeNumber .caudLabelCSS p
	{
		position:relative;
		top:5px !important;
	}
/* Get Address and What is my security code */
	.pnlAddressDetails_GetAddress a,
	.pnlAddressDetails_GetAddress a:link,
	.pnlAddressDetails_GetAddress a:hover,
	.pnlAddressDetails_GetAddress a:visited,
	.pnlAddressDetails_GetAddress a:active,
	.pnlAddressDetails_ValidateBank a,
	.pnlAddressDetails_ValidateBank a:link,
	.pnlAddressDetails_ValidateBank a:hover,
	.pnlAddressDetails_ValidateBank a:visited,
	.pnlAddressDetails_ValidateBank a:active,
	.pnlCardDetails_AboutSecurityCode a,	
	.pnlCardDetails_AboutSecurityCode a:link,	
	.pnlCardDetails_AboutSecurityCode a:hover,	
	.pnlCardDetails_AboutSecurityCode a:visited,	
	.pnlCardDetails_AboutSecurityCode a:active	
	{
		font-size:11px !important;
		width:200px !important;
		position:relative !important;
		left:250px !important;
		top:3px !important;
	}
	.pnlCardDetails_AboutSecurityCode a
	{
		
		font-size:11px;
	}
	.pnlAddressDetails_GetAddress,
	.pnlAddressDetails_ValidateBank,
	.pnlCardDetails_AboutSecurityCode
	{
		background-color:#fff;
	}
	.pnlAddressDetails_GetAddress img,
	.pnlAddressDetails_ValidateBank img
	{
		left:260px;
		position:relative;
	}
	.pnlAddressDetails_GetAddress a,
	.pnlAddressDetails_GetAddress a:link,
	.pnlAddressDetails_GetAddress a:hover,
	.pnlAddressDetails_GetAddress a:visited,
	.pnlAddressDetails_GetAddress a:active,
	.pnlAddressDetails_ValidateBank a,
	.pnlAddressDetails_ValidateBank a:link,
	.pnlAddressDetails_ValidateBank a:hover,
	.pnlAddressDetails_ValidateBank a:visited,
	.pnlAddressDetails_ValidateBank a:active
	{
		position:relative;
		top:-7px !important;
	}
	
	
/* Caud Required Fields */
	
	.pnlPersonalDetails_Title .caudReq,
	.pnlPersonalDetails_Firstname .caudReq,
	.pnlPersonalDetails_Surname .caudReq  ,
	.pnlPersonalDetails_DaytimePhone .caudReq,
	.pnlPersonalDetails_EveningPhone .caudReq,
	.pnlPersonalDetails_Email .caudReq,
	.pnlPersonalDetails_ConfirmEmail .caudReq,
	.pnlPersonalDetails_Gender .caudReq,
	.pnlPersonalDetails_DOB .caudReq,
	.pnlPersonalDetails_MaritalStatus .caudReq,
	.pnlPersonalDetails_Occupation .caudReq,
	.pnlPersonalDetails_OccupationStatus .caudReq,
	.pnlPersonalDetails_TimeAt .caudReq,
	
	.pnlAddressDetails_HouseNumber .caudReq,
	.caudHouseOr2 .caudReq,
	.pnlAddressDetails_HouseName .caudReq,
	.pnlAddressDetails_Postcode .caudReq,
	.pnlAddressDetails_GetAddress .caudReq,
	.pnlAddressDetails_Address1 .caudReq,
	.pnlAddressDetails_Address2 .caudReq,
	.pnlAddressDetails_TownCity .caudReq,
	.pnlAddressDetails_County .caudReq,
	.pnlAddressDetails_UseAsDelivery .caudReq,
	.pnlAddressDetails_TimeAt .caudReq,
	.pnlAddressDetails_ResidentialStatus .caudReq,
	
	.pnlCardDetails_CardType .caudReq,
	.pnlCardDetails_CardNumber .caudReq,
	.pnlCardDetails_IssueNumber .caudReq,
	.pnlCardDetails_StartDate .caudReq,
	.pnlCardDetails_EndDate .caudReq,
	.pnlCardDetails_SecurityCode .caudReq,
	.pnlBankDetails_AccountName .caudReq,
	.pnlBankDetails_AccountNumber .caudReq,
	.pnlBankDetails_Sortcode .caudReq,
	.pnlBankDetails_BankName .caudReq,
	.pnlBankDetails_TimeAt .caudReq,
	
	.pnlCodeDetails_CodeNumber .caudReq,	
	
	.pnlPersonalDetails_Title p,
	.pnlPersonalDetails_Firstname p,
	.pnlPersonalDetails_Surname p  ,
	.pnlPersonalDetails_DaytimePhone p,
	.pnlPersonalDetails_EveningPhone p,
	.pnlPersonalDetails_Email p,
	.pnlPersonalDetails_ConfirmEmail p,
	.pnlPersonalDetails_Gender p,
	.pnlPersonalDetails_DOB p,
	.pnlPersonalDetails_MaritalStatus p,
	.pnlPersonalDetails_Occupation p,
	.pnlPersonalDetails_OccupationStatus p,
	.pnlPersonalDetails_TimeAt p,
	
	.pnlAddressDetails_HouseNumber p,
	.caudHouseOr2 p,
	.pnlAddressDetails_HouseName p,
	.pnlAddressDetails_Postcode p,
	.pnlAddressDetails_GetAddress p,
	.pnlAddressDetails_Address1 p,
	.pnlAddressDetails_Address2 p,
	.pnlAddressDetails_TownCity p,
	.pnlAddressDetails_County p,
	.pnlAddressDetails_UseAsDelivery p,
	.pnlAddressDetails_TimeAt p,
	.pnlAddressDetails_ResidentialStatus p,
	
	.pnlCardDetails_CardType p,
	.pnlCardDetails_CardNumber p,
	.pnlCardDetails_IssueNumber p,
	.pnlCardDetails_StartDate p,
	.pnlCardDetails_EndDate p,
	.pnlCardDetails_SecurityCode p,
	.pnlBankDetails_AccountName p,
	.pnlBankDetails_AccountNumber p,
	.pnlBankDetails_Sortcode p,
	.pnlBankDetails_BankName p,
	.pnlBankDetails_TimeAt p,

	.pnlCodeDetails_CodeNumber p,
	.pnlTermsAndConditions_Checkbox .caudReq,
	.pnlTermsAndConditions_Checkbox p
	{
		float:left;
	}
	.caudReq
	{
		color:#900;
	}	
	
	.pnlPersonalDetails_Heading {clear:left;}
/* Caud Required Field Containers */
	.caudReqField
	{
		margin-top:12px;
		width:30%;
		float:left;
	}	
/* Paragraph Formatting */
	p
	{ 
		padding:0px 0px 0px 5px;
	}

/* Address Or */
	.caudHouseOr2 span,
	.caudHouseOr2 p
	{
		text-align:center;
		width:550px !important;
	}
	.caudHouseOr2 p
	{
		width:250px;
		font-size:11px;
		font-weight:bold;
	}
	.pnlAddressDetails_HouseNumber .caudHouseOr2,
	.pnlAddressDetails_HouseNumber .caudHouseOr2 p,
	.pnlAddressDetails_HouseNumber .caudHouseOr2 .caudLabelCSS,
	.pnlAddressDetails_HouseNumber .caudHouseOr2 .caudLabelCSS p
	{
		
		height:25px !important;
		width:40px !important;
		position:relative !important;
		border-bottom:none !important;
		width:30px !important;
		left:150px !important;
		top:-5px !important;
		background-color:Transparent !important;
	}
	
/* Card End and Start Dates */
	.pnlCardDate_Month .caudLabelCSS,
	.CardDateSelector_pnlContainer .caudLabelCSS
	{
		width:30px;
		padding-left:10px;
		
	}
/* Caud Date of Birth */
	.DateSelector_pnlContainer
	{
		width:300px;
		position:relative;
		top:-3px;
	}
	.DateSelector_pnlContainer .caudLabelCSS
	{
		width:30px;
		padding-left:10px;
		
	}
	.pnlDOB_Day,
	.pnlDOB_Month,
	.pnlDOB_Year
	{
		width:80px;
		float:left;
	}
	.pnlDOB_Year
	{
		width:100px;
		float:left;
	}
	.pnlDOB_DayLabel,
	.pnlDOB_MonthLabel,
	.pnlDOB_YearLabel
	{
		width:30px !important;
		position:relative;
		left:-3px;
	}
	.pnlDOB_Day .pnlDOB_DayLabel,
	.pnlDOB_Month .pnlDOB_MonthLabel,
	.pnlDOB_Year .pnlDOB_YearLabel,
	.pnlDOB_Day pnlDOB_DayEntry,
	.pnlDOB_Month pnlDOB_MonthEntry,
	.pnlDOB_Year pnlDOB_YearEntry
	{
		float:left;
	}
	.pnlDOB_Day .pnlDOB_DayLabel .caudLabelCSS,
	.pnlDOB_Month .pnlDOB_MonthLabel .caudLabelCSS,
	.pnlDOB_Year .pnlDOB_YearLabel .caudLabelCSS
	{
		position:relative;
		left:-5px;
	}
/* Time At Container */
	.TimeAtSelector_pnlContainer .caudTextCSS
	{
		width:30px;
	}
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month
	{
		width:75px;
		float:left;
	}
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year .caudLabelCSS,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year .caudTextCSS,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month .caudLabelCSS,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month .caudTextCSS
	{
		float:left;
		width:30px;
	}
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year pnlTimeAt_YearLabel,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year pnlTimeAt_YearLabel .caudLabelCSS,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Year pnlTimeAt_YearLabel .caudLabelCSS p,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month pnlTimeAt_MonthLabel,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month pnlTimeAt_MonthLabel .caudLabelCSS,
	.TimeAtSelector_pnlContainer .pnlTimeAt_Month pnlTimeAt_MonthLabel .caudLabelCSS p
	{
		width:30px;
	}
/* If you are ordering a contract phone */
	.pnlCustomContentCardWarning_Container 
	{
		border-bottom:double 2px #fff;
		height:65px;
	}
	.pnlCustomContentCardWarning_Container div
	{
		padding:12px;
		font-size:12px;
	}
/* Bank Sort Code */
	.pnlBankDetails_Sortcode .caudTextCSS
	{
		width:30px;
	}

/* Visa and Electron Cards */

	.pnlCardDetails_Container > p
	{
		padding:10px !important;
		width:537px !important;
		font-weight:bold;
		font-size:12px !important;
		font-weight:100 !important;	
	}
	.hideme
	{
		display:none;
	}
	
/* Terms And Conditions Container */

	
	.pnlTermsAndConditions_Details > .caudLabelCSS  p
	{
		position:relative !important;
		width:537px !important;
		padding:10px !important;
		font-size:11px !important;
	}
	
	.pnlTermsAndConditions_Checkbox .caudTextCSS label
	{
		padding:15px 0 15px 5px !important;
	}
	.pnlTermsAndConditions_Checkbox .caudTextCSS input
	{
		position:relative;
		top:12px;
	}
	.pnlTermsAndConditions_Checkbox label, 
	.pnlTermsAndConditions_Checkbox input
	{
		float:left;
	}
	.pnlTermsAndConditions_Checkbox label
	{
		width:500px;
	}
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p,
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p a,
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p a:link,
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p a:hover,
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p a:visited,
	.pnlTermsAndConditions_Checkbox .caudTextCSS label p a:active
	{
		font-size:11px !important;
	}
	.pnlCustomContentTermsAgree_Container
	{
	}
	.pnlCustomContentTermsAgree_Container p,
	.pnlCustomContentTermsAgree_Container p a,
	.pnlCustomContentTermsAgree_Container p a:hover,
	.pnlCustomContentTermsAgree_Container p a:link,
	.pnlCustomContentTermsAgree_Container p a:visited
	{
		font-size:11px;
	}
	.pnlTermsAndConditions_Container,
	.pnlCustomContentTermsAgree_Container
	{
		clear:both;
	}
	
/* Submit Order Button */
	.pnlButtons 
	{
		width:100%;
	}	
	.pnlButtons .pnlLeftButton
	{
		display:none;
	}	
	.pnlButtons .pnlRightButton
	{
		text-align:right;
	}	
	.pnlButtons .pnlRightButton a,
	.pnlButtons .pnlRightButton a:link,
	.pnlButtons .pnlRightButton a:hover,
	.pnlButtons .pnlRightButton a:active,
	.pnlButtons .pnlRightButton a:visited
	{
		font-size:11px !important;
		position:relative;
		top:-7px;
		left:-5px;
	}
	
/* Call Me Back */

	#CallMeBack p a#linkCallmeBack,
	#CallMeBack p a#linkCallmeBack:link,
	#CallMeBack p a#linkCallmeBack:hover,	
	#CallMeBack p a#linkCallmeBack:visited,
	#CallMeBack p a#linkCallmeBack:active
	{
		font-size:11px;
		position:relative;
		left:15px;
		top:8px;
		
	}

/* Data protection Container */

	.pnlDataProtection_Container
	{
		clear:both;
	}
	

	#lblError {left:50px;}
	
	#checkoutControl__ctl11_DataProtection_chkMailListAccepted {margin-right:15px; margin-bottom:20px;}
	#checkoutControl__ctl11_DataProtection_chkMailListAccepted, #pnlDataProtection_Checkbox p {float:left;}
	
