/* -------------------------------------------------------
	 Generic form styles */

.formPanel {
	padding:1em 1em;
	width:43em;
	float: left;
	border-top:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	margin-right:-1px;
	display:inline;
}

.panel {
	padding:1em 1em 2em 1em;
	border-top:1px solid #D6D6D6;
}

.formPanel .subPanel {
	width:auto;
	margin:1em;
	padding:0 0 1em 0;
}

.formPanel p {
	font-size:1.1em;
	line-height:1.4em;
}

.formPanel .action li {
	margin-bottom:1em;
}

.formPanel .action li.passwordRecovery,
.formPanel p.help {
	font-size:1.1em!important;
}

.formPanel p.help {
	margin:1em 0!important;
	color:#41453b;
}

.formPanel .action .buttons {
	padding-right:7em;
}

.formPanel fieldset {
	margin-top:2em;
}

/* A main divider in a single column form */
.formChunk {
	margin-top:2em;
	border-top:1px solid #D6D6D6;
	padding-top:1em;
}

form h3 {
	border-top:1px dashed #D6D6D6;
	padding-top:0.5em;
	margin-top:0.5em;
}

div.field {
	margin-bottom: 0.25em;
	clear: both;
	overflow: hidden;
	_display: inline-block;/* haslayout fix for IE6 */
}

div.withEditControl {
	float:left;
	clear:left;
}

#WC_AddressBookForm_Link_2_ {
	margin-top:4px;
	}

* html .selectbox {
	margin-bottom: 12px;
}

select option {padding-right:0.25em;}

div.field label, div.field div {
	float: left;
}

div.field label {
	width: 16em;
}

div#paymentMethodFormChunk div.field label {
	width: 15em;
	padding-right: 1em;
	text-align: right; 
}

div#paymentMethodFormChunk div.field label span.mandatory {
	padding-right: 0; 
}

div.field input {
	float:left;
	margin-right:1em;
}

/* txtAssist provides helpful notes within a form */

.txtassist {
	font-size:1.2em;
	color:#747A73;
	line-height:2.4em;
	white-space:nowrap;
}
.txtassist em {
	color:#54b453;
	font-weight:bold;
}
.optionAssist {
	padding-left:1em;
}

.txtassistduplicateline {
	font-size:1.1em;
	color:#747A73;
	padding-left:0em;
	line-height:1.1em;
	white-space:nowrap;
}


p.txtassist {
	font-size:1.1em!important;
	padding-left:2.1em;
}

.fieldFocus .txtassist {
	color:#494D48;
}

#termsAndConditions {
	font-weight:bold;
	margin:2em 0 1em 0;
	padding-top:1em;
	text-align:right;
	border-top:1px solid #D6D6D6;
	width: 750px; 
}


/*-------------------------------------------------------
	High level adjustments for the account management page set */

body#signInPoint #pagebody {
/* Allows setting of a bottom border - not globally set for more flexibility in width calculations elsewhere.*/
/*	border-bottom:1px solid #D6D6D6;	*/
	padding: 1em 0 0 0;
/*	width: 420px;	*/
}

body#signInPoint #pagebody #signInForm {
	padding-left: 22px;
	padding-bottom: 50px;
	overflow: hidden;
	zoom:1;
}

body#signInPoint #pagebody #signInForm div.field label {
	width: 257px;
	font-weight: bold; 
}

body#signInPoint #pagebody #signInForm div.field .indicator label {
	width: 90px;
	text-align:left;
	float: left;
	margin: 10px 0 10px 10px;
	font-weight: normal; 
}
#pagebody #signInForm .inputCont {
	margin-top:7px;	
}
/* Stepping in single-column forms */

#contact_container,
#AddressForm {
	margin-left:170px;
}

#newUserRegistration {
	margin-left: 19px;
	width: 760px; 
}

#newUserRegistration p#switchToGuestCheckout {
	float: right; 	
}

/*-------------------------------------------------------
	Contact Us/Send Email Pages */

