.overlayContainer {
	height: 90% !important;
	position: relative !important;
	width: 100% !important;
}

.clearBoth {
	clear: both;
}

/* Current address drop down */
.ui-autocomplete {
	width: 480px!important;
}

/*
         Start of styling
-----------------------------------*/
#registerContainer {
	margin: 0;
}

/*
--------------------------------------------
REGISTRATION NAVIGATION STYLING
--------------------------------------------
*/
.navigation {
	margin-top: 15px;
	/*_margin-left: 30px;*/
	width: 960px;
	height: 38px;
	border-bottom: 1px solid #ccc;
}

.navigation li {
	list-style: none;
	float: left;
	padding: 0 10px 0 0;
	display: block;
	width: auto;
}

.navigation li a,
.navigation li a:link,
.navigation li a:visited {
	color: #000;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	padding: 10px 10px 10px 40px;
	text-decoration: none;
}

.navigation li a:hover {
	background-color: transparent;
	cursor: default;
}

.navBtn1 a {
	background: url(/content/images/registration/rp3-email-off.gif) no-repeat;
	color: #000;
	width: 128px;
}

.navBtn1 a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-email-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
	width: 128px;
}

.navBtn1 a.done {
	background: url(/content/images/registration/rp3-email-done.gif) no-repeat;
}

.navBtn1.choice a {
	background: url(/content/images/registration/rp3-personal-1-off.gif) no-repeat;
	color: #000;
	width: 128px;
}

.navBtn1.choice a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-personal-1-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
	width: 128px;
}

.navBtn1.choice a.done {
	background: url(/content/images/registration/rp3-personal-done.gif) no-repeat;
}

.navBtn2 a {
	background: url(/content/images/registration/rp3-personal-off.gif) no-repeat;
	width: 128px;
}

.navBtn2 a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-personal-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
}

.navBtn2 a.done {
	background: url(/content/images/registration/rp3-personal-done.gif) no-repeat;
}

.navBtn2.choice a {
	background: url(/content/images/registration/rp3-type-off.gif) no-repeat;
	width: 128px;
}

.navBtn2.choice a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-type-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
}

.navBtn2.choice a.done {
	background: url(/content/images/registration/rp3-type-done.gif) no-repeat;
}

.navBtn3 a {
	background: url(/content/images/registration/rp3-address-off.gif) no-repeat;
	width: 128px;
}

.navBtn3 a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-address-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
}

.navBtn3 a.done {
	background: url(/content/images/registration/rp3-address-done.gif) no-repeat;
}

.navBtn4 a {
	background: url(/content/images/registration/rp3-agreement-off.gif) no-repeat;
	width: 170px !important;
}

.navBtn4 a.done {
	background: url(/content/images/registration/rp3-agreement-done.gif) no-repeat;
	width: 170px;
}

.navBtn4 a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-agreement-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
	width: 170px;
 *width: 220px;
}

.navBtn5 a {
	background: url(/content/images/registration/rp3-finish-off.gif) no-repeat;
}

.navBtn5 a.done {
	background: url(/content/images/registration/rp3-finish-off.gif) no-repeat;
}

.navBtn5 a.selected {
	color: #000;
	background: url(/content/images/registration/rp3-finish-on.gif) no-repeat;
	border-bottom: 1px solid #fff;
}

/*
------------------------------
NEXT AND BACK BUTTONS
------------------------------
*/
.scrollButtons {
	position: absolute;
	bottom: 12px;
	cursor: pointer;
	z-index: 100;
}

.right {
	right: 5px;
}

/*
-----------------------
SCROLL AREAS
-----------------------
*/
.scroll {
	background: url(/content/images/registration/slideContainerBG.jpg) repeat-x bottom;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	clear: left;
	margin: 0 auto;
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
	position: relative; /* fix for IE to respect overflow */
	width: 960px;
}

.scroll.secci-scroll {
	border: none;
	background: none;
}

.displayOverlay {
	height: 100%;
	width: 100%;
	display: block;
	z-index: 2;
}

#slider {
	margin: 10px auto;
	position: relative;
	width: 960px;
	_margin-left: 25px;
	height: 390px;
 *height: 407px;
	_height: 397px;
	top: 15px;
 *top: 30px;
}

.scrollContainer div.panel {
	width: 959px; /* change to 560px if not using JS to remove rh.scroll */
	display: none;
	position: relative;
}

/*
-------------------
CONTENT LAYOUT
-------------------
*/
.scrollContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 350px;
}

#modal_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formContentSplash {
	background: #F2F2F2;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	float: left;
	height: 284px;
	padding: 10px 0 10px 10px;
 *padding: 10px 0 10px 10px;
	text-align: left;
	width: 540px;
	_width: 535px;
	position: relative;
}

.formContent {
	background: #F2F2F2;
	border-left: solid 1px #CCC;
	float: left;
	height: 284px;
	padding: 10px;
 *padding: 10px 0 10px 10px;
	text-align: left;
	width: 708px;
 *width: 718px;
	position: relative;
}

.regTextContainer {
	display: block;
	float: left;
	height: 284px;
	padding: 10px;
	position: relative;
	width: 210px;
}

.regTextContainer p {
	font-size: 1.1em;
}

.regFormSecMsgContainer {
	float: left;
	height: 300px;
	width: 165px;
}

/*
------------------
Form styling
------------------
*/

.formContentSplash p {
	font-size: 1.0em
}

.formContent p {
	font-size: 1.0em
}

/*
----------------------
ERROR STYLES
----------------------
*/
.errorDialogue {
	background: #FFF;
	color: #F00;
	height: 285px;
	width: 210px;
	_height: 305px;
	_width: 225px;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	font-weight: bold;
}

.errorDialogue .mandatory {
	color: #333;
}

.personalError {
	left: 0;
	width: 209px;
}

#errorMsg {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0 0 8px 14px;
 *padding: 0 0 8px;
}

.errorDialogue p {
	padding-bottom: 10px;
}

.formContent input.confirmCorrect {
	border: 1px solid #393;
	color: #393;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.formContent input.error,
#modal_container input.error,
.formContentSplash input.error {
	border: 1px solid red;
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.errorStar {
	color: #F00;
	margin-right: 5px;
}

.errorStar.regularstyle {
    font-size: 0.75em;
    font-weight: normal;
    font-style: italic;
}

#termsConditionsCheck .errorStar {
	float: left;/*
    position: relative;
    left: -22px;
    */
}

#termsConditionsCheck input#termsCreditInfoCheck {
	margin: 0 5px;
}

#termsConditionsCheck .acceptSecciContainerError .errorStar {
	left: 0;
}

.errorStarFocus {
	color: #FFF;
	margin-right: 5px;
}

.formContent label.error,
#modal_container label.error,
.formContentSplash label.error {
	color: #FFF;
	text-align: right;
	/*margin-bottom: 10px;*/
	display: block;
	float: left;
	/*width: 150px;*/
	background: #F00 url(/content/images/registration/formInputArrow-error.gif) no-repeat right;
	padding: 6px 10px 6px 5px;
}

#regFormRow {
	float: left;
	margin-bottom: 8px;
}

.regFormRow {
	float: left;
	margin-bottom: 8px;
}

#AddressPart1 {
	float: left;
	margin-bottom: 8px;
}

#AddressPart2 {
	float: left;
	margin-bottom: 8px;
}

#regContactNum {
	float: left;
	margin: 5px;
}

#regIntFormRow {
	float: left;
	/*width: auto;*/
	width: 660px;
	height: 37px;
}

#regTitleDropD {
	display: block;
	height: 35px;
	margin: 0;
	padding: 0;
}

p.emailStars {
	width: 533px;
	clear: both;
	display: inline;
}

/*
------------------------------
HELP & TOOLTIPS STYLES
------------------------------
*/
a.help,
a:link .help,
a:visited .help {
	background: url(/content/images/registration/icons/orange-help-icon.gif) no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin: 5px 0 0 5px;
	position: relative; /*this is the key*/
	text-indent: -9999px;
	width: 20px;
	z-index: 24;
	cursor: pointer;
}

