/* ## Member Account ## */

.accountBlocks {
	position:relative; 
	min-height:1px; 
	margin:25px 0 15px 0; 
	border:1px solid #d2d2d2; 
	background:#fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	width: 100%;
	flex-direction:column;
	align-items:flex-start;
}

.accountBlocks .inner {
	padding:10px 15px 15px;
	flex-grow:1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	width: 100%;
	flex-direction:column;		
}

.accountBlocks .inner .btnWrapper {
	margin-top:auto;
}

.accountBlocks .blockhdng {
	position:relative;
	display:inline-block;
	font-size:1.125em;
	top:-15px;
	left:10px;
	margin:0;
	padding:3px 5px;
	background-color:#fff;
}

.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

.multiColumn {}
.multiColumn .halfColumn {float:left; display:inline; width:49%;}
.multiColumn .rightColumn {float:right;}

.accountLogin {
	background: linear-gradient(180deg, #040B1B 0%, #0E204F 100%);
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;	
	color:#fff;
	padding:3rem 10px;
	margin-top:-15px;
	margin-bottom:-2rem;
}

.accountLogin .grid_5 {
	position:relative;
	padding:1.5rem 0;
}

.accountLogin .suffix_1:after {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:20%;
	width:60%;
	height:1px;
	background:#87888b;
}

@media screen and (min-width: 48em)  {
	.accountLogin .grid_5 {
		position:relative;
		padding:0rem 1.5rem;
	}
	.accountLogin .suffix_1:after {
		content:"";
		bottom:10%;
		left:auto;
		right:-20%;
		width:1px;
		height:60%;
	}	
}

.accountLogin h2,
.accountLogin h3 {
	text-transform:uppercase;
}

.accountLogin .formee input[type="text"],
.accountLogin .formee input[type="password"] {
	background:#313a4f;
	border-color:#313a4f;
	color:#fff;
}

.accountLogin .formee-lbl, 
.accountLogin .formee label {
	color:#fff;
}

.accountLogin .forgot-link {
	color:#1499DB;
}

.accountLogin .btn,
.accountLogin .btn-alt {min-width:300px;}
.accountLogin .halfColumn {width:46%;}

.accountBlocks .cartwrpr  {margin:0; padding:0;}
.accountBlocks .multipleShips {border-bottom:0; padding:0; margin:0;}

.formTable {vertical-align:top;}
.formTable th {width:100px; padding:0 12px 7px 0; background-color:transparent; vertical-align:top; font-weight:bold;}
.formTable td {padding:0 0 7px 0; vertical-align:top;}
.formTable td td {padding:0 2px 0 0;}

.formTable .req {font-weight:bold;}
.formTable .error {font-weight:bold; color:#f00;}

.formTable .securityCode {padding:7px 5px 7px 0; border:1px solid #a8c6e0;}
.formTable input.text {}

dl.forms {float:left; display:inline; width:100%; margin:0 0 10px 0; padding-top:5px;}
dl.forms dt {float:left; clear:left; width:100px; margin:0; padding:0 12px 7px 0; text-align:right; font-weight:bold;}
dl.forms dt.full {width:90%; clear:both; text-align:left;}

dl.forms dd {float:left; width:60%;	margin: 0;	padding:0 5px 7px 7px;}
dl.forms dd.clear {padding:0; margin:0;}
dl.forms dd.full {width:90%; clear:both;}
dl.forms dd.clear {width:90%; clear:both; float:none;}
dl.forms dd.help {padding-top:2px;}
dl.forms dl {float:none; display:block; margin:0;}

dl.forms .req {font-weight:bold;}
dl.forms .error {font-weight:bold; color:#f00;}
dl.forms .optional {font-weight:normal;}

dl.forms label {vertical-align:top;}
dl.forms input.text {width: 160px;}
dl.forms textarea {}

.formRow {margin:0 0 8px 0;}
.formRow label {display:inline-block; margin:0 0 4px 0;}
.formRow input.text {width:210px; margin:0 0 7px 0;}
.formRow input.full {width:93%;}
.formRow .req, .formRow .fieldreq {padding:0 0 0 12px; background-position:0 2px;}
.formRow .error, .formRow .fieldred {padding:0 0 0 12px; background-position:0 2px;}

.forms fieldset {margin:0; border:0; padding:0;}
.formRow .formLabel {display:block; font-weight:normal;}

.formsColumn .formRow {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    width: 100%;
}

.formsColumn .formRow .formLabel {
	flex: 0 0 110px;
	margin-right:10px;

}

.multiCol .colWrap {float:left; display:inline;}
.multiCol2 .colWrap {width:48%;}
.multiCol .ratio35	{width:34%;}
.multiCol .ratio40	{width:39%;}
.multiCol .ratio60	{width:59%;}
.multiCol .ratio65	{width:64%;}

/* Members */
.accountLogin label {margin-bottom:5px;}

.currentAccount {margin-bottom:20px;}
.currentAccount .userName, .currentAccount .password, .currentAccount .saveLogin{width:216px;margin:10px auto 0 auto;}
.currentAccount .saveLogin {margin-bottom:15px;}
.currentAccount .accountDesc {float:left;}
.currentAccount .requiredAlertWrpr {padding-top:2px;}


.accountRegisterWrpr {margin-top:20px;}


.accountAddressWrpr {}
.accountRegisterDetailsWrpr {margin-bottom:15px;}
.accountRegisterAddressWrpr {margin-bottom:15px;}
.accountRegisterNewsletterWrpr {}
.accountRegisterNewsletterWrpr .emailFormat {padding-left:13px;padding-top:5px;margin-bottom:10px;}
.accountRegisterNewsletterWrpr .emailFormat label {margin-right:8px;}
.accountRegisterNewsletterWrpr .lists table{margin-left:6px;}
.accountRegisterNewsletterWrpr .salesUpdates {margin-bottom:15px;}


.accountLandingDetailsWrpr {margin-bottom:15px;}
.accountLandingDetailsWrpr .formRow .formLabel {}


.membersNewsletterRegWrpr .emailFormat{padding-left:12px;padding-top:5px;}
.membersNewsletterRegWrpr .lists {padding-left:10px;padding-top:5px;padding-bottom:5px;}
.membersNewsletterRegWrpr .lists table {padding-left:0px;margin-left:-3px;}
.membersNewsletterRegWrpr .formRow {margin-bottom:15px;}


/* login member tooltip classes */

.membershipToolTipWrpr {display:none; width:240px; left:745px !important;z-index:1000; color:#333;text-transform:none;}
.membershipToolTipShadow {background: url(/cms/images/core/memberTooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px; }
.membershipToolTopShadowBottom {background: url(/cms/images/core/memberTooltipbackbottom.png) no-repeat top left;width:240px;height:16px;}
.membershipToolTipWrpr h5 {font-size:14px; margin-bottom:6px;}
.membershipToolTipDate {font-size:11px; font-weight:bold;}
.membershipToolTipName {font-size:14px; font-weight:bold;margin-bottom:14px;}
.membershipToolLeftRailWrpr {float:left;width:69px;padding-right:5px;display:none;}
.membershipToolLeftRailWrpr img {border:1px solid #000;margin-bottom:5px;}
.membershipToolRightRailWrpr {}
.membershipToolRightRailWrpr .welcome{margin-bottom:5px;}
.membershipToolRightRailWrpr p{line-height:1.4em;}
.membershipToolTipWrpr .membershipLogout {position:absolute;bottom:16px;right:8px;}
.hdrwrpr a.memberHoverOn, .hdrwrpr a.memberHoverOn:link, .hdrwrpr a.memberHoverOn:visited {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:hover {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:active {color:#fff; text-decoration:none;}
.membershipToolTipWrpr a:hover {color:#000;}


.emailFormatLists label {font-weight:bold;}
.emailFormatLists em.form-req{font-weight:bold;margin: 0 4px 0 0px;}
.suContentSelection {margin-left:12px;}