#contact_container form,
.emailContainer form{
	margin-top:1em;
	border-top:1px solid #EEE;
	padding-top:1em;
	width:60em;
}

#contact_container textarea,
#contact_container input,
#contact_container select,
.emailContainer textarea,
.emailContainer input,
.emailContainer select{
	width:22em;
	padding:0.25em;
	font-size:1.3em!important;
}

#contact_container select,
.emailContainer select {
	width:22.5em;/* Why? I don't know why it needs this*/
}

#contact_container textarea,
.emailContainer textarea {
	height:14em;
}

#contact_container .action,
.emailContainer .action {
	width:50em;
	margin:5px 0 10px 0;
}

#contact_container .action button,
.emailContainer .action button{
	float:right;
	_display:inline;
}

#contact_container .message,
.emailContainer .message {
	margin-left:0;
}

/*-------------------------------------------------------
	New user registration form */

#Register textarea,
#Register input,
#Register select,
#AddressForm textarea,
#AddressForm input,
#AddressForm select{
	width:22em;
	padding:0.25em;
	font-size:1.3em!important;
	margin-right: 1em; 
}

#Register select,
#AddressForm select {
	width:22.7em;
	/* Why? I don't know why it needs this */
	/* I think it's to try to keep the widths of select elements constant on the page - DT */
}

#Register textarea,
#AddressForm textarea {
	height:16em;
}

#Register .checkboxes input,
#Register .radiobuttons input,
#AddressForm .checkboxes input,
#AddressForm .radiobuttons input{
	width:auto!important;
}

/* a border tweak on the sign in page: */
#Register .neworguest {
	border-left:1px solid #D6D6D6;
	border-right:0;
}

div#paymentsNote {
	clear: both; 
}

/*-------------------------------------------------------
	Sign in and account management */


#signInPoint .action, #signInPoint .help {
	background-color:transparent;
	padding-left: 200px;
}
#wrapper #content #signInForm .existingCustomers input.text,
#wrapper #content #signInForm .newCustomers input.text {
	margin:7px 0 0;
	width:200px;
}
#signInForm .existingCustomers .logonPassword {
	margin-top:0;
	padding:0;
}
#signInPoint .help a {
	text-decoration: underline;
	color: #212121; 
}

#signInPoint .action, #signInPoint .help, #signInPoint .field {
	margin-top: 1em; 
}

#signInPoint .help {
	margin-bottom:35px; 
}
#signInForm .formstyle p {
	margin:10px 10px 15px;	
}
.signin #pagebody .formstyle {
	border:1px solid #717171;
	width:332px;
	height:270px;
	float:left;
	margin-left:60px;
}
.signin #pagebody .existingCustomers{
	border-color: #B2A06B;
}
.signin #pagebody .existingCustomers ul{
	clear:both;
}
#pagebody .newCustomers {
	margin-left:90px;
}
#pagebody .newCustomers .action, #pagebody .existingCustomers .action,
#pagebody .formstyle .help {
	padding-left:0;
}
#pagebody .newCustomers h3, #pagebody .existingCustomers h3 {
	background: url("../images/Master1_1/checkoutHeadBG.png") repeat-x scroll center bottom #F6F6F6;
    border-bottom: 1px solid;
    border-top:0;
    color: #696768;
    font-size: 1.6em;
    margin: 0;
    padding: 0.4em 15px;
}
#signInPoint .formstyle .field:first-child {
	margin:0;
	padding:0;
}
#signInPoint .neworguest {
	border-left:1px solid #D6D6D6;
	border-right:0;
}

#signInPoint .action li {
	float:right;
	margin-right:10px;
}
#signInPoint .action li .ajax-loader {
	background: url(../images/ajax-loader.gif) no-repeat 0 0;
	float:left;
	height:16px;
	margin: 5px 0 0 5px;
	width:16px;
}

#signInPoint .action button {
	margin-left: 0;
	float: left;
	width:95px;	
	*height:33px;
	*line-height:33px;
}
#signInPoint #outerwrap #wrapper #RegisterEmailAddressForm {
	padding-top:40px;
}	
	