a:hover .help {
	cursor: pointer;
	background-color: transparent;
}

.bgiframe {
}

.helpDivInner {
	border: 3px SOLID #F60;
	padding: 6px;
}

#helpDiv {
	text-align: left;
	font-size: 12px;
	background-color: #FFF;
	max-width: 300px;
	width: 300px;
	margin-left: -350px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 650;
}

#helpDiv .title {
	border-bottom: 1px SOLID #CCC;
	padding-bottom: 6px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFF;
}

/*
----------------------
FORM STYLES
----------------------
*/
.scrollContainer #ifapplicable,
#modal_container #ifapplicable {
	font-size: 10px;
}

.scrollContainer input,
.scrollContainer textarea {
	background: #FFF;
	border: 1px solid #ccc;
	color: #000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 7px;
	width: 300px;
	zoom: 1;
}

#emailForm input {
	width: 295px;
}

.scrollContainer select {
	background: #FFF;
	color: #000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0 0 10px;
	width: 320px;
}

.scrollContainer input:focus,
.scrollContainer textarea:focus,
.scrollContainer select:focus {
	background: #FFF;
}

.scrollContainer .labelFocus {
	background: #FFC !important;
	/*margin: -1px;*/
	color: #000 !important;
	border: 1px solid #FC6 !important;
}

.scrollContainer label {
	text-align: right;
	display: block;
	float: left;
	width: 160px;
	background: #DDD url(/content/images/registration/formInputArrow.gif) no-repeat right;
	padding: 6px 10px 6px 5px;
	_padding: 6px 5px 6px;
	color: #1D2556;
	border: 1px solid #F2F2F2;
}

label#mobileNumbers,
label#phoneNumbers,
label#daytimePhone {
	width: 60px;
}

input#personalMobilePhone,
input#personalHomePhone,
input#personalDaytimePhone {
	width: 136px;
	margin: 0 5px 0 2px;
}

.passwordStrengthContainer {
	background: #FFF;
	border: 1px solid #ccc;
	float: left;
	height: 24px;
	padding: 2px 0 0 10px;
	margin: 0 0 10px 10px;
	width: 110px;
}

.passwordStrengthContainer img {
	float: left;
}

/*
-------------------------------

Specific page styles

-------------------------------
*/ /* PAGE 1 EMAIL DETAILS */
.helpCallout {
	position: absolute;
	background: url(/content/images/registration/helpCallout-bgBtm.gif) no-repeat bottom;
	width: 195px;
	bottom: 10px;
	font-weight: normal;
}

.helpCallout img {
	float: left;
	margin: 10px;
	margin-bottom: 40px;
}

.helpCallout p {
	background: url(/content/images/registration/helpCallout-bgTop.gif) no-repeat top;
	padding: 10px;
	font-size: 11px;
	color: #1D2556;
}

.autoSignin {
	bottom: 10px;
	position: absolute;
}

.autoSignin input {
	background: none;
	border: none;
	margin: 5px;
	width: 20px !important;
}

.autoSignin span {
	float: left;
	width: 321px;
	font-size: 11px;
	line-height: 12px;
}

.emailDetails {
	background: url(//images2.drct2u.com/content/common/images/commongui/Norton-secure-120px.png) no-repeat scroll center center transparent;
}

/* PAGE 2 PERSONAL DETAILS */
.selectContainer {
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}

.selectContainer select {
	margin: 0;
	margin-right: 7px;
}

.selectContainer .help {
	margin: 0 0 0 5px;
}

#contactNumRow {
	width: 700px;
}

.emailDetailsContainer {
	width: 705px;
}

.emailDetailsContainer input {
	width: 480px;
}

.formDOBContainer select {
	width: 100px;
}

.personalPhoneContainer label {
	margin: 0;
	width: 50px;
}

.personalPhoneContainer input {
	width: 143px;
	margin: 0 5px;
}

#personalSurname {
	width: 504px;
}

#personalFirstName {
	width: 332px;
}

#personalMiddleInitialLabel {
	width: 80px;
	margin-left: 19px;
}

#personalMiddleInitial {
	width: 29px;
}

.whereDidYouHear {
	float: left;
}

.whereDidYouHear label {
	width: 200px;
}

.whereDidYouHear input {
	width: 400px;
}

/* Data Protection */
.dataprotection {
	margin: 10px;
	font-size: 150%;
}

#dataprotectiontitle {
	font-weight: bold;
}

/* Finish Panel */
#finish .title,
#inter_finish .title {
	font-size: 16px;
	font-weight: bold;
}

#finish #title_container,
#inter_finish #title_container {
	padding: 14px 10px 4px 0;
	border-bottom: 1px SOLID #CCC;
}

#finish #title_container {
	padding-top: 5px;
}

#startshopping_container {
	margin-top: 10px;
}

#startshopping_container {
	background-color: #FCFCFC;
	border-bottom: 1px solid #CCC;
	border-top: 3px solid #CCC;
	float: left;
	margin: 7px -10px -10px;
	width: 720px;
}

#finish .finish_done,
#inter_finish .finish_done {
	color: #555;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	text-align: center;
	width: 700px;
}

/* Next Button ----------------- */
.nextButtonStyle a,
.nextButtonStyle a:link,
.nextButtonStyle a:visited .nextButtonStyle .accountDetailsButton a,
.nextButtonStyle .accountDetailsButton a:visited {
	background-color: transparent;
	background-image: url(/content/images/modal/modalButtonContinueBg.gif);
	background-repeat: repeat-x;
	color: #000;
	cursor: pointer;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 29px;
	margin: 0;
	min-width: 10px;
	padding-top: 4px;
	text-decoration: underline;
}

.nextButtonStyle a:hover,
.nextButtonStyle .accountDetailsButton a:hover {
	text-decoration: none;
	color: #090;
}

.nextButtonStyle {
	float: right;
	height: 29px;
	min-width: 30px;
	padding: 7px 10px 0 0;
} 

.secci-scroll + .scrollButtonsContainer .nextButtonStyle {
    padding: 0;
}

.secci-scroll + .scrollButtonsContainer .declineButton {
	padding-top: 0;
}

.nextButtonStyle .accountDetailsButton a:hover {
	text-decoration: none;
	color: #090;
	float: left;
	background-color: transparent;
}

