/**
* @author	Drew Jones - Alniro
* @version	1.0
* @media	screen
*
* @info		
*
* @contents
*/

.headingWide { margin-bottom: 15px; }
.backTopButton { float: right !important; }

/**
* =1: Common login / registration / my account Styles
*/

.LoginCentre {
	width: 49.3%;
	float: left;
}
#contentWide .LoginCentre { width: 385px; }
.registration {
	width: 49.3%;
	float: right;
}
#contentWide .registration { width: 545px; }
.myaccount {}

.myaccount p,
.LoginCentre p,
.registration p { padding: 6px; }

.myaccount p { clear:both; }

.myaccount em,
.LoginCentre em,
.registration em { color: #6699cc; }

.myaccount p span,
.myaccount li span,
.LoginCentre p span,
.LoginCentre li span,
.registration p span,
.registration li span { font-size: 0.9em; }
span.passwordInfoMsg {
	display: block;
	float: right;
	width: 190px;
}
.myaccount ul,
.LoginCentre ul,
.registration ul { padding: 6px; }

.myaccount ul li,
.LoginCentre ul li,
.registration ul li {
	clear: both;
	margin-bottom: 5px;
}

.myaccount ul li label,
.LoginCentre ul li label,
.registration ul li label {
	float: left;
	text-align: right;
	padding-right: 10px;
	width: 140px;
	line-height: 1.4em;
}
div.errorMessage {
	margin-left: 150px;
	line-height: 1.4em;
	color: #c00;
}
.emailFriend div.errorMessage, #SendContactUs div.errorMessage { margin-left: 230px; }
#altAddr div.errorMessage, #payDets div.errorMessage, #alternativeAddress div.errorMessage, .addressSlot div.errorMessage { margin-left: 234px; }
#checkoutSummaryTerms div.errorMessage {
	margin-left: 0;
	text-align: right;
}
.myaccount ul li .radio { overflow: hidden; }
.myaccount ul li .radio input {
	margin-left:230px;
	width: 15px;
}
.myaccount ul li .radio label {
	float: none;
	padding: 0 10px 0 2px;
}
.myaccount ul li label { width: 220px; }
/*.myaccount ul li div.errorMessage { margin-left: 230px; }*/
.myaccount .init input {
	width: 15px;
	margin-left: 230px;
}
.myaccount .init label { float: none; }
.myaccount h1.heading {
	margin-top:0;
	margin-bottom: 8px;
}
.myaccount ul li input,
.LoginCentre ul li input,
.registration ul li input {
	width: 180px;
	padding: 1px;
}
.registration ul li .regPassword, .myaccount ul li .regPassword {
	float: left;
	margin-bottom: 5px;
}
#profile ul li .passwordInfoMsg { width: 270px; }
.myaccount ul li input.smallField { width: 30px; }
.myaccount ul li input.mediumField { width: 140px; }
ul li select.dob, ul li select.dob {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px;
}
.myaccount table td {
	background: url(../Images/backgrounds/checkout-table-row-bg.png) repeat-x center top;
	padding: 8px 5px;
	border-top: 1px solid #003366;
	vertical-align: top;
}
.myaccount table .desc { width: 200px; }
.myaccount table .qty { width: 50px; }
.myaccount table .price { width: 80px; }
.myaccount table .action { width: 50px; }
.myaccount table thead th {
	font-weight: bold;
	padding: 0 5px 4px;
}
.myaccount table tfoot td {
	background:none;
	text-align: right;
}
.myaccount table .left { text-align: left; }
.myaccount table .right { text-align: right; }
.myaccount table .center { text-align: center; }
.myaccount .items {
	padding-right: 0;
	padding-left: 0;
}
.myaccount .items table td {
	background:none;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}
.myaccount input.default, .myaccount input.action, .myaccount input.extended {
	cursor: pointer;
	border: none;
	font-size: 0.9em;
	margin-bottom:5px;
}
.myaccount input.action, .myaccount button.action {
	background: url(../Images/backgrounds/update-button-bg.png) no-repeat left top;
	width: 53px;
	height: 25px;
	color: #fff;
}
.myaccount button.action {
	margin-bottom: 5px;
	border: none;
	font-size: 0.9em;
}
.myaccount input.default {
	background: url(../Images/backgrounds/find-address-button-bg.png) no-repeat left top;
	width: 103px;
	height: 25px;
	color: #fff;
}
.myaccount input.extended {
	background: url(../Images/backgrounds/extended-button-bg.png) no-repeat left top;
	width: 121px;
	height: 32px;
	color: #fff;
	font-weight: bold;
}
.myaccount form.rest { width: 450px; }
#SendForgottenPassword p { clear: both; }

/* Address Slot Section */

.addressSlot { margin: 10px 0 0 0; }
.addressSlot ul { padding: 6px 0 0 0; }

.addressSlot li { padding: 3px 0 3px 0; }
.addressSlot ul li label {
	float: left;
	width: 228px;
	line-height: 1.4em;
	text-align: right;
	padding: 0 6px 0 0;
}
.addressSlot ul li input { width: 232px; }
.addressSlot li span.smallField input {
	width: 30px;
	margin: 0 8px 0 0;
}
.addressSlot li span.mediumField input { width: 188px; }
.lookupAddressButton {
	width: 470px;
	height: 25px;
	text-align: right;
	margin: 3px 0 0 0;
}
.lookupAddressButton input, .useAddressButton input, p.checkoutSummaryButton input {
	background: url(../Images/backgrounds/find-address-button-bg.png) no-repeat top left; 
	border: none;
	width: 103px;
	height: 25px;
	color: #69c;
	font-size: 0.9em;
	cursor: pointer;
}
.useAddressButton {
	width: 390px;
	height: 25px;
	text-align: right;
}

