/* ## Member Account ## */

.account-blocks { position:relative; min-height:1px; margin:25px 0 5px 0; border:1px solid #d2d2d2; background:#fff; }
.account-blocks .inner { padding:10px 15px 15px; }
.account-blocks .block-hdng {background:#003f62; color:#ffffff; margin:0; padding:10px 10px;}
.account-blocks h2.block-hdng{font-size: 1.25em;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

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

.account-login {}

.account-blocks .cartwrpr  {margin:0; padding:0;}
.account-blocks .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 {}
dl.forms dt {font-weight:bold; margin:0 0 5px;}
dl.forms dd {margin:0 0 15px;}
dl.forms dd.clear {padding:0; margin:0; width:90%; clear:both; float:none;}
dl.forms dd.help {}
dl.forms dl {}

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 .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;}

.member-flex{display: flex; flex-direction: column; align-items: center; justify-content: center;}

.wishlist-box .cart-list .cart-item-details .item-total .movetoshop{display: block; text-align: left;padding-left: 10px;}

.account-blocks.retrieve-password-wrap .forms {
	margin-bottom: 10px;
}
.account-blocks.retrieve-password-wrap .forms input.text {
	width: 50%;
    height: 44px;
    border-color: #c6c6c6 #dadada #eaeaea;
    background: #fafafa;
    color: #999;
    font-family: inherit;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 5px;	
}
.account-blocks.retrieve-password-wrap .forms input.text:hover,
.account-blocks.retrieve-password-wrap .forms input.text:focus {
    color: #333;
    background: #fff none;
    border-color: #659ec9 #70aedd #a8cfec;
    outline: 0;
}
.closeFrame{ cursor: pointer; text-decoration: underline; }

.new-account-ul{margin: 10px 0; padding: 0;}
.new-account-ul li{margin-left: 20px;}

@media only screen and (max-width:639px) {
	.account-blocks.retrieve-password-wrap .forms .text {
		width: 100%;
	}
	.account-blocks.retrieve-password-wrap .forms .btnWrapper {
		display: block;
		width: 100%;
	}
	.account-blocks.retrieve-password-wrap .forms .btnWrapper > input {
		display: block;
		width: 100%;
		margin-top: 5px;
	}	
}

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
    .account-blocks {min-height:0px !important;}
    .account-new-user .sw-stack [class*="grid-"]{padding: 0;}
    .account-blocks.retrieve-password-wrap .forms input.text {width: 100%;}
}
@media only screen and (min-width:48em) {
    .account-login:after {
        content: 'OR';
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        border: 1px solid #d2d2d2;
        width: 40px;
        height: 40px;
        padding: 12px;
        margin-left: -20px;
        text-align: center;
    }
    .wishlist-box .cart-list .cart-item-details .item-total{width: 25%; align-items: flex-start;}
    .account-blocks h2.block-hdng {font-size: 1.5em;}
    .member-flex{flex-direction: row; align-items: center; justify-content: space-between;}
}

@media only screen and (min-width: 60em){
    .wishlist-box .cart-list .cart-item-details .item-total{align-items: flex-start;}
}