.nextButtonStyle .buttonCapLt {
	background-image: url(/content/images/modal/modalButtonContinueCapLt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 26px;
}

.nextButtonStyle .buttonCapRt {
	height: 29px;
	width: 10px;
	background-image: url(/content/images/modal/modalButtonContinueCapRt.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

/* decline ------------------------------*/
.declineButton {
	float: right;
	padding: 11px 6px 0 0;
	font-size: 13px;
}

.declineButton a {
	font-size: 13px;
	color: #000;
}

.declineButton a:hover {
	color: #000;
	background-color: #F1F0F0;
}

a.creditDeclineAgree {
	text-decoration: underline;
}

a.creditDeclineAgree:hover,
a.creditDeclineAgree:focus {
	text-decoration: none;
}

/* Back Button ----------------- */
.previousButtonStyle,
.checkoutCashCredit + .scrollButtonsContainer > .previousButtonStyle {
	float: left;
	min-width: 30px;
	height: 29px;
	padding: 7px 6px 0 10px;
}

.previousButtonStyle .accountDetailsButton a,
.previousButtonStyle .accountDetailsButton a:link,
.previousButtonStyle .accountDetailsButton a:visited {
	height: 30px;
	margin: 0;
	color: #000;
	background-image: url(/content/images/registration/button/nextButtonBg.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 5px;
	float: left;
	min-width: 10px;
}

.previousButtonStyle .accountDetailsButton a:hover {
	text-decoration: none;
	color: #090;
	float: left;
	background-color: transparent;
}

.previousButtonStyle .buttonCapLt {
	height: 35px;
	width: 10px;
	background-image: url(/content/images/registration/button/nextButtonCapLt.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

.previousButtonStyle .buttonCapRt {
	height: 35px;
	width: 10px;
	background-image: url(/content/images/registration/button/nextButtonCapRt.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

/* find address Button ----------------- */
.findAddressButtonContainer {
	float: left;
	min-width: 30px;
	height: 29px;
	padding: 0 35px 0 0;
}

form#addressConfirmdialogForm {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}

/* White Button ----------------- */
.whiteButtonContainer {
	min-width: 30px;
	height: 33px;
	padding: 0;
}

.whiteButtonContainer .accountDetailsButton a,
.whiteButtonContainer .accountDetailsButton a:link,
.whiteButtonContainer .accountDetailsButton a:visited {
	height: 35px;
	margin: 0;
	color: #000;
	background-image: url(/content/images/registration/button/whiteButtonBg.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 5px;
	float: left;
	min-width: 10px;
	cursor: pointer;
}

.whiteButtonContainer .accountDetailsButton a:hover {
	text-decoration: none;
	color: #090;
	float: left;
	background-color: transparent;
}

.whiteButtonContainer .buttonCapLt {
	height: 35px;
	width: 10px;
	background-image: url(/content/images/registration/button/whiteButtonCapLt.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

.whiteButtonContainer .buttonCapRt {
	height: 35px;
	width: 10px;
	background-image: url(/content/images/registration/button/whiteButtonCapRt.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

.creditDisplayContainer {
	margin: 5px auto;
	text-align: left;
}

.creditDisplayContainer strong {
	float: left;
	margin: 10px;
	font-size: 14px;
}

.creditDisplay {
	background-image: url(/content/images/registration/button/creditDisplayWhite.gif);
	background-repeat: no-repeat;
	color: #000;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 26px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 4px;
	padding: 7px 9px;
	width: 180px;
}

#modal_header .title {
	float: left;
	margin-left: 13px;
	font-size: 13px;
	color: #666;
}

#modal_header #modalClose {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px;
	padding-right: 25px;
	background: url(/content/images/registration/icons/orange-X-icon.gif) right no-repeat;
	cursor: pointer;
}

#modal_container #postcode {
	color: #333;
}

#addressList {
	list-style: none;
	margin: 0;
	padding: 0;
}

#addressList li {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F1F1F1;
	padding: 4px;
	margin-bottom: 3px;
	font-size: 14px;
	padding-left: 35px;
	border: 1px SOLID #F4F4F4;
	font-weight: bold;
}

#addressList {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#addressList li {
	background-color: #F1F1F1;
	border: 1px solid #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 4px 4px 4px 35px;
}

#modal_control {
	height: 44px;
}

#modal_control .whiteButtonContainer { /*margin: 10px;*/
}

#modal_control #notDisplayed {
	font-size: 11px;
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

#modal_control #button {
	float: left;
}

.addressDetailsContainer {
	width: 708px;
 *width: 718px;
}

/*
House number on same line style changes
--------------------------------------------------
*/
#houseLabel,
#PAhouseLabel {
	width: 130px;
}

#house,
#PAhouse,
#dAddressHouse {
	width: 41px;
	margin-right: 10px;
}

#flatLabel,
#PAflatLabel,
#dAddressFlatLabel {
	width: 75px;
	_width: 95px;
}

#flat,
#PAflat {
	width: 41px;
	margin-right: 10px;
}

#houseNameLabel,
#PAhousenameLabel {
	width: 95px;
	_width: 115px;
}

#housename,
#PAhousename {
	margin-right: 10px;
	width: 114px;
	_width: 140px;
}

.postcodeFinder input {
	width: 472px;
}

.addressDetailsFormContainer {
	margin-top: 10px;
	width: 678px;
 *width: 707px;
}

.addressDetailsFormContainer h1 {
	margin-bottom: 15px;
	font-size: 18px;
	color: #000;
}

.addressDetailsFormContainer h1 span {
	text-transform: uppercase;
	color: #000;
	font-style: normal;
	font-size: 18px;
}

.amAddressImg {
	position: absolute;
	bottom: 20px;
	right: 270px;
}

.amAddressIdisLogo {
	position: absolute;
	bottom: 20px;
	right: 50px;
}

/* Address Panels*/

#postcodeLabel,
#PApostcodeLabel,
#dAddressPostcodeLabel {
	width: 130px;
}

.timeatAddress {
	margin-top: 5px;
	float: right;
}

.termsLeftPic {
	background: url(/content/images/registration/icons/icon-safeSecure-110px.gif) no-repeat center;
}

.finishLeftPic {
	background: url(/content/images/registration/icons/icon-deliveredDirect-110px.gif) no-repeat center;
}

/*
---------------
Focus Arrow
---------------
*/
.focusArrow {
	position: absolute;
	left: 0;
	top: -100px;
	margin-left: -2px;
	border-left: #FFF solid 1px;
}

.postcodeErrorArrow,
.manualBtnErrorArrow {
	position: absolute;
	right: -7px;
	left: auto;
	margin-left: -2px;
	border-left: #FFF solid 1px;
	z-index: 444;
}

.postcodeErrorArrow {
	top: 104px;
}

.manualBtnErrorArrow {
	top: 160px;
}

/*
MARKETING PAGE
--------------------------------
*/
.dataProtectionMessage {
	padding: 10px;
	background: #f2f2f2;
	border: solid 1px #ccc;
	margin-top: 20px;
}

/*
Marketing
*/
#AcceptBtn {
	width: 170px;
	position: absolute;
	right: 0;
	bottom: -1px;
	display: none;
}

/*
    Address Confirm Panel
*/
#confirmAddressContainer {
	background-image: url(/content/images/registration/bg/bg-address-confirm.png);
	background-repeat: no-repeat;
	height: 225px;
	width: 673px;
 *width: 700px;
	padding: 10px;
}

#confirmAddressContainer h1 {
	margin: 5px 15px;
	font-size: 17px;
}

.confirmAddressContainerMain #confirmAddressContainer p {
	margin: 5px 15px;
}

.confirmAddressContainerMain #postcodeLabel {
	width: 130px;
}

.confirmAddressContainerMain .timeatAddress {
	margin-right: 5px;
}

.confirmAddressContainerMain .confirmAddressLabel {
	width: 150px;
	float: left;
	text-align: right;
}

.confirmAddressContainerMain .confirmAddressInfo {
	width: 450px;
	float: left;
	text-align: left;
	font-weight: bold;
}

/* Slider buttons */
.scrollButtonsContainer {
	position: absolute;
	bottom: 0;
	float: left;
	height: 46px;
	width: 960px;
	z-index: 1;
}

.secci-scroll + .scrollButtonsContainer {
    bottom: 0!important;
}