#signInPoint .action button  {
	padding-left:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

	#signInPoint .action button {
		background-position:100% -132px;	
	}
	#signInPoint .action button:hover {
		background-position:100% -176px;
	}
	
}

#signInPoint #pagebody h3 {
	font-size: 16px; 
/*	font-weight: normal !important;	*/
}


#signInPoint #pagebody .field #logonPassword label {
	position: absolute;
	left: -999em; 
}

#signInPoint #pagebody .field .indicator, #signInPoint #pagebody .field .selector {
	width: 200px;
	padding-top: 0.25em;
}
#signInPoint #pagebody .existingCustomers .indicator,
#signInPoint #pagebody .newCustomers .indicator {
	width:auto;	
}

#signInPoint #pagebody .field .selector input {
	float: right;
	vertical-align: middle; 
}

#signInPoint #pagebody .field .indicator label {
	width: 188px;
	padding-right: 12px; 
}
#signInPoint #wrapper #content #pagebody .field label {
	font-weight:bold; 
}
#signInPoint #wrapper #content #pagebody .field label,
#signInPoint #wrapper #content #pagebody .field p,
#signInPoint #wrapper #content #pagebody .formstyle p,
#signInPoint #wrapper #content #pagebody .formstyle a {
	color:#686868
}
#signInPoint #pagebody .formstyle .help li {
	text-align:right;
	padding-right:10px;
}
.existingCustomers #logonPassword {
	margin-left: 0;
}

/*-------------------------------------------------------
	Account home page panels */
	
#myAccountHome .panel{
	padding-left:6em;
	background-position:left center;
	background-repeat:no-repeat;
}

#myAccountHome .panel h3{
	margin: 0.125em 0;
}

/*Icons on the home screen */
#myAccountHome #changePersonal {background-image:url(../images/Master1_1/ico_account_edit.png)}
#myAccountHome #trackOrderStatus {background-image:url(../images/Master1_1/ico_account_orderHistory.png)}
#myAccountHome #wishList {background-image:url(../images/Master1_1/ico_account_wishlist.png)}
#myAccountHome #addressBook {background-image:url(../images/Master1_1/ico_account_addressBook.png)}
		
	
/* Wishlist */

.emailContainer {
	clear:both;
	margin-top:2em;
	border-top:0;
}

	.emailContainer .action{
		
	}

/*-------------------------------------------------------
	Address display - this may need to move to master.css if it's needed in other parts of the site */
	
	.addressHeading {
		padding:0.125em 0.25em!important;
		border-color:#FFF;
		font-size:1.6em!important;
		color:#49A943!important;
	}
	
	.addressHeading label{
		cursor:pointer;
		padding-left:0.5em;
	}
	
	.addlist {
		position:relative;
		margin-top:1em;
		padding-top:1em;
		border-top:1px solid #D6D6D6;
	}
	
	.addlist .action{
		position:absolute;
		top:1em;
		right:0;
		background:transparent;
		width:auto;
	}
	
	.address dl {
		margin-bottom:2em;
		margin-left:2em;
	}
	
	.address dt,
	.address dd {
		font-size:1.2em;
		margin-bottom:0.42em;
	}
	
	.address dt {
		float:left;
		padding-right:0.42em;
		min-width:10em;
	}
	
	.address dd {
		font-weight:bold;
	}
	
	.addbookfrm p.introText .button {
		float:right;
		margin-top:-1.8em;
		font-size:1em;
	}
	
	/* Separator styles */
	.address .country,
	.address .address_recipientName {
		padding-bottom:0.83em;
		margin-bottom:0.83em;
		border-bottom:1px solid #EEE;
	} 
	
	#AddressForm {
		margin-top:1em;
		padding-top:1em;
		border-top:1px dashed #D6D6D6;
	}
	
	#AddressForm #phonenumbers {
		border-top:1px solid #EEE;
		padding-top:1em;
		margin-top:1em;
	}

	#AddressForm #addressNickname {
		border-bottom:1px solid #EEE;
		padding-bottom:1em;
		margin-bottom:1em;
	}
	
	#AddressForm .txtassist {padding-left:0.5em;}
	
	/* Adjustments for inclusion in checkout pages: */
	
	