div.fpGreyButtons, div.nlGreyButtons { float: left; }
div.fpGreyButtons a, div.nlGreyButtons a, div.efGreyButtons a {
	display: block;
	width: 144px;
	height: 32px;
	background: url(../Images/backgrounds/forgot-pword-button-bg.png) no-repeat top left; 
	border: none;
	cursor: pointer;
	color: #69c;
	font-size: 0.9em;
	font-weight: bold;
	padding: 8px 0 0 0;
	text-decoration: none !important;
	float: left;
	text-align: center;
}

div.fpGreyButtons button, div.nlGreyButtons button, div.efGreyButtons button {
	width: 144px;
	height: 32px;
	background: url(../Images/backgrounds/forgot-pword-button-bg.png) no-repeat top left; 
	border: none;
	cursor: pointer;
	color: #69c;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 0;
}
div.fpButtonsSlot, div.nlButtonsSlot, div.efButtonSlot {
	height: 30px;
	width: 100%;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}

div.efButtonSlot { border: 1px solid green; }
div.nlButtonsSlot { margin: 10px 0 20px 0; }

div.cuButtonsSlot {
	width: 540px;
	margin: 0;
}
div.fpButtonsSlot {
	width: 420px;
	height: auto;
}
div.fpButtonsSlot button.fpSubmit  {
	float: right;
	height: 30px;
	width: 61px;
	border: none;
	background: url(../Images/backgrounds/forgot-pword-submit-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 0;
	float: right;
}
div.fpButtonsSlot div { float: left; }
div.fpButtonsSlot p {
	clear: both;
}

div.nlButtonsSlot button.nlSubmit, div.cuButtonsSlot button.cuSubmit, div.efButtonsSlot button.efSubmit, input.cuSubmit {
	height: 30px;
	width: 61px;
	border: none;
	background: url(../Images/backgrounds/forgot-pword-submit-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}
a.cuSubmit {
	background:url("../Images/backgrounds/SchollLink-bg.png") no-repeat scroll left top transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	height:30px;
	margin:0 auto;
	padding:5px 5px 3px;
	text-align:center;
	width:115px;
}

div.efButtonsSlot button.efSubmit {
	float: left;
	margin: 0 0 0 220px;
}
.newsletterList {
	list-style: square;
	list-style-position: inside;
}

.efAdviceSlot {
	clear: both;
	float: left;
	width: 100%;
	height: 20px;
}

.lookupAddressButton {
	width: 415px;
	height: 25px;
	text-align: right;
	margin: 3px 0 0 0;
}

.lookupAddressButton input, .useAddressButton input, p.checkoutSummaryButton input {
	background: url(../Images/backgrounds/find-address-button-bg.png) no-repeat top left; 
	border: none;
	width: 103px;
	height: 25px;
	color: #69c;
	font-size: 0.9em;
	cursor: pointer;
}

.useAddressButton {
	width: 420px;
	height: 25px;
	text-align: right;
}

.selectAddress {
	width: 420px;
	height: auto;
	text-align: right;
	margin: 10px 0 5px 0;
}

div.myaccount h3 { margin: 10px 0 0 6px; }

#profile h3 { padding-top: 15px; }

/* enhanced reg questions */
.question { padding-top: 10px; }
.question fieldset {
	clear: both;
	padding: 6px 0;
}
.question p { clear: both; }
.question fieldset p { padding-bottom: 0; }
.question label {
	float: left;
	padding-right: 10px;
	width: 140px;
	text-align: right;
}
.myaccount .question label { width: 220px; }
.question ul li {
	clear: both;
	float: left;
	padding-left: 150px;
	width: 390px;
}
.myaccount .question ul li { padding-left: 230px; }
.question ul li input {
	float: left;
	margin-right: 10px;
	width: auto;
	border: none;
}
.question ul li label { text-align: left; }

/*
* =*: Tooltip
*/
.tooltip {
	position: absolute;
	top: -999px;
	left: -999px;
	width: 190px;
	background: url(../Images/backgrounds/tooltip-bottom.png) bottom left no-repeat;
	padding-bottom: 14px;
	z-index: 100;
}
.tooltip-content {
	width: 179px;
	background-color: #f1f4f8;
	border: 4px solid #e1e8f0;
	border-width: 4px 4px 0;
}
.tooltip p {
	padding: 3px;
	margin: 0;
}

/**
* =x: Competition Form
*/
.compForm fieldset { padding-bottom: 10px; }
.compForm p {
	clear: both;
}
.compForm .checkbox label { width: auto; }
.compForm .checkbox input {
	float: left;
	margin-right: 5px;
}
.compForm .standardSelectButton { float: right; }
.compForm label {
	float: left;
	margin-right: 5px;
	width: 140px;
	text-align: right;
}
.compForm ul li {
	clear: both;
	float: left;
	padding-left: 145px;
	width: 550px;
}
.compForm ul li label {
	width: 500px;
	text-align: left;
}
.compForm ul li input {
	float: left;
	margin-right: 5px;
	width: auto;
	border: 0;
}