.previousButtonStyle .buttonCapLt {
	background-image: url(/content/images/modal/modalButtonBackCapLt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 24px;
}

.previousButtonStyle .buttonCapRt {
	background-image: url(/content/images/modal/modalButtonCapRt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 10px;
}

.previousButtonStyle a,
.previousButtonStyle a:link,
.previousButtonStyle a:visited {
	background-color: transparent;
	background-image: url(/content/images/modal/modalButtonBg.gif);
	background-repeat: repeat-x;
	color: #000;
	cursor: pointer;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 29px;
	margin: 0;
	min-width: 10px;
	padding-top: 4px;
	text-decoration: underline;
}

.previousButtonStyle a:hover {
	text-decoration: none;
	color: #090;
}

/* Marketing */

.errorMarketingContainer,
.errorCashMarketingContainer {
	background-color: #FFF;
	border: 1px solid #F00;
	color: #F00;
	display: none;
	font-size: 14px;
	left: 249px;
 *left: 25px;
	position: absolute;
	right: 0;
	top: 212px;
	width: 600px;
	z-index: 999;
}

.errorMarketingContainer div,
.errorCashMarketingContainer div {
	margin: 3px 3px 3px 6px;
}

.errorMarketingContainer .errorArrowMarketing,
.errorCashMarketingContainer .errorArrowMarketing,
.errorMarketingContainer .errorArrowCashMarketing,
.errorCashMarketingContainer .errorArrowCashMarketing {
	left: -3px;
	top: -10px;
	position: absolute;
}

.mandatoryText {
	position: absolute;
	color: #333;
	bottom: 10px;
	width: 210px;
}

.postcodeError {
	position: absolute;
	top: 60px;
	font-weight: normal;
	width: 210px;
}

.manualBtnError {
	position: absolute;
	top: 150px;
	font-weight: normal;
	width: 210px;
}

.manualBtnErrorIE {
	position: absolute;
	top: 185px;
	font-weight: normal;
	width: 210px;
}

.postcodeErrorArrow,
.manualBtnErrorArrow,
.postcodeErrorArrowIE,
.manualBtnErrorArrowIE {
	position: absolute;
	left: 0;
	margin-left: -2px;
	border-left: #FFF solid 1px;
	z-index: 444;
	display: none;
	width: 15px;
}

.postcodeErrorArrow {
	top: 104px;
}

.manualBtnErrorArrow {
	top: 160px;
}

.postcodeErrorArrowIE {
	top: 92px;
}

.manualBtnErrorArrowIE {
	top: 200px;
}

.formContentError {
	border-left: 1px SOLID #F00;
}

#contactNumbers {
	width : 155px;
}

.personalPhoneContainer {
	float: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

.dialingCodeMessage {
	width: 250px;
	float: left;
	margin: 0;
 *margin: -15px 0 0;
	padding: 0;
}

/* Credit Small Print */

.creditSmallprint {
	font-size: 10px;
	text-align: center;
	margin: 7px 0 7px;
	width: 700px;
	float: left;
}

/* Promotion Banner */

.promotionBanner a {
	color: #FFF;
}

.promotionBanner {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color: #e86c1b;
	border: 2px solid #CCC;
	color: #FFF;
	float: left;
	font-size: 15px;
	margin-top: 16px;
	padding: 10px;
	width: 678px;
}

.promotionBanner .specialOffer {
	font-size: 23px;
}

#wduhau {
	width: 290px;
	min-width: 100px;
}

#marketcode {
	width: 290px;
	min-width: 100px;
}

.addressDetailsFormContainer label {
	width: 215px;
}

.marketingColumns {
	font-size: 11px;
	width: 270px;
	margin: 5px;
	position: relative;
}

.marketingColumns #envelope_certificate,
#envelope_certificate2 {
	position: absolute;
	bottom: 15px;
}

.marketingColumns .cbox {
	margin: 0;
	padding: 0;
	width: 20px;
	border: 0;
}

.marketingHowAccountWorksContainer {
	border: 1px SOLID #DDD;
	margin-top: 63px;
	padding: 4px;
}

.marketingHowAccountWorksESigContainer {
	border: 1px SOLID #DDD;
	margin-top: 12px;
	padding: 4px;
}

.marketingHowAccountWorksText {
	font-weight: bold;
	margin-bottom: 2px;
	padding-bottom: 3px;
	border-bottom: 1px SOLID #DDD;
	color: #555;
}

.mandatoryNormal {
	font-style: italic;
	color: #222;
}

/* clearWhite */

.whiteContainer {
	height: 29px;
	/*margin-top:5px;*/
	min-width: 30px;
	padding: 0;
}

.clearWhite .buttonCapLt {
	background-image: url(/content/images/modal/modalButtonForwardCapLt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 10px;
}

.clearWhite a,
.clearWhite a:link,
.clearWhite a:visited {
	background-color: transparent;
	background-image: url(/content/images/modal/modalButtonBg.gif);
	background-repeat: repeat-x;
	color: #000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 30px;
	margin: 0;
	min-width: 10px;
	padding-top: 5px;
	cursor: pointer;
	text-decoration: underline;
}

.clearWhite .buttonCapRt {
	background-image: url(/content/images/modal/modalButtonCapRt.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	margin: 0;
	width: 10px;
}

#openManualAddress {
	cursor: pointer;
}

/* International styles */
.personalPhoneContainerIntl label {
	margin: 0;
	width: 200px!important;
}

#internationAddressConfirmed {
	width: 15px;
	border: 0;
	background: none;
	padding-left: 2px;
}

/* Registration Address Details - START -------------
------------------------------------------------------*/

.confirmAddressLabel {
	float: left;
	width: 150px;
	padding: 20px 0 0 16px;
}

.confirmAddressInfo {
	float: left;
	width: 450px;
	padding: 20px 0 0;
}

/* Registration Address Details - END -------------
------------------------------------------------------*/

/* Registration Terms and Conditions ----------------------------
----------------------------------------------------------------------*/

#payCompleteHolder {
	float: left;
	width: 960px;
	margin: 0;
	font-weight: normal;
}

#payCompleteHolder .commonBoxCurveContainer {
	width: 960px;
	padding: 0;
	border: none;
}

#termsConditionsHeader,
#cashTermsConditionsHeader {
	background-color: #F1F0F0;
	border-bottom: 1px solid #CCC;
	float: left;
	height: 40px;
	width: 960px;
	margin: 0;
	padding: 0;
}

#dataProtectHeader {
	float: left;
	height: 40px;
	width: 285px;
	border-right: 1px solid #CCC;
}

#termsHeader {
	float: left;
	width: 674px;
	height: 40px;
}

#dataProtectHeader p,
#termsHeader p {
	font-size: 12px;
	padding: 10px;
	margin: 0;
	font-weight: bold;
	float: left;
	width: 200px;
}

#termsHeader p.termsError {
	float: right;
	padding: 10px;
	margin: 0;
	font-weight: normal;
	width: 200px;
 *width:200px;
	color: #d80808;
}

p.redInstructions {
	float: left;
	color: #F00;
}

#termsConditionsContent,
#cashTermsConditionsContent {
	float: left;
	/*height: 264px;*/
	height: 305px;
	padding: 0;
	width: 961px;
}

#dataProtectionHolder {
	height: 304px;
	padding: 0;
	width: 230px;
	/*width: 285px;*/
	border-right: 1px solid #CCC;
	overflow: auto;
	float: left;
}

#dataProtectionHolder p {
	font-size: 11px;
	width: 192px;
	/*width: 245px;*/
	padding: 10px;
	margin: 0;
}

#termsConditionsHolder {
	float: left;
	height: 304px;
	width: 728px;
	padding: 0;
	overflow-x: hidden;
	z-index: 999;
}

#termsConditionsHolder p {
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: 16px;
}

#completeFooterContainer {
	float: left;
	width: 945px;
	margin: 10px 0 0;
}

p.termsHead {
	font-weight: bold;
}

/* Reg Complete Section */
#personalAccountHolder {
	float: left;
	width: 250px;
}

#termsBodyContainer {
	float: left;
}

#regCongratsBodyContainer {
	float: left;
	width: 700px;
}

#regCongratsHolder p {
	font-size: 12px;
	padding: 0 20px 25px 0;
}

#regCongratsHolder h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	padding: 15px 0 10px;
}

#regCongratsTxt {
	font-weight: bold;
}

#atlasActionTag {
	height: 0;
	display: none;
}

#specialOfferHolder {
	-moz-border-radius: 5px;
	background-color: #E86C1B;
	border: 2px solid #CCC;
	float: left;
	font-size: 15px;
	margin: 0 0 0 10px;
	padding: 10px;
}

#personalAccountLogo {
	background-image: url(/content/images/registration/personalAccountLogoRegistration.gif);
	height: 73px;
	width: 250px;
}

#availableSpend {
	width: 250px;
	height: 48px;
	background-image: url(/content/images/registration/availableSpendBg.gif);
	padding-top: 10px;
}

#availableSpend p {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 6px;
}

#personalDisclaimer {
	padding: 6px;
}