.addlist {
	position:relative;
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #D6D6D6;
}

.addlist .action{
	position:absolute;
	top:1em;
	right:0;
	background:transparent;
	width:auto;
}

.address dl {
	margin-bottom:2em;
	margin-left:2em;
}

.address dt,
.address dd {
	font-size:1.2em;
	margin-bottom:0.42em;
}

.address dt {
	float:left;
	padding-right:0.42em;
	min-width:10em;
}

.address dd {
	font-weight:bold;
}

.addbookfrm p.introText .button {
	float:right;
	margin-top:-1.8em;
	font-size:1em;
}

/* Separator styles */
.address .country,
.address .address_recipientName {
	padding-bottom:0.83em;
	margin-bottom:0.83em;
	border-bottom:1px solid #EEE;
} 

.address .country {
	border-bottom: none;
} 

#AddressForm {
	margin-top:1em;
	padding-top:1em;
	border-top:1px dashed #D6D6D6;
}

#AddressForm #phonenumbers {
	border-top:1px solid #EEE;
	padding-top:1em;
	margin-top:1em;
}

#AddressForm #addressNickname {
	border-bottom:1px solid #EEE;
	padding-bottom:1em;
	margin-bottom:1em;
}

#AddressForm .txtassist {padding-left:0.5em;}

/* Adjustments for inclusion in checkout pages: */

.addressCard {position:relative;}

.addressCards .address,
.addressCards .addressHeading,
.addressCard .address,
.addressCard .addressHeading {
	width:360px;
	margin-right:40px;
	margin-top:0;
	float:left;
	clear:none;
}

.addressCard .addressHeading {
	font-size:1.8em!important;
	width:270px;
	margin-right:20px;
}

.addressCard .address,
.addressCards .address{
	border-top:0;
	list-style:none;
}

.addressCard .action {
	position:absolute;
	right:1em;
	top:1em;
	width:auto;
	*width:275px;
	_width:275px;
	display:inline;
}

.addressCard .note {
	font-size:1.1em!important;
	padding:0.25em 0.5em;
}

.addressCards .selectionItem,
.addressCard {
	border:1px solid #DDD;
	border-right:2px solid #DADADA;
	border-bottom:2px solid #DADADA;
	float:left;
	padding:1em;
	margin-bottom:1em;
	width:896px;
	background-color:#FCFCFC;
}

.addressCards .selectionGroup .fieldSelected {
	border:1px solid #AAD6FF!important;
	border-right:2px solid #9BC4EA!important;
	border-bottom:2px solid #9BC4EA!important;
	background-color:#FFF;
}

.addressCard .address dl {
	margin-bottom:0;
}

#address_actions li {
	float:right;
	*width:180px;
	_width:180px;
}

.selectionGroup,
.addressCards .selectionItem {
	*position:relative;
}

#collectFromStoreOptions {
	*position:relative;
}

/*-------------------------------------------------------
	Old styles below - here be monsters that I dare not deal with yet.. */


.userreg p.lastlogon {
	display: none; /* requested by WD 01/01/000361 */
	}

.signin .field label, .signin .field .note, .signin .field input  {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2; 
}

.signin .field p.note {
	clear: left; 
}

fieldset#emailSubscribeOptions div.note {
	clear: both;	
}

.signin #pagebody h2 {
	font-size: 1.6em;
	margin-top: 2em; 
	color: #212121;
}

input[type=password] {
	display: block;
	clear: left;
/*	margin-left: 153px;	*/
/*	margin-top: 1em; */
}

div.field .first input {
	float: right;
}

.quickShopProductEntry div.field label { 
	width: 50px;
	}

	
.signin .signincol p {
	margin: 2em 0;
	}

.signin .field .user,
.signin .field .pass,
.userreg .field .email,
.forgottenpassword .field .email,
.newcustcol .input,
.expresscheckoutcol input {
	width: 15em;
	margin-right:1em;
}

