#accountContainer
{
max-width: 51rem;
margin: 1rem auto 0;
padding: 0 .5rem;
}

.account-login #accountContainer
{
max-width: 62.5rem;
}

.loginWithAccount
{
margin-bottom: 1rem;
border-bottom: .0625rem dotted #ccc;
}

.account h1
{
margin-bottom: 1rem;
}

.account-summary h1
{
text-align: center;
font-size: 1.25rem;
color: #444;
margin-bottom: 2rem;
}

.account-summary h1 strong
{
font-size: 2.5rem;
font-family: proxima-nova-extra-condensed, sans-serif;
font-weight: 600;
font-style: normal;
color: #005380;
}



.account-summary-links div
{
margin-top: 1rem;
margin-bottom: 2rem;
}

.account-summary-links h2
{
border-bottom: .0625rem dotted #ccc;
text-align: center;
padding-bottom: .25rem;
margin-bottom: .5rem;
}

.account-summary-links ul
{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.account-summary-links li
{
margin-bottom: .5rem;
}

.accountBackBtn
{
display: inline-block;
border: .0625rem solid #005380;
padding: .5rem .75rem;
border-radius: .25rem;
margin: 1rem 0;
}

.accountBackBtn:hover
{
background-color: #efefef;
}

.account-manage-addresses
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
margin-top: 1rem;
}

.account-manage-addresses > div
{
/* 
display: grid;
grid-gap: 1rem;
 */
background-color: #efefef;
padding: .5rem 1rem 1rem;
}

.account-manage-addresses > div h2
{
padding-left: 1rem;
margin-bottom: .25rem;
}

.addressEntry
{
line-height: 1.5;
background-color: #fff;
margin-bottom: 1rem;
padding: 1rem;
}

.addressEntry:last-of-type
{
margin-bottom: 0;
}

.addressEntry > p
{
margin: 0;
}

.addressEntry > p:first-of-type::after
{
content: '';
width: 100%;
display: block;
border-bottom: .0625rem solid #ccc;
padding-bottom: .5rem;
margin-bottom: .5rem;
}

.addressEntry a::before, .addressEntry span::after
{
content: '\00a0\00a0|\00a0\00a0';
}

.addressEntry a:first-of-type::before
{
content: none;
}

.addressEntry span
{
font-weight: 600;
}

.orderHistoryFormSettings
{
margin: 0 0 1rem;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}

.account .orderHistoryFormSettings li
{
margin: 0;
}

 
#orderHistoryChooseYear
{
display: grid;
grid-gap: .5rem;
grid-template-columns: auto 1fr;
align-items: center;
}

#orderHistorySearch
{
display: grid;
grid-gap: .5rem;
grid-template-columns: 2fr 1fr;
align-items: center;
}

#orderHistoryChooseYear select, #orderHistorySearch input
{
height: 2rem;
font-size: 1.125rem;
padding-top: 0;
padding-bottom: 0;
}


.orderHistoryReview {
border: .0625rem solid #aaa;
margin-top: 2rem;
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}

.orderHistoryReviewTitle {
background-color: #efefef;
padding: .5rem;
border-bottom: .0625rem solid #aaa;
}

.proIndicator {
font-weight: bold;
font-style: normal;
color: #c00;
}

.orderHistoryReview .cartItemsWrapper {
margin: 1rem;
width: auto;
/* border-bottom: none; */
}

.cartItemsWrapper .showMoreOverflow {
display: none;
}

.orderHistoryReview .cartItem
{
display: grid;
grid-gap: .75rem;
grid-template-columns: 1fr;
border-bottom: .0625rem solid #eee;
margin-bottom: 1rem;
padding-bottom: .5rem;
}

.cartItem:last-child
{
border-bottom: none;
}

/* 
.cartItemCol1
{
text-align: center;
}
 */

.cartItemCol1 img
{
max-width: 100%;
height: auto;
}

.orderHistoryReviewButtons a
{
display: block;
height: 2rem;
border: .0625rem solid #005380;
text-decoration: none;
border-radius: .125rem;
margin: 0 0 .75rem 0;
line-height: 2;
text-align: center;
}

.orderHistoryReviewMoreItems a
{
display: block;
padding: .5rem;
border: 1px solid #005380;
border-radius: .125rem;
text-align: center;
background-color: #efefef;
}

.account-order-detail-wrapper
{
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr;
}

.totalsTable
{
margin-top: 2rem;
}

.totalsTable p {
border-bottom: .0625rem dotted #ccc;
padding: 1rem;
margin: 0;
}

.totalsTable p:last-of-type {
background-color: #efefef;
}

.totalsTable span {
float: right;
font-weight: bold;
}

.returnInformation
{
border: .0625rem solid #aaa;
margin-top: 2rem;
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}

.returnInformationTitle
{
background-color: #efefef;
padding: .5rem;
border-bottom: .0625rem solid #aaa;
}

.returnInformationTitle .remove
{
font-weight: bold;
float: right;
}

.returnInformationBlock
{
padding: .5rem;
}

.continueCheckoutButton
{
margin-top: 1rem;
}

.continueCheckoutButton > *
{
margin-bottom: .5rem;
}





/* 480px */
@media screen and (min-width: 30rem) {

	.account-summary-links div
	{
	margin-top: .5rem;
	}
	
	.account-manage-addresses
	{
	grid-template-columns: 1fr 1fr;
	}
	
	.continueCheckoutButton
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 1rem;
	}
	
	.continueCheckoutButton > *
	{
	flex: 1 1 48%;
	max-width: 48%;
	margin-bottom: 0;
	}

}


/* 640px */
@media screen and (min-width: 40rem) {

	.orderHistoryFormSettings
	{
	grid-template-columns: 1fr 1fr;
	}
	
	.account-order-detail-wrapper
	{
	grid-template-columns: repeat(3, 1fr);
	}
	
	.account-order-detail-wrapper > *
	{
	border-right: 1px dotted #ccc;
	padding-right: 1rem;
	}
	
	.account-order-detail-wrapper > div:last-child
	{
	border-right: none;
	}

}


/* ******************************************
	Media Queries for screen wider than 48em (768px)
****************************************** */

@media screen and (min-width: 48rem) {

	.login-form-wrapper
	{
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: 1fr 1fr;
	}
	
	.loginWithAccount
	{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}
	
	.account-summary-links
	{
	display: grid;
	grid-gap: .75rem;
	grid-template-columns: repeat(3, 1fr);
	}
	
	.orderHistoryReview .cartItem
	{
	grid-template-columns: 1fr 2fr 1fr;
	}

	
	
	

} /* end @media screen and (min-width: 48rem)  */


/* ******************************************
	Media Queries for screen wider than 62.5rem (1000px)
****************************************** */
@media screen and (min-width: 62.5rem) {

	
} /* end @media screen and (min-width: 62.5rem)  */