#personalDisclaimer p {
	font-size: 10px;
	text-align: center;
	line-height: 1.25em;
}

#specialOfferHolder p,
#specialOfferHolder a,
#specialOfferHolder a:link,
#specialOfferHolder a:visited {
	color: #fff;
	text-align: center;
	font-size: 13px;
}

.specialOffer {
	font-size: 20px;
}

#regCongratsHolder {
	margin: 0 0 0 20px;
}

#regCompleteSidePanel {
	width: 230px;
	border-right: 1px solid #ccc;
	background-image: url(/content/images/registration/regDeliveredDirectLogo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	height: 304px;
}

#regCompleteSidePanel p {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

#directMarketingContent {
	float: left;
	height: 61px;
	/*height:75px;*/
	width: 690px;
	/*width:669px;*/
	padding: 0;
	margin: 4px 0 0 10px;
}

#directElectronicContent {
	float: left;
	height: 80px;
	/*height:93px;*/
	width: 690px;
	/*width:669px;*/
	padding: 10px 0 0;
	margin: 0 0 0 10px;
}

#termsContent {
	float: left;
	width: 700px;
	/*width:662px;*/
	_width: 694px;
	/*_width:656px;*/
	padding: 0 0 5px;
	background-color: #f1f0f0;
	border: 1px solid #abaaaa;
	margin: 5px 0 0 5px;
}

#termsContent p {
	margin: 1px 0 0 5px;
}

#termsContentHeading a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#termsContentHeading a:hover {
	text-decoration: none;
}

#termsContentHeading {
	float: left;
	width: 669px;
	padding: 0;
	margin: 5px 0 0 10px;
}

#accountWorksContent {
	float: left;
	height: 50px;
	width: 669px;
	padding: 0;
	margin: 5px 0 0 10px;
}

#termsCheck {
	float: left;
	padding-top: 5px;
	margin: 0;
}

#termsCheck p {
	height: auto;
	width: 650px;
    /*width:630px;*/
    *width:640px;
	/**width:620px; */
	float: left;
	padding: 0;
	margin-left: 10px;
}

.scrollContainer .termsCheckBox {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	height: 10px;
	width: 10px;
}

.scrollContainer .termsTickBoxContainer {
	clear : both;
}

.scrollContainer .termsTickBoxContainer p {
	margin: 0;
	float: left;
	padding: 0;
	width: auto;
}

.scrollContainer .termsTickBoxContainer .termsMarketingCheckBox {
	margin: 0 0 0 5px;
	float: left;
	padding: 0;
	border: none;
}

#termsConditionsCheck,
.termsConditionsCheck {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	margin: 0;
}

#termsConditionsCheck p,
.termsConditionsCheck p {
	height: auto;
	width: 650px;
 *width:640px;
	float: left;
	padding: 0;
	margin-left: 10px;
}

#termsConditionsCheck p.termsAsterisk,
.termsConditionsCheck p.termsAsterisk {
	height: auto;
	width: 10px;
	float: left;
	font-size: 20px;
	color: #d80808;
	margin: 0;
}

#termsConditionsFooter {
	background-color: #F1F0F0;
	border-top: 1px solid #CCC;
	float: left;
	height: 46px;
	width: 975px;
	margin: 0;
	padding: 0;
}

#termsBackButton {
	padding: 10px 0 0 10px;
	margin: 0;
	float: left;
	_width: 300px;
}

#termsAcceptButton {
	float: right;
	padding: 10px 10px 0 0;
	margin: 0;
	_width: 235px;
}

/* Compliant Terms and Conditions */

.compliantTerms #termsConditionsHolder {
	overflow-x: visible;
}

.compliantTerms #directMarketingContent,
.compliantTerms #directElectronicContent,
.compliantTerms #thirdPartiesContent {
	height: auto;
}

#creditAccount .termsHead {
	float: left;
	margin: 10px 0 0 10px;
	font-weight: bold;
}

.compliantTerms .termsHead {
	font-weight: normal;
}

.compliantTerms .termsHead input {
	float: none;
	margin: 0 0 0 8px;
	border: none;
}

#thirdPartiesContent {
	float: left;
	padding: 10px 0 0;
	margin: 0 0 0 10px;
}

#dataProtectionHolder p {
	padding-bottom: 0;
}

.compliantTerms #termsHeader p {
	width: auto;
}

.compliantTerms #termsConditionsHeader {
	background: none;
}

#creditAccount a,
#creditInfoPdf a,
#sampleAgreementPdf a,
#pdfMessage a {
	color: #000;
}

#termsDownload,
#termsPrint {
	float: right;
	position: relative;
	margin-top: 4px;
	margin-right: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-weight: bold;
}

#termsPrint a,
#termsDownload a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#termsPrint a {
	padding-right: 33px;
	padding-left: 33px;
}

#termsDownload a {
	padding-right: 19px;
	padding-left: 19px;
}

.compliantTerms #termsContent {
	width: 719px;
	background-color: #e2f6e0;
	border-top: 1px solid #d6e6d5;
	border-right: none;
	border-bottom: 1px solid #d6e6d5;
	border-left: none;
	padding: 5px;
	margin: 0;
}

.compliantTerms #termsContent p {
	color: #09931f;
	font-weight: bold;
	text-align: right;
	margin: 0;
}

.compliantTerms #termsContent a {
	color: #09931f;
	text-decoration: underline;
}

.compliantTerms #termsContent a:hover {
	text-decoration: none;
}

#standaloneTerms #creditAccountPng {
	height: 86px;
}

#standaloneTerms #termsConditionsHeader {
	height: 30px;
}

#standaloneTerms #dataProtectHeader p,
#standaloneTerms #termsHeader p {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
}

#standaloneTerms #dataProtectHeader {
	height: 30px;
	width: 230px;
}

#standaloneTerms #dataProtectionHolder p {
	padding-left: 20px;
	width: 175px;
}

#standaloneTerms #dataProtectionHolder {
	height: 273px;
}

#standaloneTerms #directMarketingContent,
#standaloneTerms #directElectronicContent,
#standaloneTerms #thirdPartiesContent,
#standaloneTerms #termsContentHeading {
	margin-left: 20px;
	padding-top: 5px;
}

#standaloneTerms #termsDownload,
#standaloneTerms #termsPrint {
	margin-top: 0;
}

.pdfMessage {
	padding: 10px;
}

.pdfMessage span {
	vertical-align: top;
	margin-left: 10px;
}

.pdfMessage span strong {
	vertical-align: top;
}

#checkoutTerms #creditAccountPng {
	height: 145px;
 *height: 136px;
	height: 120\0/;
}

#checkoutTerms #creditAccountPng,
#standaloneTerms #creditAccountPng {
	border-top: 1px solid #CCC;
	clear: both;
	-webkit-overflow-scrolling: touch;
}

#checkoutTerms #termsConditionsHolder {
	width: 704px;
}

#checkoutTerms #termsContent {
	width: 694px;
}

#checkoutTerms #creditAccount .termsHead {
	margin-top: 10px;
}

#checkoutTerms #termsContentHeading {
	border-bottom: 1px solid #CCC;
	width: 694px;
	margin-left: 0;
	padding-bottom: 7px;
	padding-left: 10px;
}

#checkoutTerms #termsDownload,
#checkoutTerms #termsPrint {
	margin-top: 7px;
}

#standaloneTerms #termsContentHeading a:visited,
#checkoutTerms #termsContentHeading a:visited,
#standaloneTerms #termsContentHeading a:hover,
#checkoutTerms #termsContentHeading a:hover {
	text-decoration: underline;
}

.compliantTerms .commonBoxCurveContainer {
	width: 961px;
	margin-top: 10px;
	margin-left: 20px;
}

/* Registration Terms and Conditions - END ----------------------------
----------------------------------------------------------------------*/

/* Online Chat in Registration ----------------------------
----------------------------------------------------------------------*/
#onlineReg {
	position: absolute;
	top: -10px;
	right: 0;
	z-index: 2;
}

