﻿
/* Heading Formatting  */

	.pnlPersonalDetails_Heading
	{
	background:url(../images/new/checkout-top.gif) no-repeat;
	}
	
	.pnlAddressHeading,
	.pnlCardDetails_Heading
	{
	background:url(../images/new/checkout-div.gif) no-repeat;
	padding-top:30px;
	margin-top:10px;
	}
	
	.pnlPersonalDetails_Heading,
	.pnlCardDetails_Heading,
	.pnlAddressHeading,
	.pnlCodeDetails_Heading,
	.pnlBankDetails_Heading

	{

		font-size:22px;
		font-weight:bold;
		padding:8px 10px 8px 10px;

	}
	
	.pnlTermsAndConditions_Container,
	.pnlDataProtection_Container{
	    background:url(../images/new/checkout-bottom-bg.gif) repeat-y; width:698px; height:100px;
	}
	.pnlTermsAndConditions_Details{
	    background:url(../images/new/checkout-bottom-top.gif) no-repeat; width:658px; height:8px;
	}
	.pnlCustomContentTermsAgree_Container
	{
	    background:url(../images/new/checkout-bottom-bottom.gif) no-repeat bottom; width:658px; height:52px;
	}
	
	.pnlAddressHeading .delAddText,
	.pnlPersonalDetails_Heading .reqText{font-size:11px;font-weight:normal;}

		
/* 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,
	.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
	{
	    border-bottom:1px solid #f2f2f2;
		height:24px;
		padding:5px 0px 0px 7px;
		margin:0px 4px;
	}
	.pnlAddressDetails_GetAddress a
	{
	    display:block;
	    width:120px;
	    height:21px;
	    background:url(../images/new/find-address.gif) no-repeat;
	}
	.pnlCardDetails_AboutSecurityCode a{
	    display:block;
	    width:187px;
	    height:21px;
	    background:url(../images/new/secure-code.gif) no-repeat;
	}
	.secure-code,
	.getAddress
	{
	    display:none;
	}
	.caudHouseOr2{
		height:24px;
		padding:5px 0px 0px 7px;
		margin:0px 4px;
	}
	
/* 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_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:170px;
		font-size:11px;
		font-weight:bold;
		padding-top:4px;
		height:15px !important;
		text-align:right;
	}
	
	
	
/* Employee Code formatting */
	.pnlCodeDetails_CodeNumber .caudLabelCSS p
	{
		position:relative;
		top:5px !important;
	}
/* Get Address and What is my security code */

	.pnlAddressDetails_ValidateBank a,
	.pnlAddressDetails_ValidateBank a:link,
	.pnlAddressDetails_ValidateBank a:hover,
	.pnlAddressDetails_ValidateBank a:visited,
	.pnlAddressDetails_ValidateBank a:active
	{
		font-size:11px !important;
		width:200px !important;
		position:relative !important;
		left:250px !important;
		top:3px !important;
	}
	
	.pnlAddressDetails_GetAddress a ,
	.pnlCardDetails_AboutSecurityCode a
	{
		position:absolute;
		top:3px !important;
		left:180px !important;
	}

	.pnlAddressDetails_GetAddress,
	.pnlAddressDetails_ValidateBank,
	.pnlCardDetails_AboutSecurityCode
	{
	}
	.pnlAddressDetails_GetAddress,
	.pnlCardDetails_AboutSecurityCode
	{
		position:relative;
	}
	.pnlAddressDetails_GetAddress a,
	.pnlAddressDetails_ValidateBank a,
	.pnlCardDetails_AboutSecurityCode a
	{
		position:relative;
		top:-3px !important;
	}
	
	
/* Caud Required Fields */
	.pnlCardDetails_SecurityCode .caudTextCSS
	{
	    width:50px;
	}

	
	.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


	{
		width:150px;
		display:inline;
		float:left;
		padding:0px 4px 0px 0px;
		margin:0px;
		font-weight:normal;
	}
	
	.pnlCardDate_Year p,
	.pnlCardDate_Month p
	{
		width:auto;
	}
	
	.caudReq
	{
	    font-size:14px;
		color:#ff0000;
	}
	
	.pnlPersonalDetails_Heading {clear:left;}
/* Caud Required Field Containers */
	.caudReqField
	{
		margin-top:12px;
		width:30%;
		float:left;
	}	
/* Paragraph Formatting */
	#checkoutHolder p
	{ 
		color:#000000;
	}

/* 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 */
    .pnlDataProtection_Checkbox p{clear:both;margin:0px;}
    .pnlTermsAndConditions_Details
    {
	    padding-top:20px;
    }
    .pnlTermsAndConditions_Details,
    .pnlDataProtection_Details,
    .pnlCustomContentTermsAgree_Container
    {
        padding:0px 20px;
    }
    .pnlTermsAndConditions_Details
    {
	    padding-top:15px;
    }
    .pnlCustomContentTermsAgree_Container
    {
    	    padding-bottom:30px;
    }
    .pnlTermsAndConditions_Heading p,
    .pnlDataProtection_Heading p
    {
        font-size:16px;
        font-weight:bold;
    }

    
    .pnlCustomContentTermsAgree_Container p,
    .pnlDataProtection_Heading p
    {   
        margin:0px;
    }

    .pnlDataProtection_Checkbox .caudTextCSS,
	.pnlTermsAndConditions_Checkbox .caudTextCSS{border:none;}

	.pnlTermsAndConditions_Checkbox .caudTextCSS input
	{
		position:relative;
		top:2px;
	}


	.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 */
#checkoutControl_pnlRightButton{padding-top:20px;}
#checkoutControl_pnlRightButton a{display:block;width:120px;height:30px;background:url(../images/new/btn-order.gif) no-repeat;}
#checkoutControl_pnlRightButton .label{display:none;}
	
/* 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;}
	
    .pnlCardDetails_AboutSecurityCode,.pnlAddressDetails_GetAddress{padding:0px;margin-top:10px;}

	.pnlButtons .pnlRightButton {padding:0px; float:right;}
	 .pnlRightButton .btnNext{ padding:2px 0px 2px 25px; margin:0px;}
	div.pnlDataProtection_Checkbox input  {float:left;}
	
	.pnlAddressDetails_Heading, .pnlAddressDetails_Heading span  
	{
	    font-weight:900; padding-left:3px; 
	    }
	
	
.caudDropdownCSSError
{
    background:#F7931E;
}
.caudTextCSSError
{
    border:1px solid #000000;
    padding:2px;
    width:180px;
    background:#F7931E;
}
.caudTextCSS
{
    border:1px solid #cccccc;
    padding:2px;
    width:180px;
}

.pnlTermsAndConditions_Checkbox p
{
    display:inline;
}
.pnlTermsAndConditions_Checkbox .caudTextCSS p
{
    margin-top:3px;
}
.pnlDataProtection_Details
{
    padding-top:20px;
}

.pnlMultiPageCheckout
{
    background:#ffffff;
}
.pnlSectionContainerSinglePage
{
    clear:left;
	background:url(../images/new/checkout-bg.gif) repeat-y;
	width:698px;
}
.pnlTermsAndConditions_Checkbox .caudTextCSSError
{
    border:none;
    background:none;
    border-bottom:3px solid #ff0000;
}

span.error
{
    color:Red;
}
span.info
{
    color:Orange;
}

.paddingImage {padding:0px; margin:0px; position:relative; top:-4px;}