.newcustcol .action li.first {
	clear: both;
	}


.signin .checkboxes {
	padding-left: 95px;
	margin-top: 6px;
	}

div.field div.note {
	float: none;
}
	
.userreg #Register div.field, .quickShopProductEntry div.field, .wlistdisp div.field, .sinlgeshipadd div.field  {
	margin-left:2em;
}

.userreg #Register #emailSubscribeOptions div.field {
	margin-left: 0;
	padding-left: 0; 
}

.userreg .action {
	text-align: right;
}

.userreg .formstyle .action, .sinlgeshipadd .formstyle .action {
	text-align: left;
	clear:left;
	margin-bottom: 0.75em;
	}
	
.checkboxes, .radiobuttons {
	padding-bottom: 0.2em;
	padding-left: 199px;
	}

.checkboxes {
	padding-bottom: 0.75em;
	}


/* New user sign up form */
#emailSubscribeOptions div.input {
	width: 22px;
	float: left; 
}

#emailSubscribeOptions div.input input {
	width: auto;
	vertical-align: top; 
}

#emailSubscribeOptions div.explain label, #emailSubscribeOptions div.note p {
	line-height: 1.2; 
	padding-bottom: .7em; 
}

#emailSubscribeOptions div.note {
	padding-left: 22px;
}

#emailSubscribeOptions h4 {
	position:absolute;
	top:0;
	left:0;
	*top:10px;
	*left:10px;
}

#emailSubscribeOptions .optionSet {
	margin-top:1em;
}

#emailSubscribeOptions .field {
/*	margin-left:174px!important;	*/
	padding-left: 1em;
}

#emailSubscribeOptions li.field{
	float:left;
	width:20em;
	margin-bottom:0.25em;
	display:inline;
}

div.field #emailSubscribeOptions input {
	margin-left:10px;
}

#emailSubscribeOptions label {
	width: 100%;
	float:left;
}


/* The results of an address lookup */

#addresslookup {
	margin:1em 0;
	border:4px solid #DDD;
}

#addresslookup ul{
	border:1px solid #999;
}

#addresslookup li{
	font-size:1.4em;
	border-bottom:1px solid #DDD;
}

#addresslookup li a{
	font-weight:bold;
	display:block;
	padding:0.5em;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#addresslookup li a:hover {
	text-decoration:none;
	border-top-color:#def7db;
	border-bottom-color:#c2d8c0;
}

.formnotes {
	font-size:1.2em;
}

/*
.fieldFocus {
	background-color: green;
	border: none;
}
*/
.guestReg #pagebody h2,
.guestReg #pagebody p, 
.guestReg #pagebody label,
.guestReg #pagebody input,
.guestReg span.mandatory, 
.guestReg span.required,
.guestReg select {
	color:#686868;
}
.guestReg #pagebody input{
	width:280px;	
}
.guestReg #pagebody select {
	width:290px;	
}
.guestReg #pagebody h2 {
	margin:20px 0 5px;
}
.guestReg #pagebody .intro {
	background:#fbdcc8;
	border:1px solid #d3d0cd;
	display:block;
	font-size:1.3em;
	padding:5px 10px;
}
.guestReg .field label {
	width:13em;
}
.guestReg .regRads {
	padding-top:15px;
	padding-bottom:20px;
}
.guestReg #wrapper .regRads input {
	width:10px;
	height:10px;
	margin-top:5px;
	margin-right: 5px;
}
.guestReg #wrapper .regRads div {
	float:left;
	clear:left;
}
.guestReg #wrapper input.date,
.guestReg #wrapper select.date {
	width:7.1em!important;
}
.guestReg #wrapper .mustBe {
	margin:15px 0 15px;
}
.guestReg #wrapper #emailSubscribeOptions .note,
.guestReg #wrapper #emailSubscribeOptions .field  {
	padding:0;
}
#registerBlock {
	clear:both;
	float:none;
	display:none;
}