#checkoutPageTitle #onlineReg {
	top: -26px;
	right: 223px;
	left: 765px;
	position: relative;
}

#onlineReg #numeroBtnContainer {
	background: none;
	padding: 0;
	float: none;
	height: 75px;
	width: 120px;
	padding: 0;
}

#onlineReg #numeroCallBack a,
#onlineReg #numeroCallBack a:link,
#onlineReg #numeroCallBack a:visited {
	background-position: 2px -6px;
}

#onlineReg #numeroCallBack a:hover {
	background-position: 2px -44px;
}

div#slider .numeroSingleButtonDisplayed {
	padding-top: 30px;
}

/* SECCI page styles */

#ukSecciPage {	
	width: 100%;
	position: relative;
	margin: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#ukSecciPage .inner-wrapper {
    background: #eee;
    padding: 16px;	
}

#ukSecciPage p {
	font-size: 12px;
	padding-bottom: 0;
}

#ukSecciPage h2 {
	font-size: 16px;
	color: #000;
	margin: 4px 0 0 0;
}

p#secciIntroText {
	background-color: #F2F2F2;
	border: 1px solid #CCC;
	float: left;
	margin: 5px 10px 5px;
	_margin: 5px 10px 5px 5px;
	padding: 8px;
	font-size: 12px;
}

p#secciBoldText {
	font-size: 13px;
	font-weight: bold;
	color: #024306;
	margin: 0 20px 0;
	_margin: 0 20px 0 15px;
}

#secciDocumentScrollContainer {
	width: 900px;
	height: 105px;
	border: 1px solid #CCC;
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 5px 10px 0;
	_margin: 5px 10px 0 5px;
}

#secciPdfVersion {
	width: 110px;
	float: left;
	text-align: center;
	padding: 10px 5px 5px;
	margin-top: 5px;
	display: none;
}

#getAdobeReaderIcon {
	padding: 7px 0 0;
}

p#secciFormErrorMsg {
	width: 600px;
	height: 19px;
	display: none; /* Set to display: Block on validation */
	float: left;
	padding: 5px;
	border: 1px solid #f00;
	background-color: #fff;
	color: #a10000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#secciConfirmation {
	float: right;
	margin: 0 10px 0 625px;
}

#secciConfirmationOXI {
	margin: 0 10px 0 0;
}

.errorSecciContainer {
	color: #F00;
	display: none;
	font-size: 15px;
	font-size: 11px;
	font-weight: bold;
}

#secciScrollToBottomContainer {
	float: right;
}

#secciPdf {
	height: 2476px;
	width: 875px;
}

#customerCreditDecisionIndicatorId {
	width: auto;
	margin: 0;
}

/* Hack specificly for Google Chrome1+ and saf3+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	#secciPdf {
		height: 2263px;
	}
}

#ukSecciPage .commonBoxCurveContainer {
	width: 960px;
}

#ukSecciPage .infoContainer .pdfInfo {
	float: left;
	font-size: 11px;
	color: #888;
	margin: 8px;
	background: url(/content/images/freeformat/pdf-icon.png) no-repeat;
	padding: 0 0 0 25px;
}

#ukSecciPage .infoContainer {
	clear: both;
}

#ukSecciPage .infoContainer ul {
	font-size: 12px;
	list-style: none;
	margin-top: 0;
}

#ukSecciPage .tabContainer {
	height: 20px;
	margin: 10px 0 0 10px;
	padding: 5px 10px;
	float: left;
}

#ukSecciPage .tabContainer li {
	float: left;
	margin: 0 10px 0 0;
}

#ukSecciPage .pdfPrint {
	font-size: 11px;
	margin: 8px;
	background: url(/content/images/freeformat/print-icon.png) no-repeat;
	padding: 0 0 0 20px;
	text-decoration: underline;
}

#ukSecciPage .agreeContainer {
	float: right;
	font-size: 11px;
	margin: 14px;
	padding: 0;
}

#ukSecciPage .agreeContainer input {
	margin: 0 14px 0 0;
}

/* Credit information SECCI page styles */

#creditInfoDocumentScrollContainer {
	width: 870px;
	height: 210px;
	border: 3px solid #CCC;
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0 10px 0;
}

#creditInfoPdf {
	height: 1320px;
	width: 870px;
}

/* Hack specificly for Google Chrome1+ and saf3+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	#creditInfoPdf {
		height: 907px;
	}
}

/** Updated Secci page */
#sampleAgreementPdf {
	height: 2476px;
	width: 875px;
}

.secciCreditAmountMessage {
	width: 959px; /* This daft unit is to relate to another which is added using JS that I cannot find anywhere to correct to 960px */
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E3YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eeeeee 0%, #d9d9d9 39%, #cacaca 62%, #c0c0c0 80%, #a7a7a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(39%,#d9d9d9), color-stop(62%,#cacaca), color-stop(80%,#c0c0c0), color-stop(100%,#a7a7a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#d9d9d9 39%,#cacaca 62%,#c0c0c0 80%,#a7a7a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#d9d9d9 39%,#cacaca 62%,#c0c0c0 80%,#a7a7a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#d9d9d9 39%,#cacaca 62%,#c0c0c0 80%,#a7a7a7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#d9d9d9 39%,#cacaca 62%,#c0c0c0 80%,#a7a7a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#a7a7a7',GradientType=0 ); /* IE6-8 */
}

.secciCreditAmountMessage h5 {
	font-size: 33px;
	font-weight: normal;
	color: #000;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
	padding: 10px;
	text-align: center;
	line-height: 1.125em;
}

.secciCreditAmountMessage h5 span {
	font-weight: bold;
	color: #b8e884;
}

#getPdfLink {
	background: url(/content/images/freeformat/pdf-icon.png) no-repeat;
	float: left;
	width: 360px;
	margin: 10px;
	padding: 0 0 0 25px;
}

#ukSecciPage .infoContainer {
	clear: both;
}

#ukSecciPage .infoContainer ul {
	float: right;
	font-size: 12px;
	list-style: none outside none;
	margin: 10px 0;
}

#ukSecciPage.altSecciModal .infoContainer ul {
	margin-top: 0;
}

#checkoutMainSection #ukSecciPage .infoContainer ul {
	margin: 10px;
}

#ukSecciPage .infoContainer ul li {
	float: left;
	padding: 0 20px 0 0;
}

#acceptSecciTickGroup {
	float: left;
	width: 940px;
	height: 35px;
	padding: 0 0 0 145px;
}

.acceptSecciContainer {
	background: none repeat scroll 0 0 transparent;
	clear: both;
	font-size: 12px;
}

.acceptSecciContainer label {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	margin: 11px 10px 0 0;
	padding: 0;
	width: auto;
}

.acceptSecciContainer input {
	float: left;
	margin: 11px 5px 0 0;
	padding: 0;
	width: 17px;
}

.acceptSecciContainer .errorStar {
	float: left;
	margin: 5px;
}

.acceptSecciContainerError {
	background: none repeat scroll 0 0 #FDD9D9;
	clear: both;
	font-size: 12px;
	border: 1px solid red;
	height: 35px;
	width: 940px;
}

#termsContent.error {
	background: #FDD9D9 none;
	border: 1px solid red;
}

.acceptSecciContainerError label {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	margin: 11px 10px 0 0;
	padding: 0;
	width: auto;
	font-weight: bold;
	color: #F00;
}

.acceptSecciContainerError input {
	float: left;
	/*
    margin: 11px 5px 0 0;
    */
	margin: 5px 5px 0 0;
	padding: 0;
	width: 17px;
}

.acceptSecciContainerError .errorStar {
	float: left;
	margin: 5px;
}

#creditInfoDocumentScrollContainer {
	border: 3px solid #CCC;
	float: left;
	height: 132px;
	margin: 0 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 870px;
}

