/* ## Member Account ## */

.accountBlocks { position:relative; min-height:1px; margin:0 0 2rem 0;}
.accountBlocks .inner {}
.accountBlocks .blockhdng {
	position:relative;
	display:inline-block;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.2;
	margin:0 0 1em;
}

.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:url(/cms/images/global/lbl-or.gif) no-repeat center 45%;} */
.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:#AC1316;}

.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:150px; margin:0; padding:0 12px 7px 0;}
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:#AC1316;}
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 .formLabel {float:left; display:inline; width: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;}

.blockhdng + .btn {
	background:transparent;
	color:#da1921;
	padding:0;
	margin:0 0 0 20px;
}

.overview {
	background:#f2f2f2;
}

@media only screen and (min-width:48em){
	.overview .inner {
		padding: 5px 20px;
	}	
}



.accountLogin .accountBlocks {padding:30px 7% 40px;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}

.login-text {background: url(/cms/images/background-1.jpg) no-repeat 50% 50% / cover; border-radius:4px;}
.login-text .ovl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
	border-radius: 4px;	
	background: #237CB3;
}
.login-text-inner {position:relative; color:#fff;}
.login-text ul {padding-left:20px; margin-bottom:2em; letter-spacing:-.7px;}
.login-text ul li {margin-bottom:.7em;}
.login-text ul li span {font-weight:800;}
.login-text .btnWrapper {width:100%;}
.login-text .btn {font-size:14px; text-transform:uppercase; width:100%; padding: 15px 10px; letter-spacing:-.5px; font-weight:600;}

.login-form {background:#f0f0f0; border:1px solid #d6d6d6; border-radius:4px;}
.login-form .required-legend {float:right; margin-top:13px; font-size:.8em;}
.login-form .formee-list {float:left;}
.login-form .forgot-link {float:right; margin:0 0 39px 10px; color:#237CB3; text-decoration:underline; font-weight:500; display:inline-block;}
.login-form .forgot-link:hover,
.login-form .forgot-link:focus {text-decoration:none;}

.login-form .btnWrapper {width:100%;}
.login-form .btn {font-size:14px; text-transform:uppercase; width:100%; padding: 16px 10px; letter-spacing:-.5px; font-weight:600;}

.accountBlocksHeader {margin-bottom:30px;}
.accountBlocks .accountBlocksHeader .blockhdng {margin:0 10px 0 0;}




@media only screen and (min-width:48em){
	.accountLogin {margin:0 -2%;}
	.accountLogin .accountBlocks{margin:0 4% 2rem 4%; padding:50px 7% 60px;}	
	
	.login-text ul {font-size:20px;}
	
	.accountBlocksHeader {margin-bottom:36px;}
}
@media only screen and (min-width:60em){
	.accountBlocks .blockhdng {font-size:36px;}	
}	
@media only screen and (max-width:47.999em){
	.accountLogin .accountBlocks {min-height:auto !important;}
}