.creditInfoDocumentPrintContainer,
.secciDocumentPrintContainer {
	width: 30px;
	padding: 0 0 0 20px;
	float: right;
	background: url(https://images2.drct2u.com/content/common/images/commongui/printIcon.gif) no-repeat;
}

#secciDocumentScrollContainer {
	border: 3px solid #CCC;
	float: left;
	height: 132px;
	margin: 5px 10px 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 870px;
}

.secciCashPaymentLink {
	float: left;
	font-size: 12px;
	margin: 0;
	text-align: center;
	width: 75%;
	display: block;
}

#commonBoxCurveContainerSecciId.commonBoxCurveContainer {
	border: 1px SOLID #DEDCDC;
}

/** Compliant Secci pages (Checkout and Standalone Reg) */

#secciCheckout #creditInfoPng,
#secciCheckout #creditAgreementPng {
	height: 133px;
	height: 93px\9;
}

.compliantSecci #creditInfoPng,
.compliantSecci #creditAgreementPng {
	height: 112px;
	height: 108px\9;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #CCC;
	clear: both;
}

.compliantSecci #secciDocumentScrollContainer {
	margin-top: 0;
}

#secciTitle {
	float: left;
}

.secciPrint,
.secciDownload {
	background: #fff;
	float: right;
	position: relative;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-weight: bold;
}

.secciPrint a,
.secciDownload a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.secciPrint a {
	padding-right: 33px;
	padding-left: 33px;
}

.secciDownload a {
	padding-right: 19px;
	padding-left: 19px;
}

.compliantSecci #creditInfoPng {
	margin-bottom: 10px;
}

.compliantSecci #creditInfoPdf p,
.compliantSecci #creditAgreementPng p {
	padding-top: 10px;
}

.compliantSecci #creditInfoPrintPDFLink img {
	float: left;
	margin: 0 10px 0 0;
}

.compliantSecci #customerSignature {
	content: "";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background: #e2f6e0;
	border: 1px solid #d6e6d5;
	margin: 13px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.compliantSecci #customerSignature p {
	color: #09931f;
	font-weight: bold;
}

#customerSignature {
	padding: 16px;
}

#customerName {
	float: left;
	padding-bottom: 0;
}

#signAgreement {
	float: left;
	font-size: 16px!important;
	padding-left: 10px;
}

#customerDate {
	display: block;
}

.secci-scroll #customerDate {
    display: inline-block;
    padding-left: 16px;
}

.secciDecline .secciCashPaymentLink {
	display: inline;
}

#signAgreementCon {
	float: right;
}

#secciConfirmationDecline,
#secciCheckout .secciCashPaymentLink {
	float: right;
	width: 67px;
}

.compliantSecci #customerSignature.error {
	background: #ffd2d2;
	border: 1px solid #c70505;
}

.compliantSecci #customerSignature.error #signAgreement {
	color: #c70505;
}

.compliantSecci #customerCreditDecisionIndicatorId {
	margin-right: 2px;
	border: none;
	padding: 0;
}

/********************** Shopped with us before web enable box.******************************/

.existingLinkPanel {
	background-color: #E0F8B8;
	border: 1px solid #479F29;
	bottom: 10px;
	height: 96px;
	position: absolute;
}

.existingLinkPanel p {
	font-size: 0.8em;
}

.existingLinkFooter {
	padding: 0;
	margin: 0;
	background-position: bottom;
	background-color: #E0F8B8;
	border-top: 1px #dedcdc solid;
	height: 40px;
}

.existingPanelMessage {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	width: 157px;
}

.existingLinkPanel .commonBtnSecure .commonBtnCapLt {
	height: 29px;
	width: 29px;
	background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedContinueCapLt.png);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
}

.existingHeader {
	color: #333;
}

.existingLinkPanel .commonBtnSecure a,
.existingLinkPanel .commonBtnSecure a:link,
.existingLinkPanel .commonBtnSecure a:visited {
	font-size: 12px;
}

.existingLinkPanel .signInButtonContainer .commonBtnSecure {
	float: none;
}

/********************** Shopped with us before web enable box. - END ********************/
/*Added the new class so this can be added by jquery instead
  of $.hide() to bypass the feo stuff in registration pages */
.displayNone {
	display: none;
}

/**/
#ukSecciPage.altSecciModal {
	width: 100%;
}

#ukSecciPage.altSecciModal .infoContainer {
	width: 100%;
}

#ukSecciPage.altSecciModal #getPdfLink,
#ukSecciPage .infoContainer ul {
	font-size: 11px;
}

.altSecciModal #getPdfLink,
.altSecciModal ul.viewContainer {
	margin: 0 0 5px;
}

.altSecciModal #getPdfLink {
	padding-left: 0;
	margin-left: 10px;
}

.altSecciTerms #termsConditionsCheck input {
	margin: 0 10px 0 0;
}

.altSecciTerms #termsConditionsCheck p,
.termsConditionsCheck p {
	float: left;
	font-size: 12px;
	height: auto;
	margin-left: 10px;
	padding: 5px;
	width: 650px;
}

.altSecciTerms #termsConditionsCheck .errorStar {
	float: left;
}

.altSecciModal .creditInfoDocumentPrintContainer,
.altSecciModal .secciDocumentPrintContainer {
	background: url("https://images2.drct2u.com/content/common/images/commongui/printIcon.gif") no-repeat scroll 0 0 transparent;
	clear: both;
	float: right;
	padding: 0 0 0 20px;
	margin-right: 15px;
	font-size: 12px;/*
    width: 30px;
    */
}

.altSecciModal #creditInfoDocumentScrollContainer,
.altSecciModal #secciDocumentScrollContainer {
	border: 3px solid #CCC;
	float: none/*left*/;
	height: 235px;
	margin: 0 10px 5px;
	/*
    overflow-x: hidden;
    overflow-y: scroll;
    */
	overflow: hidden;
	width: 930px;
	clear: both;
}

.altSecciModal #secciDocumentScrollContainer {
	margin: 10px;
}

#creditInfoDocumentScrollContainer > div,
#secciDocumentScrollContainer > div {
	height: 100%;
}

.altSecciModal #creditInfoPdf,
.altSecciModal #creditInfoPdf object,
.altSecciModal #secciPdf,
.altSecciModal #secciPdf object {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#irishSecciPage #secciDocumentScrollContainer > div {
	height: auto;
}

/* New css for account choice - Cash or Credit choice */

#choiceCredit {
	border: 1px solid #CCC;
	overflow: hidden;
	width: 100%;
}

#choiceCredit #choiceCreditContainer {
	position: relative;
}

.standaloneCashCredit #choiceCredit #choiceCreditContainer {
	padding: 0;
}

#choiceCredit #choiceCreditContainer .creditTitle,
#choiceCredit .creditTitle {
	font-size: 23px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.standaloneCashCredit #choiceCredit .creditTitle {
	padding: 0;
}

.checkoutCashCredit #choiceCreditContainer .label-inner {
	margin-bottom: 10px;
}

.checkoutCashCredit #choiceCreditContainer .creditTitle {
    vertical-align: middle;
    display: inline-block;
}

#choiceCredit #choiceCreditContainer .creditTitle span.sub-text,
#choiceCredit .creditTitle span {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

*+html #choiceCreditContainer ul {
	list-style-position: inside;
}

#choiceCredit #choiceCreditContainer ul {
	line-height: 22px;
	list-style-type: disc;
}

.formContent .full-width-p {
	display: block;
	clear: both;
	font-size: 15px;
	line-height: 22px;
}

#creditList {
	overflow: hidden;
}

.standaloneCashCredit #choiceCredit #creditListLeft,
.standaloneCashCredit #choiceCredit #creditListRight,
#choiceCredit #choiceCreditContainer ul {
	float: left;
	padding: 0 15px;
	margin: 0;
}

.standaloneCashCredit #choiceCredit #creditListLeft,
.standaloneCashCredit .aprPercent {
	width: 64%;
}

.standaloneCashCredit #choiceCredit #creditListRight,
.standaloneCashCredit .logoText {
	width: 36%;
	padding-right: 0;
}

#choiceCredit #choiceCreditContainer ul li span {
	color: #000;
	font-size: 15px;
	text-size-adjust: none;
}

#choiceCredit .aprPercent {
	font-size: 19px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	display: block;
    padding-bottom: 10px;
}

#choiceCredit .aprText {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	display: block;
	clear: both;
	text-decoration: none;
}

#choiceCredit #choiceCreditContainer .logoText {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#choiceCredit #choiceCreditContainer .aprPercent,
#choiceCredit #choiceCreditContainer .logoText {
	float: left;
}

.standaloneCashCredit #choiceCredit #choiceCreditContainer {
	left: 0;
	margin: 7px 0;
}

.standaloneCashCredit #choiceCredit {
	height: 226px;
}

.checkoutCashCredit #choiceCredit #choiceCreditContainer .logoText {
	margin: 0;
	padding-bottom: 15px;
	padding-bottom: 7px\0/;
}

.checkoutCashCredit #choiceCredit #choiceCreditContainer .apr {
	margin: 10px 0 0;
}

#choiceCredit input,
#choiceCash input {
	position: relative;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border: none;
	padding: 0;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#choiceCredit label,
#choiceCash label {
	text-align: left;
	float: none;
	width: auto;
	background: none;
	padding: 0;
	border: none;
}

.label-inner {
	display: inline-block;
	vertical-align: middle;
}

.standaloneCashCredit #choiceCredit input {
	top: 0;
}

.standaloneCashCredit #choiceCredit label {
	padding: 0;
}

#choiceCash {
	width: 100%;
	display: table;
	height: 45px;
	border: 1px solid #CCC;
	clear: both;
	margin-top: 10px;
	padding: 0;
}

#choiceCash label {
	position: relative;
	font-size: 16px;
}

#choiceCash .choiceCashLabelText {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	left: 10px;
	top: 10px;
	float: right;
	margin: 0 30px 0 0;
}

#creditBottomContent {
	float: left;
	width: 100%;
}

.checkoutCashCredit #creditBottomContent {
 *padding-bottom: 19px;
}

.standaloneCashCredit #creditBottomContent {
	padding: 0;
}

#cashCredit.formContent.standaloneCashCredit,
#cashCredit.formContent.standaloneCashCredit *,
#cashCredit.formContent.standaloneCashCredit *:before,
#cashCredit.formContent.standaloneCashCredit *:after,
#cashCredit.formContent.checkoutCashCredit,
#cashCredit.formContent.checkoutCashCredit *,
#cashCredit.formContent.checkoutCashCredit *:before,
#cashCredit.formContent.checkoutCashCredit *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cashCredit.formContent.standaloneCashCredit {
	padding: 10px;
	width: 100%;
	height: auto;
	background: #FFF;
	border-left: none;
	line-height: 1.125em;
}

#cashCredit .regFormRow {
	float: none;
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	padding: 13px;
}

#choiceCredit .logoText span {
	font-size: 22px;
}

.formContent.checkoutCashCredit {
	padding: 0;
	height: 418px;
	width: auto;
	border: none;
}

.checkoutCashCredit #cashOrCreditForm {
	padding: 10px;
}

.scrollContainer .logo {
	font-size: 20px;
}

#cashCredit input[type="radio"] + label::before {
	content: none;
}

.mobileScroll,
.desktopScroll {
	height: inherit;
	overflow: auto;
}

/* START - Open manual address pop up link */
a#openManualAddress {
	padding: 8px;
	font-weight: bold;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 14px;
}

a:hover#openManualAddress {
	color: #090;
	text-decoration: none;
}

/* FINISH - Open manual address pop up link */

/* START - Billing address input  */
#deliveryAddressConfirmationSameLabel {
	width: auto;
	background: none;
	border: none;
	text-align: left;
}

#deliveryAddressConfirmationSame {
	width: 16px;
	height: 29px;
}

#myMyBillingAddressInputContainer {
	margin-left: 65px;
	clear: both;
	height: 30px;
	position: relative;
}

.changeAdressCon {
	margin-bottom: 10px;
}

.changeAdressCon #changeAddressLink {
	border: none;
	color: #0799ca;
	font-size: 12px;
	border-radius: 0;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
}

.changeAdressContainer {
	margin-top: 20px;
}

#manualAdressLinkCon a#openManualAddress,
#manualAdressLinkCon #notAddressLink,
#manualAdressLinkCon #slidetoaddress {
	border: none;
	background: none;
	color: #0799ca;
	font-size: 12px;
	border-radius: 0;
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
	font-weight: bold;
}

#manualAdressLinkCon {
 *margin-top: 10px;
}

#manualAdressLinkCon #slidetoaddress {
	margin-top: 20px;
}

#BAddressLinkCon {
	float: left;
}

#confirmAddressForm #confirmAddressContainer,
#confirmAddressForm #myMyBillingAddressInputContainer {
	margin-right: 110px;
}

#confirmAddressForm #deliveryAddressConfirmationInputFields {
	margin-right: 60px;
}

#confirmAddressForm #deliveryAddressConfirmationInputFields {
	float: right;
}

#confirmAddressForm #confirmAddressContainer p {
	font-weight: normal;
}

.mandatoryInfoText {
	margin-top: 5px;
}

#confirmAddressForm .formContent,
#confirmAddressForm #confirmAddressContainer {
	float: right;
	padding-top: 0;
	padding-bottom: 10px;
	width: auto;
}

#confirmAddressForm #myMyBillingAddressInputContainer {
	float: right;
	margin-top: 15px;
}

#confirmAddressForm #deliveryAddressConfirmationDescriptionCon {
	margin-top: 15px;
 *margin-bottom: 10px;
}

#deliveryAddressConfirmationInputFields input,
#deliveryAddressConfirmationInputFields textarea {
	width: 165px;
	margin-bottom: 10px;
}

#deliveryAddressConfirmationDescriptionCon,
#deliveryAddressConfirmationNameRecipientCon {
	float: right;
}

#confirmAddressForm .confirmAddressInfo,
#confirmAddressForm .confirmAddressLabel {
	width: auto;
}

#myMyBillingAddressInputContainer input {
	padding-top: 0;
	border: none;
	outline: 0;
}

#myMyBillingAddressInputContainer input:focus {
	background: none;
}

#previousManualAddress {
	padding-top: 10px;
}

/* FINISH -  Billing address input  */

/**********************Media query for Secci scrolling pdf's.******************************/
/* iPad [portrait + landscape] */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.compliantSecci #creditInfoPng,
	.compliantSecci #creditAgreementPng {
		height: 113px!important;
		overflow: auto;
	}
	
	.compliantTerms #creditAccountPng {
		height: 91px!important;
		overflow: auto;
	}
	
	.secciPrint,
	.secciDownload {
		margin-top: 6px;
	}
	
	#choiceCredit #choiceCreditContainer .creditTitle,
	#choiceCredit .creditTitle {
		padding-bottom: 12px;
	}
	
	#cashCredit input {
		background: #666;
	}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

	.compliantSecci #creditInfoPng,
	.compliantSecci #creditAgreementPng {
		height: 83px!important;
		overflow: auto;
	}
	
	.compliantTerms #creditAccountPng {
		height: 87px!important;
		overflow: auto;
	}
	
	.secciPrint,
	.secciDownload {
		margin-top: 6px;
	}
	
	#cashCredit input {
		background: #666;
	}
	
	.checkoutCashCredit #choiceCredit #choiceCreditContainer ul li span {
		font-size: 12px;
	}
}

/* Personalised Credit Agreement - enforces order of header and footer appearance */
#secciCreditAgreementHeaderContainer {
	margin: 0;
	padding: 0;
	height: 120px;
	position: relative;
}

.credit-detail {
	float: left;
	padding: 0 10px 10px 0;
}

/* Helpers */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* ie 6/7 */
}