/*
## MY ACCOUNT
********************************************************************/


.accountPageContainer .accountLeftNavigation{
	display:table-cell;
	width:25%;/*320/1280*/
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
	padding:35px 0;
}

.accountPageContainer .toggleWrapperMenu{
	display: none;
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
}

.wishlistSelector .shoppingFamilyList .shoppingTabsSectionInfo .accountWishlistItem .createNew .newFamilyList,
.wishlistSelector .shoppingList .shoppingTabsSectionInfo .accountWishlistItem .createNew .newList
{
	/*display: table-cell;
	vertical-align: middle;*/
	text-align: center;
}
.createNew .newListAdd{
	font-size: 18px;
	text-transform: uppercase;
	line-height:254px;
	display: block;
}
.createNew .newListAddfamily{
	font-size: 17px;
	text-transform: uppercase;
	line-height:264px;
	display: block;
}
.createNew .newListAdd:before{
	content:'+';
	font-size: 40px;
	position: relative;
	top: 5px;
}

.wishlistSelector .shoppingFamilyList .shoppingTabsSectionInfo .accountWishlistItem .createNew .newList,
.wishlistSelector .shoppingList .shoppingTabsSectionInfo .accountWishlistItem .createNew .newFamilyList
{
	display: none;
}

.createListContainer {
	padding: 20px;
}

.wishlistAddedToCart {
	display: none;
}

.mailSharedContainer {
	clear: both;
}

.mailSharedContainer label {
	margin-bottom: 20px;
	font-size: 14px;
	color: #333333;
	display: block;
}

.addCollaborators {
	display: inline-block;
	width: 28%;
	margin-left: 2%;
	height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}


.sharedListContainer {
	margin: 20px 0 10px;
	display: flex;
	align-items: center;
}

.shareLabel {
	font-weight: bold;
	font-size: 14px;
	margin: 3px 0 0 30px;
	float: left;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationHeadline,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationHeadline{
	text-transform:uppercase;
	text-indent:38px;
	margin-bottom:19px;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationTitle a{
	font-family:MuseoSans;
	font-weight:700;
	font-size:18px;
	display:block;
	text-indent:38px;
	text-transform:uppercase;
	margin-bottom:15px;
	color: #bd0909;
}
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationTitle{
	display: none;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationHeadline a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationHeadline a{
	font-family:MuseoSans;
	font-weight:700;
	font-size:18px;
	color:#333333;
	display:block;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationHeadline:hover a,
.accountPageContainer .accountLeftNavigation .accountLeftNavigationHeadline.active a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationHeadline:hover a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationHeadline.active a{
	color:#bd0909;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li{
	border-left:4px solid transparent;
	line-height:9px;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li:hover,
.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li.active,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li:hover,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li.active{
	border-left-color:#bd0909;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li a{
	font-family:MuseoSans;
	font-weight:700;
	font-size:13px;
	color:#333333;
	text-transform:uppercase;
	line-height:9px;
	display:block;
	padding:20px 0 20px 54px;
}
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li a{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li:hover a,
.accountPageContainer .accountLeftNavigation .accountLeftNavigationList li.active a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li:hover a,
.accountPageContainer .toggleWrapperMenu .accountLeftNavigationList li.active a{
	color:#bd0909;
}



.accountCustomPopupOverlay{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:9999999999;
	top:0;left:0;
}

.accountCustomPopupOverlay .collaboratorCheck{
	margin-top: 20px;
}
.accountCustomPopupOverlay .controls.customSparCheckboxContainer.collaboratorCheck{
	padding-left: 20px;
}

.accountCustomPopupContent{
	width:300px;/*300/320*/
	height:auto;
	margin:20px auto;
	background:#fff;
}

.accountCustomPopupContent .accountCustomPopupTopbar{
	height:30px;
	background:#262626;
	margin-bottom:22px;
}

.accountCustomPopupContent .accountCustomPopupHeadline,
.accountCustomPopupContent .accountCustomPopupDescription{
	font-family:MuseoSans;
	font-weight:700;
	font-size:20px;
	color:#e30613;
	text-align:center;
}

.accountCustomPopupContent .accountCustomPopupDescription{
	font-weight:300;
	font-size:12px;
	color:#616161;
	border-bottom:1px solid #cccccc;
	text-transform:uppercase;
	padding:18px 20px 24px 20px;
	text-align: left;
}
.accountCustomPopupContent .accountCustomPopupDescription .labelWishlistpopup{
	color:#4d4d4d;;
	margin-left: 0px;
	line-height: 26px;
	font-weight: 700;
	font-size: 14px;
}
.accountCustomPopupContent .accountCustomPopupDescription .labelWishlistpopup[for="freezed"]{
	text-transform: none;
}

.accountCustomPopupContent .accountCustomPopupButtons{
	padding:20px 5% 22px 5%;
}

.accountCustomPopupContent .accountCustomPopupSubmit,
.accountCustomPopupContent .accountCustomPopupCancel{
	float:left;
	width:47.5%;
	height:36px;line-height:36px;
	padding:0 30px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:11px;
	text-transform:uppercase;
	background:#c90613;
	color:#ffffff;
	border:0;outline:none;
	border-radius:3px;
	margin:0 auto;
	margin-bottom:0;
	margin-left:5%;
}

.accountCustomPopupContent .accountCustomPopupCancel{
	background:#333333;
	margin-bottom:0;
	margin-left:0;
}


.accountContentPane .mainHeadline{
	height:59px;line-height:59px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#1a1a1a;
	text-align:center;
	text-transform:uppercase;
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#cccccc;
	margin:0;padding:0;
	padding-left: 6.25%; /* 20/320 */
	padding-right: 6.25%; /* 20/320 */
	background-color: #fafafa;
	cursor:pointer;
	position: relative;
}

.accountContentPane .mainHeadline:before{
	content:"\a009"; /* ico-arrow_round_up */
	color:#ca0614;
	position: absolute;
	font-size:16px;
	top: 50%;
	margin-top: -8px;
	right: 6%;
}

.accountContentPane .mainHeadline.closed:before{
	content:"\a006"; /* ico-arrow_round_down */
}


@media(min-width:768px){
	.accountCustomPopupContent{
		width:400px;
	}
}

/*****************************************
############## NEWSLETTER ################
******************************************/

.accountContentPane .accountNewsletterContainer{
	margin-bottom:30px;
}

.accountNewsletterContainer .newsletterDescription{
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#1a1a1a;
	text-align:center;
	padding:25px 6.25%;/*20/320*/
	border-bottom:1px solid #cccccc;
}

.accountNewsletterContainer .newsletterContentWrapper{
	background:#fafafa;
	padding:19px 2.8125% 0 2.8125%;/*9/320*/
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem{
	border:1px solid #cccccc;
	border-radius:3px;
	margin-bottom:10px;
	background:#ffffff;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem.last{
	margin-bottom:20px;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemHeadline{
	padding:10px 3.642384106%; /*11/302*/
	width:100%;
	border-bottom:1px solid #cccccc;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemHeadline .customSparCheckboxLbl{
	width:26px;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemHeadline .customSparCheckboxLbl.disabled,
.accountNewsletterContainer .newsletterActionContainer button:disabled,
.accountNewsletterContainer .newsletterActionContainer button[disabled]{
	opacity: .5;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemHeadline .newsletterTitle{
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#1a1a1a;
	text-transform:uppercase;
	padding:0 3%;
	width:100%;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemContent{
	padding-top:25px;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemContent .newsletterSingleDescription{
	display:block;
	padding-left:15.8940397351%;/*48/302*/
	padding-right:2.64900662252%;/*8/302*/
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#1a1a1a;
}

.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemContent img{
	margin-top:25px;
	border-top:1px solid #cccccc;
}

.accountNewsletterContainer .newsletterActionContainer{
	text-align:center;
	border-top:1px solid #cccccc;
	padding:30px 0 0 0;
}

.accountNewsletterContainer .newsletterActionContainer button[type='button']{
	height:36px;line-height:36px;
	background:#c90613;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	padding:0 14px;
	border:0;outline:none;
	border-radius:3px;
}

.accountNewsletterContainer .newsletterActionContainer button[type='button']:active{
	background:#B50511;
}

/*****************************************
############## WISHLIST ################
******************************************/

.accountCustomPopupOverlay.wishlistToCartInfo .accountCustomPopupContent .accountCustomPopupSubmit,
.accountCustomPopupOverlay.orderToCartInfo .accountCustomPopupContent .accountCustomPopupSubmit{
	float:none;
	display:block;
	width:50%;
	margin:0 auto;
}

.accountCustomPopupContent .accountCustomPopupDescription .newNameWishlist{
	width:100%;
	height:50px;line-height:50px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#333333;
	border-radius:0;
	border:1px solid #cccccc;
	outline:none;
	text-indent:5px;
}

.accountCustomPopupContent .accountCustomPopupDescription .newNameWishlist.empty{
	color:#c90613;
}


.accountCustomPopupOverlay .accountCustomPopupContent .duplicatedMessage{
	display:block;
	margin-top:20px;
	color:#c90613;
	text-transform:capitalize;
}

.accountContentPane .accountWishlistContainer .mainHeadline{
	margin-bottom:30px;
}

.accountContentPane .mainHeadline .arrowBack:before{
	color: #ca0614;
	font-size: 16px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	left: 3.5%;
}

.accountContentPane .accountWishlistContainer .mainHeadline.detail{
	padding:0 7.5%;
	margin-bottom:0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accountContentPane .accountWishlistContainer .mainHeadline.detail .backToAccountWishlist,
.accountContentPane .accountWishlistContainer .mainHeadline.detail .backToAccountWishlist:hover{
	font-family:MuseoSans;
	font-weight:700;
	font-size:16px;
	color:#1a1a1a;
}

.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntrySelector{
	width:10%;
}

.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryInfo {
	width: 55.6666666667%;
	padding: 0 2.614213198%;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistUL{
	width:100%;/*300/320*/
	margin:0 auto;
}

.headerListContainer {
	margin: 15px 0 20px 0;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem {
	display:block;
	position:relative;
	width:100%;
	margin:0 auto 18px auto;
	background:#ffffff;
}

.accountCustomPopupOverlay.renameWishlist .error {
	text-transform: none;
	border: none;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem.lastItem{
	margin-bottom:30px;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemEdit {
	position:absolute;
	top:0px;right:0px;
	width:50px;height:50px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	border-top-right-radius:3px;
	cursor:pointer;
	background-size: 27px;
	font-size: 20px;
}

.accountWishlistItemEdit.icon-three-dots:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistUnsubscribe{
	position:absolute;
	top:0px;right:0px;
	width:50px;height:50px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	border-top-right-radius:3px;
	background:#fafafa;
	cursor:pointer;
	color: #808080;
	text-align: center;
	font-size: 20px;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistUnsubscribe div{
	line-height: 48px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemTitle{
	margin:0;
	text-align:center;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .freezeList,
.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemTitle span{
	font-family:MuseoSans;
	font-weight:700;
	font-size:24px;
	color:#333333;
	cursor:pointer;
	display:block;
	padding:0 5px;
	/*white-space: nowrap;*/
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

#header .headerAccountMenu .headerAccountItem a {
	text-overflow: ellipsis;
	overflow: hidden;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .freezeList{
	text-align: center;
	color:#c90613;
	cursor: default;
}
.accountWishlistContainer .accountWishlistItems .accountWishlistItem .freezeList.unlocked{
	color:#00B83F;
}

.ico-lock{
	color:#c90613;
}
.ico-unlock{
	color:#00B83F;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .freezeList+.accountWishlistItemTitle{
	padding-top: 5px;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemQty{
	margin:0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#333333;
	text-align:center;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemQty span{
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#333333;
}

.wrappedContent{
	padding-top: 60px;
	padding-bottom: 50px;
	border-width:1px 1px 0 1px;
	border-style: solid;
	border-color: #cccccc;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	min-height: 206px;
}

.wrappedContent.otherList,
.wrappedContent.familyList{
	min-height: 216px;
	padding-bottom: 0px;
}

#shoppingTabs .shoppingTabsSection .shoppingTabsSectionInfo .wrappedContent h4:first-of-type{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0;
}
#shoppingTabs .shoppingTabsSection .shoppingTabsSectionInfo .wrappedContent h4 + h4{
	margin-top: 0px;
	padding-bottom: 0px;
}

.wrappedContent.othersList{
	border-width: 1px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	padding-top: 50px;
	padding-bottom: 30px;
	min-height: 216px;
}

.accountWishlistContainer .accountWishlistToCartBtn{
	display:block;
	width:100%;
	height:50px;line-height:50px;
	background:#c90613;
	border:0;outline:none;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
}
.accountWishlistContainer .accountWishlistToCartBtn.disabled{
	opacity: 0.7;
	cursor: not-allowed;
}

.accountWishlistContainer .accountWishlistDetail .accountWishlistToCartBtn{
	width:auto;
	margin:0 auto;
	border-radius:0;
	margin-bottom:20px;
	padding: 0 20px;
}

.accountWishlistContainer .accountWishlistToCartBtn img{
	vertical-align:middle;
	margin-right:7px;
}

.accountWishlistContainer .accountWishlistToCartBtn i{
	margin-right:7px;
	font-size: 30px;
	position: relative;
	top:8px;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem.cf.newFamilyListContainer {
	margin-right: 0;
}

.accountWishlistContainer .shoppingFamilyListOthers .newFamilyListContainer {
	display: none;
}

.accountWishlistContainer #shoppingTabs .shoppingTabsWrapper .shoppingTabsSection.justTwoTabs {
	width: 50%;
}

.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions{
	width:93.75%;/*300/320*/
	margin:15px auto;
	text-align:right;
}

.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions button, .shareButton{
	display:inline-block;
	font-family:MuseoSans;
	font-weight:700;
	font-size:11px;
	color:#a2a2a2;
	margin-left:3%;
	border:0;background:#fff;outline:none;
}

.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions img{
	vertical-align:bottom;
	margin-right:7px;
}

.whishListDetailContainer.shoppingTabsSectionInfo.open {
	display: block;
	padding: 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tooltipItem {
	line-height: 2;
	cursor: pointer;
}

.formEditWishlist {
	position: relative;
}

.editWishListTooltip {
	width: 95%;
	top: 65px;
	position: absolute;
	background-color: #eeeeee;
	color: #000;
	padding: 15px;
	font-size: 15px;
	text-align: left;
	left: 50%;
	transform: translateX(-50%);
}

.editWishListTooltip:after {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eeeeee;
	transform: rotate(45deg);
	top: -5px;
	right: 8px;
}

.wrappedContent.createNew {
	border-bottom: 1px solid #ccc;
	padding: 0;
	min-height: 256px;
	display: table;
	width: 100%;
}

.description {
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	color: #333;
}


@media (min-width:768px){
	.accountContentPane .mainHeadline{
		height:62px;line-height:62px;
		font-size:18px;
	}

	.tooltipItem {
		line-height: 2;
	}

	.whishListDetailContainer.shoppingTabsSectionInfo.open {
		border-left: 0;
		border-right: 0;
	}


	/*****************************************
	############## NEWSLETTER ################
	******************************************/


	.accountNewsletterContainer .newsletterContentWrapper{
		padding:42px 1.5625% 40px 1.5625%; /*12/768*/
	}

	.accountNewsletterContainer .newsletterDescription{
		padding:30px 6.25%;/*48/768*/
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem{
		float:left;
		width:32.2580645161%;/*240/744*/
		margin-right:1.47849462366%;/*11/744*/
		margin-bottom:10px;
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem.last{
		margin-right:0;
		margin-bottom:10px;
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemContent .newsletterSingleDescription{
		padding:0 4.58333333333%;/*11/240*/
	}

	/*****************************************
	############## WISHLIST ################
	******************************************/
	.accountContentPane .accountWishlistContainer .mainHeadline{
		margin-bottom:28px;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistUL{
		width:92.96875%;/*714/768*/
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem{
		float:left;
		width:48%;/*352/714*/
		margin-right:1%;/*10/714*/
		margin-bottom:20px;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem:nth-child(2n){
		margin-right:1%;/*8/842*/
	}

	.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions{
		width:93.0989583333%;/*715/768*/
	}

	.accountWishlistContainer .cartInfoContainer{
		width: 100%;
		padding: 0 20px 30px 20px;
	}

	.accountWishlistContainer .accountWishlistDetail .accountWishlistToCartBtn{
		margin-bottom: 30px;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer{
		border-bottom:0;
	}

	.accountWishlistContainer .cartInfoContainer h4.categoryEntries:not(:first-child){
		margin-top:30px;
	}

	.accountWishlistContainer .cartInfoContainer h4.categoryEntries{
		margin-bottom:10px;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries{
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		padding:0;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry{
		padding: 20px 1.6129% 20px 2.55376%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntrySelector{
		width:5%;
		margin-top:2.5%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryQty{
		padding-top:15px;
		width:17.3483779972%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryQty .customSparCheckboxLbl{
		float:left;
		margin-right:10%;
		margin-top:2%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryQty .dropDownQtyContainer{
		float:left;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryInfo{
		width:33.8772919605%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryPrice{
		width:15.6812411848%;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry .cartEntryColumn.cartEntryTotalPrice{
		width:12.2961918195%;/*73/709*/
	}

	.headerListContainer {
		margin: 15px 20px 0 20px;
	}


}

@media (min-width:1280px){

	.accountPageContainer{
		display:table;
		width:100%;
	}

	.accountPageContainer .accountContentPane{
		display:table-cell;
		vertical-align:top;
		width:75%;/*960/1280*/
		border-width:1px 1px 0 0;
		border-style:solid;
		border-color:#cccccc;
	}

	.accountContentPane .mainHeadline:BEFORE,
	.accountContentPane .mainHeadline.closed:BEFORE{
		content: "";
	}
	.accountContentPane .mainHeadline{
		height:96px;line-height:96px;
		font-size:28px;
		border-top:0;
		background:#fafafa;
		cursor: default;
	}

	.accountContentPane .mainHeadline.closed{
		background:#fafafa;
	}

	/*****************************************
	############## NEWSLETTER ################
	******************************************/

	.accountContentPane .accountNewsletterContainer{
		width:960px;
	}

	.accountNewsletterContainer .newsletterContentWrapper{
		padding:39px 6.25% 37px 6.25%; /*60/960*/
	}

	.accountNewsletterContainer .newsletterDescription{
		padding:40px 15%;/*144/960*/
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem{
		width:32.5%;/*273/840*/
		margin-right:1.19047619048%;/*10/840*/
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemHeadline{
		margin:0 4.0293040293%;/*11/273*/
		width:92.6199261993%;/*251/273*/
		padding:19px 3.984063745%; /*10/251*/
	}

	.accountNewsletterContainer .newsletterContentWrapper .newslettersDataItem .newslettersDataItemContent .newsletterSingleDescription{
		padding:0 7.69230769231%;/*21/273*/
	}


	/*****************************************
	############## WISHLIST ################
	******************************************/
	.accountContentPane .accountWishlistContainer .mainHeadline{
		margin-bottom:0px;
	}

	.accountContentPane .accountWishlistContainer .accountWishlistDescription{
		width:69.375%;/*666/960*/
		margin:40px auto;
		font-family:MuseoSans;
		font-weight:300;
		font-size:12px;
		color:#1a1a1a;
		text-align:center;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistUL{
		width:87.7083333333%;/*842/960*/
	}

	.shoppingFamilyList .accountWishlistItem .createNew {
		min-height: 266px;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem, .accountWishlistItem,
	.accountWishlistContainer .accountWishlistItems .accountWishlistItem:nth-child(2n){
		width:32.3%;/*275.333333333/842*/
		margin-bottom:20px;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem:nth-child(3n){
		margin-right:0.950118764846%;/*8/842*/
	}

	.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions {
		width:91.6666666667%;/*880/960*/
	}

	.accountWishlistContainer .cartInfoContainer {
		width: 100%;
		padding: 0 40px 30px 40px;
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry{
		padding: 20px 2% 20px;
	}

	.headerListContainer {
		margin: 15px 40px 0 40px;
	}

}

/***************************************************
############## OBSERVED PRODUCTS ################
***************************************************/
.page-update-notifications .accountContentPane{
	margin:0 auto 20px auto;
	padding:0;
}

.observedProductContainer .observedProductDescription{
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#1a1a1a;
	text-align:center;
	padding:25px 6.25%;/*20/320*/
}

.observedProductContainer .noObservedProducts,
.accountWishlistDetail .noProductsToShow{
	width:90%;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
}

.accountWishlistDetail .noProductsToShow{
	margin-top: 30px;
	margin-bottom: 30px;
}

.observedProductContainer .observedProductData{
	width:93.75%;/*300/320*/
	margin:0 auto;
	border-bottom:1px solid #cccccc;

	-webkit-transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-ms-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: opacity 0.7s;
}

.notificationsNav li.notificationTab{
	height:60px;line-height:60px;
	text-transform:uppercase;
	text-align:center;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
	background:url(../images/shapes/ico_dropdown_down_red.png) no-repeat 95% 50% #f3f3f3;
}

.notificationsNav li.notificationTab.ui-state-active{
	background:url(../images/shapes/ico_dropdown_up_red.png) no-repeat 95% 50% #ffffff;
}

.notificationsNav li.notificationTab a{
	display:block;
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#1a1a1a;
}

.notificationsNav li.notificationTab.ui-state-active a{
	color:#c90613;
}

.productNotificationsTab,
.notificationsNav li.notificationTab a:focus{
	border:none;
	outline:none;
}

.observedProductContainer .observedProductInfo{
	padding:20px 2.66666666667% 24px 3%; /* left:9/300 - right:8/300*/
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
}

.observedProductContainer .observedProductInfo:first-child{
	margin-top:0;
}

.observedProductContainer .observedProductInfo .observedProductItem{
	float:left;
}

.observedProductContainer .observedProductInfo .observedProductItem.image{
	width:23.04964539%;/*65/282*/
}

.observedProductContainer .observedProductInfo .observedProductItem.info{
	width:68.085106383%;/*192/282*/
	padding:0 10.2836879433% 0 4.609929078%; /* right:29/282 - left:13/282*/
}

.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoName,
.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoSummary,
.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoPriceObserved{
	display:block;
	width:100%;
	font-family:MuseoSans;
	font-weight:700;
	font-size:13px;
	color:#000000;
	cursor:pointer;
}

.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoName{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#e30613;
}

.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoSummary{
	font-weight:300;
	font-size:12px;
}

.observedProductContainer .observedProductInfo .observedProductItem.info .observedProductItemInfoPriceObserved{
	color:#CA0614;
	font-weight:500;
	font-size:11px;
}

.observedProductContainer .observedProductInfo .observedProductItem.delete.visible-mobile{
	width:8.865248227%;/*25/282*/
}

.observedProductContainer .observedProductInfo .observedProductItem.br.visible-mobile{
	display:block;
	width:100%;
	height:20px;
}

.observedProductContainer .observedProductInfo .observedProductItem.action{
	width:68.4397163121%;/*193/282*/
	border:1px solid #cccccc;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:83px;
	position:relative;
	padding-top:7px;
	position:relative;
}

.observedProductContainer .observedProductInfo:last-child .observedProductItem.action{
	margin-bottom:0;
}

.observedProductContainer .observedProductInfo .observedProductItem.action.notAvailable{
	padding:0;
	background:#fafafa;
	text-align:center;
	display:table;
}

.observedProductContainer .observedProductInfo .observedProductItem.action.notAvailable label{
	display:block;
	vertical-align:middle;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#4d4d4d;
	text-transform:uppercase;
	padding:15px 13%;
}

.observedProductContainer .observedProductInfo .observedProductItem.action .observedProductActionContainer{
	max-width:111px;
	margin:0 auto;
}

.observedProductContainer .observedProductInfo .observedProductItem.action .addToCartButton{
	background:#CA0614;
	height:33px;line-height:33px;
	border:0;outline:none;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-transform: uppercase;
	border-bottom-left-radius:5px;
}

.observedProductContainer .observedProductInfo .observedProductItem.action .addToCartButton:active{
	background:#B50511;
	padding:0;
}

.observedProductContainer .observedProductInfo .observedProductItem.action .addToCartButton img{
	position:relative;
	top:7px;
	width:25px;height:18px;
}

.observedProductContainer .observedProductInfo .observedProductItem.price{
	width:31.5602836879%;/*89/282*/
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#cccccc;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.observedProductContainer .observedProductInfo .observedProductItem.price.visible-mobile{
	height:83px;line-height:83px;
}

.observedProductContainer .observedProductInfo .observedProductItem.price .insteadOfPrice{
	position:absolute;
	top:8px;
	font-family:MuseoSans;
	font-weight:500;
	font-size:10px;
	color:#4c4c4c;
	display:block;
	line-height:normal;
	width:100%;
	text-align:center;
}

.observedProductContainer .observedProductInfo .observedProductItem.price .extraInfoPrice{
	font-family:MuseoSans;
	font-weight:300;
	font-size:9px;
	color:#4c4c4c;
	display:block;
	position:relative;
	top:-57px;
}

.observedProductContainer .observedProductInfo .observedProductItem.price label{
	font-family:MuseoSans;
	font-weight:700;
	font-size:24px;
	color:#333333;
}

.observedProductContainer .observedProductInfo .observedProductItem.price label.priceDecimal{
	position: relative;
	top: -12px;
	font-size: 12px;
}

.observedProductContainer .observedProductInfo .observedProductItem.delete .ico{
	border:0;
	width:25px;
	height:25px;
	border-radius:5px;
	background:url('../images/shapes/ico_cart_remove.png') no-repeat 50% 50% #333333;
	float:right;
	cursor:pointer;
}

.observedProductContainer .observedProductInfo .observedProductItem.delete .ico:active{
	background:url('../images/shapes/ico_cart_remove.png') no-repeat 50% 50% #222222;
}

@media(min-width:768px){

	.observedProductContainer .observedProductDescription{
		padding:30px 6.25%;/*48/768*/
	}

	.observedProductContainer .observedProductData{
		width:100%;
		border-bottom:0;
	}

	.observedProductContainer .observedProductData .productNotificationsTab{
		width:92.1875%;/*708/768*/
		margin:0 auto;
	}

	.notificationsNav li.notificationTab{
		height:50px;line-height:50px;
		border-width:1px 1px 1px 0;
		border-style:solid;
		border-color:#cccccc;
		background:#f3f3f3;
		width:33.3333333333%;
		float:left;
	}

	.notificationsNav li.notificationTab[data-tabs-count='1'][data-tab-index='0']{
		width:100%;
		border-right:0;
	}

	.notificationsNav li.notificationTab[data-tabs-count='2'][data-tab-index='1']{
		width:66.6666666666%;
		border-right:0;
	}


	.notificationsNav li.notificationTab.last{
		border-right:0;
	}

	.notificationsNav li.notificationTab.ui-state-active{
		border-bottom:0;
		background:#ffffff;
	}


	.observedProductContainer .observedProductData .productNotificationsTab{
		margin-top:30px;
	}

	.observedProductContainer .observedProductInfo{
		padding:10px 0;
		position:relative;
	}

	.observedProductContainer .observedProductInfo:last-child{
		border-bottom:1px solid #cccccc;
	}

	.observedProductContainer .observedProductInfo .observedProductItem{
		float:left;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.action{
		width:20.3966005666%;/*144/706*/
		min-height:90px;
		border:0;
		padding:0;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.action .wrapper{
		position:relative;
		width:111px;
		margin:0 auto;
		top:50%;
		margin-top:-16.5px;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.image{
		width:12.7478753541%;/*90/706*/
		min-height:90px;
		text-align:center;
		position:relative;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.image img{
		position:absolute;
		top:0;bottom:0;left:0;right:0;margin:auto;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.info{
		width:43.9093484419%;/*310/706*/
		min-height:90px;
		padding:0 2.4011299435%;/*left:18/708 - right:17/708*/
		vertical-align:top;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.price{
		width:14.164305949%;/*100/706*/
		min-height:90px;
		border:0;
		position:relative;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.price .observedProductPriceWrapper{
		height:70px;padding:3px 0;
		border:1px solid #cccccc;
		border-radius:5px;
		margin-top:10%;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.price .insteadOfPrice{
		position:static;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.price .extraInfoPrice{
		top:0;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.delete{
		width:8.78186968839%;/*62/706*/
		min-height:90px;
		text-align:center;
		position:relative;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.delete form{
		display:block;
		width:25px;height:25px;
		position:absolute;
		margin:0 auto;
		top:50%;
		margin-top:-12.5px;
		left:50%;
		margin-left:-12.5px;
	}

	.observedProductContainer .observedProductData .addToCartSection{
		background:#fafafa;
		height:41px;line-height:41px;
		border:1px solid #cccccc;
		margin-bottom:10px;
	}

	.observedProductContainer .observedProductData .addToCartSection .addToCartSectionLbl{
		display:block;
		float:left;
		width:70.4802259887%;/*499/708*/
		height:39px;line-height:39px;
		text-align:center;
		font-family:MuseoSans;
		font-weight:700;
		font-size:12px;
		color:#4d4d4d;
		text-transform:uppercase;
	}

	.observedProductContainer .observedProductData .addToCartSection .addToCartButton{
		float:right;
		border:0;outline:0;
		width:29.5197740113%;/*209/708*/
		max-width:209px;
		height:39px;line-height:39px;
		background:#CA0614;
		font-family: MuseoSans;
		font-weight: 700;
		font-size: 12px;
		color:#ffffff;
		cursor: pointer;
	}

	.observedProductContainer .observedProductData .addToCartSection .addToCartButton img{
		position:relative;
		top:9px;
		margin-right:5px;
	}

	.observedProductContainer .observedProductData .addToCartSection .addToCartButton:not(.disabled):active{
		background:#B50511;
		padding:0;
	}

	.observedProductContainer .observedProductData .addToCartSection .addToCartButton.disabled{
		opacity:0.7;
	}

}


@media(min-width:1280px){
	.notificationsNav li.notificationTab.hidden-mobile:nth-child(3){
		border-right:0;
	}

	.observedProductContainer .observedProductDescription{
		padding:40px 15%;/*144/960*/
	}

	.observedProductContainer .observedProductInfo .observedProductItem.action,
	.observedProductContainer .observedProductInfo .observedProductItem.image,
	.observedProductContainer .observedProductInfo .observedProductItem.price,
	.observedProductContainer .observedProductInfo .observedProductItem.delete{
		min-height:112px;
	}

	.observedProductContainer .observedProductInfo .observedProductItem.price .observedProductPriceWrapper{
		margin-top:18%;
	}

	.accountWishlistDetail .noProductsToShow{
		margin-top: 50px;
		margin-bottom: 50px;
	}
}




/* my account page */

.accountnavigationcollectioncomponent .myAccountTopSection{
	border-bottom: 1px solid #ccc;
	padding: 19px 2.8125% 40px; /* 9/320 */
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox{
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #ccc;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .headline{
	position:relative;
	width: 100%;
	height: 50px; line-height: 50px;
	background-color: #f3f3f3;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding-left: 9.9337748%; /* 30/302 */
	font-family: MuseoSans,sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #1a1a1a;
	text-transform: uppercase;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .headline .link{
	cursor: pointer;
	float: right;
	margin-top: -23px;
	position: relative;
	right: 25px;
	top: 50%;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .headline i:BEFORE{
	font-size: 22px;
	color: #ca0614;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content{
	width: 100%;
	padding: 0 9.9337748%; /* 30/302 */
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .infoDataItem{
	margin-bottom: 20px;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .infoDataItem .infoDataLabel{
	display: block;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 14px;
	color: #1a1a1a;
}
.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .infoDataItem .infoDataLabel.bold{
	font-weight: 700;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .infoDataItem .description {
	font-size: 12px;
}

.myAccountTopSection .myAccountTopSectionHelp{
	border: 1px solid #ccc;
}

.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .headline{
	height: 50px; line-height: 50px;
	border: 0;
	border-bottom: 1px solid #ccc;
}

.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer:BEFORE{
	left: 9.3333333%; /* 28/300 */
}
.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpContactContainer:BEFORE{
	top: 54px;
	left: 9.3333333%; /* 28/300 */
}

.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer,
.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpContactContainer{
	border: 0;
	padding-right: 15%; /* 45/300 */
	padding-left: 30%; /* 90/300 */
}

.myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer{
	border-bottom: 1px solid #ccc;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent{
	background-color: #fafafa;
	padding: 0 2.8125% 20px; /* 9/320 */
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox{
	width: 100%;
	background-color: #fff;
	margin-top: 19px;
	height: 300px;
	border: 1px solid #ccc;
	overflow-y: hidden;
}
.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .headline:BEFORE{
	content: "\a012";
	color:#ca0614;
	font-size: 13px;
	float: right;
	position: relative;
	top: 50%;
	margin-top: -6.5px;
}
.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .headline{
	height: 50px; line-height: 50px;
	background-color: #f3f3f3;
	border: 0;
	border-bottom: 1px solid #ccc;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #1a1a1a;
	padding-left: 9.9337748%; /* 30/302 */
	padding-right: 6.6225166%; /* 20/302 */
	margin: 0;
	margin-bottom: 24px;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .accountGenericBoxIcon{
	width: 28.3333%; /* 85/300 */
	float: left;
	text-align: center;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .accountGenericBoxIcon i:BEFORE{
	font-size: 30px;
	color: #ca0614;
}
.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .accountGenericBoxIcon i.biggerIcon:BEFORE{
	font-size: 38px;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content{
	width: 71.6666%; /* 215/300 */
	float: right;
	padding-right: 16.2790698%; /* 35/215 */
	padding-bottom: 32px;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content .subTitleLabel{
	text-align: left;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #c62a2a;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content .accountGenericBoxDescription{
	margin-bottom: 27px;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .link,
.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content .accountGenericBoxLink{
	text-decoration: underline;
	text-transform: uppercase;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #333;
}

.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .link {
	color: #ca0614;
}

.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content .genericLabel{
	display: block;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 14px;
	color: #1a1a1a;
}
.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .content .genericLabel.bold{
	font-weight: 700;
}

p{
	margin: 0;
}

.accountGenericBox__svg-image {
	font-size:3em;
	stroke-width: 1;
}


@media (min-width: 768px){

	.accountnavigationcollectioncomponent .myAccountTopSection{
		padding-left: 1.6927083%; /* 13/768 */
		padding-right: 1.6927083%; /* 13/768 */
		padding-bottom: 18px;
	}

	.accountnavigationcollectioncomponent .myAccountCollectionComponent{
		padding-left: 1.6927083%; /* 13/768 */
		padding-right: 1.6927083%; /* 13/768 */
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox{
		width: 49.1913747%; /* 365/742 */
		float: left;
		margin-bottom: 0;
		min-height: 303px;
		position: relative;
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 50px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .contentUL{
		display: table;
		height: 100%;
	}
	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content .contentUL ul{
		display: table-cell;
		vertical-align: middle;
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp{
		width: 49.1913747%; /* 365/742 */
		float: right;
		border: 1px solid #ccc;
		min-height: 303px;
	}

	.myAccountTopSectionHelp{
		position: relative;
	}

	.myAccountTopSectionHelp .helpCustomerContainer .helpContainer{
		position: absolute;
		top: 50px;
		bottom: 0px;
		left: 0px;
		right: 0px;
	}

	.myAccountTopSectionHelp .helpCustomerContainer .helpContainer .helpFaqContainer,
	.myAccountTopSectionHelp .helpCustomerContainer .helpContainer .helpContactContainer{
		height: 50%;
	}


	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer,
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer,
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpContactContainer{
		float: none;
		width: 100%;
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .headline{
		border-bottom: 1px solid #ccc;
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer{
		border-bottom: 1px solid #ccc;
	}
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer,
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpContactContainer{
		padding-bottom: 18px;
		padding-top: 18px;
	}
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpFaqContainer:BEFORE,
	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp .helpCustomerContainer .helpContactContainer:BEFORE{
		top: 24px;
	}

	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox{
		width: 49.1913747%; /* 365/742 */
		float: left;
	}
	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox:nth-child(2n){
		margin-left: 1.3477089%; /* 10/742 */
	}
}



@media (min-width: 1280px){

	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .headline,
	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox .content,
	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox .headline{
		padding-left: 30px;
	}

	.accountnavigationcollectioncomponent .myAccountTopSection,
	.accountnavigationcollectioncomponent .myAccountCollectionComponent{
		padding-left: 1.0416667%; /* 10/960 */
		padding-right: 1.0416667%; /* 10/960 */
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .personalDataBox{
		width: 66.2765957%; /* 623/940 */
	}

	.accountnavigationcollectioncomponent .myAccountTopSection .myAccountTopSectionHelp{
		width: 32.5531915%; /* 306/940 */
	}

	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox{
		width: 32.5531915%; /* 306/940 */
	}
	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox:nth-child(2n){
		margin-left: 0;
	}
	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox:nth-child(3n){
		margin-left: 1.1702128%; /* 11/940 */
	}
	.accountnavigationcollectioncomponent .myAccountCollectionComponent .accountGenericBox:nth-child(3n+1){
		margin-right: 1.1702128%; /* 11/940 */
	}
}


/* end my account generic box css */


/*********************************************
	UPDATE PERSONAL DATA
*********************************************/

.accountContentPane .personalDataContentPage .toggleWrapper,
.accountContentPane .updateEmailContentPage .toggleWrapper{
	padding-left: 5.9375%; /* 19/320 */
	padding-right: 5.9375%; /* 19/320 */
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword,
.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage{
	width: 100%;
	padding-bottom: 30px;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData,
.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage {
	border-bottom: 1px solid #ccc;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword,
.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage{
	padding-top: 30px;
}

.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage .inputContainer,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .inputContainer{
	float: none;
	width: 100%;
	margin:0;
}

.inputContainer .changeMailButton{
	width: 100%;
	display: block;
	height: 43px; line-height: 43px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 15px;
}
.inputContainer .changeMailButton:HOVER{
	background-color: #b50512;
}

.inputContainer .changeMailButton .changeMailIcon{
	font-size: 14px;
	margin-right: 5px;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer .crmCustomerId,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer label,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .inputContainer label,
.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage .inputContainer label{
	margin-top: 40px;
	margin-bottom: 3px;
	color: #333333;
	font-family: MuseoSans;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	display: block;
	line-height: 20px;
}
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer .editProfileInput,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer .editProfileInput,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .inputContainer .editProfileInput,
.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage .inputContainer .editProfileInput{
	margin: 0;
	height: 43px; line-height: 43px;
	border: 1px solid #ccc;
	color: #333333;
	font-family: MuseoSans;
	font-size: 14px;
	font-weight: 300;
	padding: 0 5%;
	width: 100%;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer .notEditable{
	background-color: #fafafa;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .helpLabel{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	display: block;
	margin-top: 17px;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .changePasswordLabel{
	display: block;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #bd0909;
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .changePasswordDescLabel{
	display: block;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #1a1a1a;
}


@media (min-width:768px){

	.accountContentPane .personalDataContentPage .toggleWrapper,
	.accountContentPane .updateEmailContentPage .toggleWrapper{
		padding-left: 3.3854167%; /* 26/768 */
		padding-right: 3.3854167%; /* 26/768 */
	}

	.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer,
	.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer,
	.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .inputContainer,
	.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage .inputContainer{
		float: left;
		width: 49%; /* 351/716 */
	}
	.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .inputContainer:nth-child(2n),
	.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .inputContainer:nth-child(2n),
	.accountContentPane .updateEmailContentPage .toggleWrapper .updateEmailPage .inputContainer:nth-child(2n){
		margin-left: 2%;
	}

	.inputContainer .changeMailButton{
		margin-top: 0;
	}
}

/*********************************************
	END UPDATE PERSONAL DATA
*********************************************/

/***************
ORDER HISTORY
*******************/
.accountContentPane .accountOrderHistoryContainer {
	margin-bottom:30px;
}

.accountContentPane .accountOrderHistoryContainer .mainHeadline{
	margin-bottom:20px;
}


.accountContentPane .accountOrderHistoryContainer .filterContainer,
.accountContentPane .accountOrderHistoryContainer .sortContainer{
	/*width:220px;*/
	height:30px;
	background-color:#fafafa;
	float:right;
	border:1px solid #ccc;
	padding-left:10px;
}

.accountContentPane .accountOrderHistoryContainer .sortContainer{
	width:110px;
	margin-left:10px;
}

.accountContentPane .accountOrderHistoryContainer .dropDownDefaultContainer .inputDropDownDefault{
	display:block;
	/*width:84.914893617%;*/
	height:30px;line-height:30px;
	/*border:1px solid #cccccc;border-left:0;*/
	outline:none;background-color:transparent;
	float:right;
	color:#6a6a6a;
	padding:0 5px 0 10px;
	cursor:pointer;
}

.accountContentPane .accountOrderHistoryContainer .dropDownDefaultContainer .inputDropDownDefault .value{
	font-weight:700;
}

.accountContentPane .accountOrderHistoryContainer .dropDownDefaultContainer .ico-sort{
	display:block;
	float:right;
	/*border:1px solid #cccccc;border-right:0;*/
	/*width:15.085106383%;*/
	height:30px;line-height:30px;
	text-align:right;
	font-size:16px;
	color:#999999;
	cursor:pointer;
}

.dropDownDefaultContainer .defaultList .defaultListItem {
	background-color:#fafafa;
}

.accountOrderHistoryContainer .orderHistoryMobileContainer,
.accountOrderHistoryContainer .sortingContainer{
	width:93.75%;
	margin:0 auto;
}

.accountOrderHistoryContainer .sortingContainer{
	margin-bottom:10px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox{
	width:100%;
	margin:0 auto 20px auto;
	border:1px solid #cccccc;
}

.accountOrderHistoryContainer .orderHistoryMobileBox:last-child{
	margin-bottom:0;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .mainTitle{
	margin:0;
	padding:0;
	background-color:#f3f3f3;
	border-bottom:1px solid #cccccc;
	font-weight:700;
	font-size:14px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .mainTitle a{
	display:block;
	padding:18px 9px 18px 18px;
	color:#1a1a1a;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .mainTitle i{
	float:right;
	font-size:10px;
	color:#c90613;
}


.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail{
	padding:35px 9px 10px 30px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li{
	font-weight:700;
	font-size:12px;
	color:#1a1a1a;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li .value{
	font-weight:300;
	color:#1a1a1a;/*for a element*/
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li a.value:hover{
	text-decoration:underline;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li .value .deliveryIcon{
	position:relative;
	top:4px;
	font-size:28px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li.timeslot{
	margin-top:10px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderDetail li .timeslotSelected{
	color:#c90613;
	font-weight:300;
	display:block;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .download{
	display:inline-block;
	height:50px;line-height:50px;
	font-size:12px;
	font-weight:700;
	color:#333333;
	margin-left:30px;
}
.actions .download{
	display: block;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .download.disabled,
.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .download.disabled,
.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .requestparcelreturn.disabled{
	color:#a2a2a2;
	opacity:0.5;
	cursor:not-allowed;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .download i,
.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .download i{
	position:relative;
	top:7px;
	margin-right:5px;
	font-size:30px;
}

.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .download i{
	font-size: 20px;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .cancelOrder,
.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .modifyPlacedOrder{
	display:block;
	height:50px;line-height:50px;
	font-size:12px;
	font-weight:700;
	color:#ffffff;
	background-color:#c90613;
	text-transform:uppercase;
	text-align:center;
}

.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .cancelOrder i,
.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .cancelOrder i,
.accountOrderHistoryContainer .orderHistoryMobileBox .orderActions .modifyPlacedOrder i,
.orderDetailOrderTotal.orderInfoSection .orderInfoSectionControlFloat .orderInfoSectionData .actions .modifyPlacedOrder i{
	position:relative;
	top:3px;
	margin-right:5px;
	font-size:20px;
}

.sparPopupOverlay.common .sparPopupContent .sparPopupTopBar .closeIcon{
	position: absolute;
	top: 5px;
	right: 5px;
}

.jModifyOrder.sparPopupOverlay .sparPopupContent .sparPopupConfirmationButtons{
	padding:0px 0 22px 0;
	border-top:none;
}

@media (max-width:768px){
	.jModifyOrder.sparPopupOverlay .sparPopupConfirmationCancel,
	.jModifyOrder.sparPopupOverlay .sparPopupConfirmationUnMergeSubmit {
		margin-bottom: 14px;
	}

	.jModifyOrder.sparPopupOverlay .sparPopupConfirmationSubmit {
		margin-bottom: 0px;
	}
}

.jModifyOrder.sparPopupOverlay .sparPopupConfirmationButtons button[disabled]{
	opacity:0.2;
	cursor:default;
}

.jModifyOrder.cancelModification .closeIcon{
	padding-top:3px
}

.accountOrderHistoryContainer .lazyLoadOrders{
	width: 300px;
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	margin: 30px auto 0;
	cursor: pointer;
}

@media(min-width:768px){
	.accountOrderHistoryContainer .orderHistoryContainer,
	.accountOrderHistoryContainer .sortingContainer{
		margin:0 auto;
		width:92.96875%;/*714/768*/
		display:table;
	}

	.accountOrderHistoryContainer .sortingContainer{
		margin-bottom:10px;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .header,
	.accountOrderHistoryContainer .orderHistoryContainer .body{
		display:table-row;
		width:100%;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .header li{
		height:30px;line-height:30px;
		background-color:#4d4d4d;
		color:#b8b8b8;
		border-right:1px solid #333333;
		text-align:center;
		text-transform:uppercase;
		display:table-cell;
		vertical-align:middle;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .header li:first-child{
		border-top-left-radius:3px;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .header li:last-child{
		border-top-right-radius:3px;
		border-right:0;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body{
		border-left:1px solid #cccccc;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body > li{
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		padding:5px 3px;
		display:table-cell;
		vertical-align:middle;
		font-weight:700;
		font-size:12px;
		height:100px;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body > li:first-child{
		border-left:1px solid #ccc;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.number{
		text-decoration:underline;
		background:#f2f2f2;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.details .deliveryIcon{
		font-size:30px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		width:25%;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.details .extraInfo{
		display:table-cell;
		vertical-align:middle;
		padding-left:5px;
		width:75%;
		color:#666666;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.details .extraInfo .timeslot{
		color:#000000;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.dataPlaced{
		color:#666666;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.invoice i{
		font-size:30px;
		color:#4d4d4d;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.actions span{
		display:block;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.number{
		width:11.9047619048%;/*85/714*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.dataPlaced{
		width:14.9859943978%;/*107/714*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.details{
		width:22.4089635854%;/*160/714*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.total{
		width:9.52380952381%;/*68/714*/
		word-break: break-all;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.status{
		width:16.106442577%;/*115/714*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.invoice{
		width:10.5042016807%;/*75/714*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.actions{
		width:14.5658263305%;/*104/714*/
	}



}

/*** desktop view ***/
.order-history-table {
	width: 100%;
}

.order-history-table__row {
	width: 100%;
	clear:left;
}

.order-history-table__cell {
	float: left;
}

.order-history-table__cell__header-start {
	border-left:1px solid #333333;
}

.order-history-table__cell__header {
	height:30px;
	line-height:30px;
	background-color:#4d4d4d;
	color:#b8b8b8;
	border-right:1px solid #333333;
	border-top:1px solid #333333;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
}

.order-history-table__cell_body-start {
	border-left:1px solid #cccccc;
	background:#f2f2f2;
}

.order-history-table__cell__body {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px 3px;
	vertical-align:middle;
	font-weight:700;
	font-size:12px;
	height:120px;
}

.order-history-table__cell__inner-table {
	display: table;
	height: 100%;
	width: 100%;
}

.order-history-table__cell__inner-table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.order-history-table__cell__inner-table-cell__parcel-label {
	margin-bottom: 0.4em;
}

.order-history-table__cell__credit-note-link {
	text-decoration: none;
	margin-top: 1px;
}

.order-history-table__cell__inner-table-cell a {
	text-decoration: underline;
}

.order-history-table__inner-table-cell__delivery-icon {
	width: 1em;
	padding: 0 1.5em 0 0.75em;
}

.order-history-table__row div.order-history-table__cell__order-split {
	width:41.1764705882%;/*85/714*/
}

.order-history-table__row div.number{
	width:13.9047619048%;/*85/714*/
}

.order-history-table__row div.dataPlaced{
	width:12.9859943978%;/*107/714*/
}

.order-history-table__row div.details{
	width:22.4089635854%;/*160/714*/
}

.order-history-table__row div.total{
	width:9.52380952381%;/*68/714*/
	word-break: break-all;
}

.order-history-table__row div.status{
	width:16.106442577%;/*115/714*/
}

.order-history-table__row div.invoice{
	width:10.5042016807%;/*75/714*/
}

.order-history-table__row div.invoiceContent{
	width:10.5042016807%;/*75/714*/
	padding-top:2.4em;
}

.order-history-table__row div.actions{
	width:14.5658263305%;/*104/714*/
}

.extra-info-container__delivery-date {
	color: black;
}

.order-history-container__table-row__delivery-icon {
	font-size:30px;
	position:relative;
}

.order-history-container__table-row__partial-delivery {
	display:table-cell;
	vertical-align:middle;
	padding-left: 1em;
	width:auto;
	color:#666666;
}

.order-info-section-data__delivery-icon {
	font-size:30px;
	position:relative;
}

.order-history-table__cell__inner-table-cell-cancelOrder {
	border: 0;
	background-color: transparent;
	padding: 0;
	text-decoration: underline;
	color:black;
}

.order-history-table__cell__inner-table-cell-cancelOrder:hover{
	color: #666666;
}




/*** mobile view ***/
.order-history-mobile-box__-font-thin {
	font-weight: 300;
}

.order-history-mobile-box__font-size {
	font-size: 16px;
}

.order-history-mobile-box__header {
	line-height: 2em;
}

.order-history-mobile-box__header__data-placed {
	margin-top: -0.5em;
}

.order-history-mobile-box__header__total-header {
	margin-bottom: -0.5em;
}

.orderDetail div {
	font-weight:700;
	/**font-size:16px;**/
	color:#1a1a1a;
}

.order-history-container__table-row__delivery-icon {
	font-size: 2.5em;
}

.orderHistoryMobileBox__body .order-history-container__table-row__delivery-icon.svg-icon--box,
.order-history-container__table-row__delivery-icon.svg-icon--box svg {
	width: 1.35em;
}

.order-history-mobile-box__dropship-text {
	color:black;
}

.order-history-mobile-box__delivery-mode-order-split__delivery-mode {
	float: left;
	padding-right: 0.5em;
	margin-top:0.5em;
}

.order-history-mobile-box__order-split-more-details {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.order-history-mobile-box__order-split-more-details__icon {
	float: left;
	padding-right: 0.5em;
}

.order-history-mobile-box__order-split-more-details__text {
	text-decoration: underline;
}

.orderDetail div .value {
	font-weight:300;
	color:#1a1a1a;/*for a element*/
}

.orderDetail div a.value:hover {
	text-decoration:underline;
}

.orderDetail div.timeslot {
	margin-top:10px;
}

.orderDetail div .timeslotSelected {
	#color:#c90613;
	font-weight:300;
	display:block;
	color:black;
}

.order-history-mobile-box__actions {
	list-style-type: none;
}

.order-history-mobile-box__actions-cancelOrder {
	border: 0;
	background-color: transparent;
	padding: 0;
	color:black;
	width: 100%;
}

.order-history-mobile-box__actions-parcelLabel,
.order-history-mobile-box__actions-returnOrder {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	background-color: #c90613;
	text-transform: uppercase;
	text-align: center;
}

.order-history-mobile-box__actions-parcelLabel {
	border-bottom: 1px solid #cccccc;
}

.order-history-mobile-box__actions__parcelLabel-link,
.order-history-mobile-box__actions__returnOrder-link {
	color:white;
}


/*********************************************
	spar form buttons
*********************************************/

.sparFloatButtonsContainer{
	width: 100%;
	padding: 43px 21.2765957%; /* 60/282 */
}

.createListContainer .sparFloatButtonsContainer {
	width: 100%;
	text-align: center;
	padding: 40px 0;
}

.createListContainer .sparFloatButtonsContainer #addAndShareList {
	width: 130px;
	display: inline-block;
	padding: 0;
}

/*#wishlistDetailForm {*/
/*margin: 0 3.125%;*/
/*}*/

.createListContainer .sparFloatButtonsContainer .sparButtonCancel {
	width: 130px;
	margin-top: 0;
	margin-left: 10px;
	display: inline-block;
}

.createListContainer .sparFloatButtonsContainer #addAndShareList span,
.createListContainer .sparFloatButtonsContainer .sparButtonCancel span {
	display: inline-block;
	width: 100%;
	padding: 0 5px;
}

.collaborator {
	color: #69747c;
	font-size: 14px;
	padding: 10px 5px 10px 0;
	width: calc(100% - 80px);
	display: inline-block;
	vertical-align: middle;
}

.containerCollaborators {
	display: none;
	width: 100%;
	margin: 20px 0 0;
}

.collaboratorContainer {
	margin-bottom: 2px;
	background-color: #ddd;
	padding: 9px 0 9px 10px;
	display: none;
}

.containerCollaborators .ico-trash {
	font-size: 22px;
	display: inline-block;
	border-left: solid 1px #69747c;
	color: #69747c;
	width: 80px;
	height: 40px;
	text-align: center;
	line-height: 1.8;
	cursor: pointer;
	vertical-align: middle;
}


.sparFloatButtonsContainer .sparButtonSubmit,
.sparButton,
.sparFloatButtonsContainer .sparButtonCancel,
.whishListDetailContainer .sparButtonSubmit {
	width: 100%;
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

.sparButton {
	display: inline-block;
	width: auto;
	padding: 0 2em;
}

.sparButtonWrapper {
	margin-top: 2em;
}

.searchMoreButton {
	text-align: center;
}

.sparButton:hover,
.sparButton:active {
	background-color: #ca0614;
	color: #fff;
}

.sparButtonSubmit:disabled {
	background-color: #ccc;
}


.addCollaborators {
	margin-top: 46px;
}

.sparFloatButtonsContainer .sparButtonCancel{
	background-color: #1f1f1f;
	margin-top: 16px;
}

.whishListDetailContainer .sparButtonSubmit {
	margin: 0 auto;
}

.whishListDetailContainer .sparButtonSubmit a {
	color: #fff;
}

.shareIcon {
	width: 20px;
}



@media (min-width:768px){

	.createListContainer .sparFloatButtonsContainer,
	.sparFloatButtonsContainer{
		width: 330px;
		margin: 0 auto;
		padding: 40px 0;
	}

	.createListContainer .sparFloatButtonsContainer #addAndShareList,
	.createListContainer .sparFloatButtonsContainer .sparButtonCancel,
	.sparFloatButtonsContainer .sparButtonSubmit,
	.sparFloatButtonsContainer .sparButtonCancel,
	.whishListDetailContainer .sparButtonSubmit {
		width: 160px; /* 160/330 */
	}

	.createListContainer .sparFloatButtonsContainer .sparButtonCancel {
		margin-left: 0;
	}

	.sparFloatButtonsContainer .sparButtonSubmit{
		float: right;
	}
	.sparFloatButtonsContainer .sparButtonCancel{
		margin-top: 0;
		float: left;
	}
}


/*********************************************
	end spar form buttons
*********************************************/


/****************************************
	Address Book Page
****************************************/

.addressBookPage .addressList{
	padding: 11px 3.125% 25px; /* 10/320 */
}

.addressBookPage .addressList .addressItem{
	width: 100%;
	margin-top: 19px;
}

.addressBookPage .addressList .addressItem .addNewAddressItem{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 122px 0; /* 62/298 */
}

.addressBookPage .addressList .addressItem .addNewAddressItem .addNewAddressBox{
	width: 100%;
}

@media (min-width: 768px){

	.addressBookPage .addressList{
		padding: 14px 3.515625% 30px 2.0833333%; /* left: 16/768 right: 27/768 */
	}

	.addressBookPage .addressList .addressItem{
		width: 48.2758621%; /* 350/725 */
		margin-left: 1.6551724%; /* 12/725 */
		float: left;
	}
}


@media (min-width: 1280px){

	.family-invite-form {
		max-width: 920px;
	}

	.addressBookPage .addressList{
		padding: 34px 6.25% 94px 5.2083333%; /* left: 50/960 right: 60/960 */
	}

	.addressBookPage .addressList .addressItem{
		width: 32.1176471%; /* 273/850 */
		margin-left: 1.1764706%; /* 10/850 */
	}
}

/* animation */
.addressBookPage .addressList .addressItem,
.creditCardMobileLine {
	-webkit-transition: width 0.6s, min-height 0.8s;
	transition: width 0.6s, min-height 0.8s;
	min-height: 308px;
}
.addressBookPage .addressList .addressItem .addressItemBox,
.creditCardMobileLine .orderHistoryMobileBox {
	-webkit-transition: left 0.6s;
	transition: left 0.6s;
	left: 0;
}
.addressBookPage .addressList .addressItem.closingMobile,
.creditCardMobileLine.closingMobile {
	width: 0;
	margin-left: 0;
}
.addressBookPage .addressList .addressItem.closingMobile{
	margin-top: 0;
	max-height: 0;
	min-height: 0;
}
.addressBookPage .addressList .addressItem.closing .addressItemBox{
	display: none;
}
.addressBookPage .addressList .addressItem.closingMobile .addressItemBox,
.creditCardMobileLine.closingMobile .orderHistoryMobileBox {
	margin-top: 19px;
	left: -999px;
	position: absolute;
}

/****************************************
	END Address Book Page
****************************************/

/***************************************
address item box
****************************************/

.addressItemBox{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.addressItemBox .addressItemBoxTop{
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.addressItemBox .addressItemBoxTop .addressTitle,
.addressItemBox .addressItemBoxTop .editAddress,
.addressItemBox .addressItemBoxTop .removeAddress{
	height: 49px;
}
.addressItemBox .addressItemBoxTop .addressTitle{
	width: 100%;
	background-color: #f5f5f5;
	padding-left: 8.7248322%; /* 26/298 */
	line-height: 49px;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #1a1a1a;
}

.addressItemBox .addressItemBoxTop .editAddress,
.addressItemBox .addressItemBoxTop .removeAddress{
	width: 50px;
	background-color: #fafafa;
	border-left: 1px solid #ccc;
	text-align: center;
	position: absolute;
	top:0;
}

/****************************************
	CDC Form: at-change-password
****************************************/

.change-password * {
	font-family: MuseoSans, Arial, sans-serif;
}

.change-password__row label {
	display: block;
	margin: 40px 0 8px;
	color: #333;
	text-transform: uppercase;
}

.change-password__row input {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 14px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	height: 43px;
	line-height: 43px;
	text-align: left;
	width: 100%;
}

.change-password__button-container {
	text-align: center;
}

.change-password__button-container input {
	text-indent: 0;
	cursor: pointer;
	background: #bd0909;
	border: 0;
	outline: none;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.change-password__row {
	margin: 20px auto;
	max-width: 405px;
	width: 54.8037889%;
}

.change-password__row label {
	display: inline;
}

.change-password .gigya-layout-cell .gigya-error-msg.gigya-error-msg-active {
	margin-top: 20px;
	text-align: center;
}

.gigya-input-password, .pstrength, .confirmPasswordInput,
.control-group .controls input.confirmPasswordInput,
.control-group .controls input.loginInputText.pstrength,
.control-group .controls input.loginInputText.password {
	padding-right: 50px !important;
}

input[type='password'] ~ .i-eye, input[type='text'] ~ .i-eye {
	position: relative;
}

.i-eye.open::after {
	content: '';
	height: 1px;
	width: 30px;
	background: black;
	transform: rotate(-45deg);
	position: absolute;
	right: 23px;
	top: -22px;
}

input[type='password']  ~ .i-eye::before, input[type='text']  ~ .i-eye::before {
	font-size: 26px;
	position: absolute;
	right: 25px;
	top: -34px;
	cursor: pointer;
}

input[type='password']  ~ .pstrengthContainer + .i-eye::before, input[type='text']  ~ .pstrengthContainer + .i-eye::before {
	top: -36px;
}

input[type='password']  ~ .pstrengthContainer + .i-eye.open::after, input[type='text']  ~ .pstrengthContainer + .i-eye.open::after {
	top: -24px;
}

input[type='password']  ~ .pstrengthContainer.open ~ .gigya-error-msg,
input[type='password']  ~ .pstrengthContainer.open ~ .help-inline,
input[type='text']  ~ .pstrengthContainer.open ~ .gigya-error-msg,
input[type='text']  ~ .pstrengthContainer.open ~ .help-inline{
	margin-top: 15px;
}

.gigya-show-checkmark.gigya-valid {
	background-image: none !important;
}

.passwordInput::-ms-reveal, .confirmPasswordInput::-ms-reveal, .gigya-input-password::-ms-reveal, .pstrength::-ms-clear,
.loginInputText.pstrength::-ms-reveal,
.loginInputText.password::-ms-reveal {
	display: none;
}

@media (min-width: 768px) {
	.change-password__button-container input {
		width: 48.4848485%;
		margin: 0 auto;
		text-transform: uppercase;
	}
}

@media screen and (max-width: 767px){
	.change-password__row {
		margin: 15px auto;
		width: 94.8037889%;
	}

	.change-password__button-container input {
		margin-top: 10px;
		width: 54.8037889%;
	}
}

/****************************************
	END CDC Form: at-change-password
****************************************/

.addressItemBox .addressItemBoxTop .editAddress{
	right: 50px;
}
.addressItemBox .addressItemBoxTop.default .editAddress{
	right: 0;
}
.addressItemBox .addressItemBoxTop .removeAddress{
	right: 0;
}
.addressItemBox .addressItemBoxTop.default .removeAddress{
	display: none;
}

.addressItemBox .addressItemBoxTop .editAddress .ico-edit,
.addressItemBox .addressItemBoxTop .removeAddress .ico-trash{
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	color: #707070;
	cursor: pointer;
}

.addressItemBox .addressItemBoxContent{
	padding: 23px 9.3959732%; /* 28/298 */
}

.addressItemBox .addressItemBoxContent .addressLabel{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.addressItemBox .addressItemBoxContent .addressLabel.bold{
	font-weight: 700;
}

.addressItemBox .addressItemBoxContent .addressLabel .ico-phone,
.addressItemBox .addressItemBoxContent .addressLabel .ico-mail{
	margin-right: 10px;
	color: #ca0614;
}

.addressItemBox .addressItemBoxBottom .addressOption{
	border-top: 1px solid #ccc;
	padding: 11px 7.7181208%; /* 23/298 */
}

.addressItemBox .addressItemBoxBottom .addressOption .customRoundSparCheckboxContainer{
	margin-right: 17px;
	float: left;
}
.customRoundSparCheckboxContainer .customRoundSparCheckbox.disabledAddress{
	cursor: default;
}

.addressItemBox .addressItemBoxBottom .addressOption .addressOptionLabel{
	float: left;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 14px;
	color: #333;
}
.addressItemBox .addressItemBoxBottom .addressOption .addressOptionLabel.disabledAddress{cursor: default;}

/***************************************
end address item box
****************************************/

/****************************************
customRoundSparCheckbox
*****************************************/

.customRoundSparCheckboxContainer{
	/* you can custom position of roundCheckbox using this div */
	width: 28px;
	height: 28px;
}

.customRoundSparCheckboxContainer .customRoundSparCheckbox{
	display:inline-block;
	width:28px;height:28px;
	border:1px solid #cccccc;
	border-radius: 50%;
	cursor:pointer;
	position: relative;
}

.customRoundSparCheckboxContainer .customRoundSparCheckbox.checked:after{
	background-color: #cb0715;
	height: 18px;
	width: 18px;
	border:0;
	border-radius: 50%;
	top: 4px;
	left: 4px;
	content: "";
	position: absolute;
}

/****************************************
end customRoundSparCheckbox
*****************************************/


/****************************************
Add Edit Address Page
****************************************/

.addEditAddressPage .addEditAddressPageForm{
	padding: 20px;
}

.addEditAddressPage .addEditAddressPageButtons{
	width: 88.125%; /* 282/320 */
	border-top: 1px solid #ccc;
	margin: 0 auto;
}

.addEditAddressPage .addEditAddressPageForm .leftControlGroup.line2ControlGroup{
	width: 35.4609929%; /* 100/282 */
	float: left !important;
}

.addEditAddressPage .addEditAddressPageForm .postboxText {
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#333333;
	display:block;
	margin-top:40px;
	margin-bottom:10px;
	text-transform: uppercase;
}

.addEditAddressPage .addEditAddressPageForm .postboxSelection {
	font-family:MuseoSans;
	font-weight:300;
	font-size:14px;
	color:#333333;
	padding-right:30px;
	padding-left:10px;
}

.addEditAddressPage .addEditAddressPageForm .postboxRadio {
	vertical-align:bottom;
}

@media (min-width: 768px){

	.addEditAddressPage .addEditAddressPageForm{
		padding-left: 3.3854167%; /* 26/768 */
		padding-right: 3.3854167%; /* 26/768 */
	}

	.addEditAddressPage .addEditAddressPageForm .leftControlGroup.line1ControlGroup{
		width: 81.8435754%; /* 586/716 */
	}

	.addEditAddressPage .addEditAddressPageForm .leftControlGroup.line2ControlGroup{
		width: 13.9664804%; /* 100/716 */
		float: right !important;
	}

	.addEditAddressPage .addEditAddressPageButtons{
		width: 93.2291667%; /* 716/768 */
	}

}

/****************************************
End Add Edit Address Page
****************************************/

/*****************************************
Statistics page
******************************************/

.sparStatisticsPage .statistics.orderhistory{
	padding: 19px 2.8125%; /* 9/320 */
	overflow: auto;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation{
	position: relative;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation{
	margin-top: 19px;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline{
	border: 1px solid #ccc;
	height: 30px; line-height: 30px;
	padding-left: 5.9602649%; /* 18/302 */
	background-color: #fafafa;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline *,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline *{
	cursor: pointer;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline img{
	width: 14px;
	height: 14px;
	position: relative;
	top: 50%;
	margin-top: -7px;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline .addLabel,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline .timespanNavigationHeadlineLabel{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #6a6a6a;
}

.sparStatisticsPage .statistics.orderhistory .emptyChart{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 14px;
	color: #e30613;
	margin: 40px 0;
	text-align: center;
	text-transform: uppercase;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline .addLabel{
	margin-left: 3.6423841%; /* 11/302 */
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationHeadline .addLabel .bold,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline .timespanNavigationHeadlineLabel{
	font-weight: 700;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList{
	position: absolute;
	width: 100%;
	z-index: 5;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation.open .categoryNavigationBody,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation.open .timespanNavigationList{
	z-index: 6;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation.open .categoryNavigationBody .categoryNavigationBottom,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation.open .categoryNavigationBody .categoryNavigationCheckboxes,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation.open .timespanNavigationList ul{
	display: block;
	background-color: #fafafa;
	border: 1px solid #ccc;
	border-top: 0;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationCheckboxes,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList ul{
	display: none;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationCheckboxes{
	padding-bottom: 17px;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationCheckboxes .categoryItemList{
	height: 26px; line-height: 26px;
	width: 41.6%; /* 126/302 */
	margin-left: 5.6%; /* 17/302 */
	margin-top: 20px;
	float: left;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigationBody .categoryNavigationCheckboxes .categoryItemList .categoryName{
	max-width: 74%;
	margin-left: 4%;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #1a1a1a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationBottom{
	display: none;
	padding-top: 7px;
	padding-bottom: 7px;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationBottom .buttonContainer{
	width: 160px;
	margin: 0 auto;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody .categoryNavigationBottom .categoryNavigationSubmit{
	width: 100%;
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline{
	position: relative;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline i:BEFORE{
	font-size: 15px;
	color: #808080;
	position: absolute;
	top: 6px;
	left: 5.6291391%; /* 17/302 */
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationHeadline{
	padding-left: 14.2384106%; /* 43/302 */
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList .timespanItemList{
	border-top: 1px solid #ccc;
	padding-left: 14.2384106%; /* 43/302 */
	height: 40px; line-height: 40px;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList .timespanItemList,
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList .timespanItemList *{
	cursor: pointer;
}
.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList .timespanItemList:FIRST-CHILD{
	border-top: 0;
}

.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation .timespanNavigationList .timespanItemList .timespanItemListLabel{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #1a1a1a;
}

.sparStatisticsPage .statistics.orderhistory .chartContainer{
	margin-top: 17px;
}

.sparStatisticsPage .statistics.orderhistory .chartContainer .chartHeadline{
	height: 50px; line-height: 50px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
}
.sparStatisticsPage .statistics.orderhistory .chartContainer .chartHeadline,
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapTitle{
	text-align: center;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #1a1a1a;
	text-transform: uppercase;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer{
	border: 1px solid #ccc;
	margin-top: 57px;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop{
	height: 50px; line-height: 50px;
	border-bottom: 1px solid #ccc;
	position: relative;
	background-color: #f0f0f0;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapBack i,
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapForward i{
	font-size: 13px;
	color: rgba(202, 6, 20, 1);
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapBack,
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapForward{
	width: 50px;
	position: absolute;
	top: 0;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f0f0f0;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapBack *,
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapForward *{
	cursor: pointer;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapBack{
	left: 0;
	border-right: 1px solid #ccc;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapTop .recapForward{
	right: 0;
	border-left: 1px solid #ccc;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapDescription{
	padding: 32px 10.5960265%; /* 32/302 */
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #1a1a1a;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo{
	padding: 32px 10.5960265%; /* 32/302 */
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo .infoLegend .listItemLegend{
	margin-top: 24px;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo .infoLegend .listItemLegend:FIRST-CHILD{
	margin-top: 0;
}

.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo .infoLegend .listItemPoint{
	float: left;
	display: inline-block;
	width:18px;
	height:18px;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo .infoLegend .listItemLabel{
	float: left;
	margin-left: 16px;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 14px;
	color: #1a1a1a;
}
.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo .infoLegend .listItemPrice{
	float: right;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
}


@media(min-width: 768px){

	.sparStatisticsPage .statistics.orderhistory{
		padding-left: 1.5625%; /* 12/768 */
		padding-right: 1.5625%; /* 12/768 */
	}

	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation,
	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation{
		margin-top: 0;
		width: 240px;
		float: left;
	}
	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .timespanNavigation{
		float: right;
	}

	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation .categoryNavigationBody{
		width: 200%;
	}

	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation.open .categoryNavigationHeadline{
		border-bottom: 0;
	}

	.sparStatisticsPage .statistics.orderhistory .statisticsNavigation .categoryNavigation.open .categoryNavigationBody .categoryNavigationCheckboxes{
		border: 1px solid #ccc;
	}

	.sparStatisticsPage .statistics.orderhistory .recapContainer .recapInfo{
		padding-left: 21.5053763%; /* 160/744 */
		padding-right: 21.5053763%; /* 160/744 */
	}
}


@media(min-width: 1280px){

	.sparStatisticsPage .statistics.orderhistory{
		padding: 20px 6.25% 70px; /* 60/960 */
	}
}


/*chart legend*/

.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay{
	padding-top: 25px;
	padding-right: 2.69179%; /* 20/743 */
}

.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay .chart-legend{
	float:right;
	max-width: 95%;
}

.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay .chart-legend .listItemLegend{
	display: inline-block;
	float: left;
	height: 11px; line-height: 11px;
	margin-left: 19px;
	margin-bottom: 10px;
}

.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay .chart-legend .listItemPoint{
	float: left;
	display: inline-block;
	width:11px;
	height:11px;
}
.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay .chart-legend .listItemLabel{
	float: left;
	margin-left: 10px;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #1a1a1a;
}
.sparStatisticsPage .statistics.orderhistory .chartContainer .chartLegendDisplay .chart-legend .listItemPrice{
	display: none;
}

/*end chart legend*/



/* End Statistics page */


.substituteProductsSwitch.freezList{
	display: inline-block;
	vertical-align: middle;
	width: 23%;
	border-left: none;
	border-right: none;
	background-color: transparent;
}

@media (max-width: 767px) {
	.substituteProductsSwitch.freezList{
		width: 30%;
	}
}

.toggleWishlist{
	margin:20px auto 0;
	text-align: right;
}

.accountWishlistDetailActions .ico-unsubscribe{
	font-size: 20px;
	vertical-align: middle;
	color:#808080;
}






/* collaborator list */
.collaborators-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 16px;
}

.collaborators-header-title {
	flex: 1 1 auto;
}

.collaborators-header-btn {
	border: 0;
	outline: none;
	background: none;
	padding: 0;
	font-size: 13px;
}

.collaborators-header-btn:hover {
	text-decoration: underline;
}

.collaborators-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 50px;
}

.collaborators-content .collaborators-checkbox {
	padding-right:10px;
}

.collaborators-content .collaborators-checkbox label{
	display: block;
}

.collaborators-content .collaborators-name {
	flex: 1 0 auto;
	display: flex;
	align-items: center;
}

.collaborators-content .collaborators-name.disabled {
	opacity: .4;
}

.collaborators-initials {
	background: #ccc;
	border:1px solid #333;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	display: inline-block;
	font-size: 12px;
	position: relative;
}

.collaborators-initials:before {
	content: attr(data-initials);
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.collaborators-content .collaborators-separator {
	width: 100%;
	height: 0;
	margin: 20px 0;
	border-top: 1px solid #ccc;
}

.collaborators-content .collaborators-resend {
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

@media (min-width: 768px) {
	.collaborators-content .collaborators-resend {
		width: auto;
		text-align: left;
		margin-top: 0;
	}
}

.collaborators-content .collaborators-resend-link {
	border: 0;
	outline: none;
	background: none;
	padding: 0;
	font-style: italic;
	font-size: 13px;
}

.collaborators-content .collaborators-resend-link:hover {
	text-decoration: underline;
}




/*INVITE FORM - FAMILY LIST*/
.family-invite-form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 70px;
}

.family-invite-form .family-invite-form-input-wrapper {
	flex:1 0 auto;
	margin: 0;
}

.family-invite-form-label {
	display:inline-block;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
	font-family: MuseoSans, Arial, sans-serif;
}

.family-invite-form-input-wrapper .family-invite-form-input[type="text"] {
	width: 100%;
	border: 1px solid #ccc;
	height: 45px;
	line-height: 45px;
	text-indent: 5px;
	font-size: 14px;
	margin: 0;
}

.family-invite-form-cta-wrapper {
	width: 100%;
	margin: 10px 0;
	align-self: flex-start;
}

@media (min-width: 768px) {
	.family-invite-form-cta-wrapper {
		width: auto;
		margin: 0 0 0 10px;
	}
}

.family-invite-form-cta {
	border: 0;
	background-color: #ca0614;
	padding: 12px;
	min-width: 200px;
	font-family: MuseoSans, Arial, sans-serif;
	font-size: 14px;
	color: white;
	transition: all .3s ease-in-out;
	text-transform: uppercase;
	width: 100%;
}

.family-invite-form-cta:hover {
	background-color: #a2030f;
}

.newslettersDataItemHeadline  .subscriptionState{
	font-weight: 100;
	color: #cccccc;
	padding-top: 5px;
}

.newslettersDataItemHeadline  .stateDescription{
	padding-top: 4px;
}

.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:disabled ~ .displayCell .customSparCheckboxLbl,
.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:disabled ~ .customSparCheckboxLbl,
.newslettersDataItemHeadline .customSparCheckbox:disabled ~ .customSparCheckboxLbl{
	background: none;
	opacity: .2;
}

.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:checked ~ .displayCell .customSparCheckboxLbl:after,
.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:checked ~ .customSparCheckboxLbl:after,
.newslettersDataItemHeadline .customSparCheckbox:checked ~ .customSparCheckboxLbl:after{
	content:"\a067";
	background:none;
	color: #ca2915;
	padding: 5px 0 0 2px;
	font-size: 15px;
}

.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:checked ~ .displayCell .customSparCheckboxLbl.greyTick:after,
.newslettersDataItemHeadline .controls.customSparCheckboxContainer .customSparCheckbox:checked ~ .customSparCheckboxLbl.greyTick:after,
.newslettersDataItemHeadline .customSparCheckbox:checked ~ .customSparCheckboxLbl.greyTick:after{
	color: #cccccc;
}

.text-bold{
	font-weight: bold;
}

.shoppingFamilyListOthers .accountWishlistItem.newFamilyListContainer {
	display: none !important;
}

.input-with-button {
	position:relative;
}
.input-with-button .input-button {
	position: absolute;
	max-width: 110px;
	height:35px;
	line-height:35px;
	border-radius:0;
	right: 4px;
	top: 12px;
	overflow: hidden;
}
@media(min-width:768px){
	.input-with-button .input-button {
		top: 67px;
	}
}



/*****************************************
My CreditCards
******************************************/
/*****************************************
My CreditCards
******************************************/
.creditCardPageInfo {
	height: 100%;
	width: 92.96875%;
	margin: auto;
	line-height: 1.5em;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #1a1a1a;
	text-align: center;
	text-transform: uppercase;
	border: 0 solid #cccccc;
	padding: 1em;
	padding-left: 6.25%;
	padding-right: 6.25%;
	background-color: #f1fdfe;
	position: relative;
}

.creditCardTableContainer {
	padding-top: 2em;
}

.creditCardLine {
	border: 1px solid #cccccc !important;
	font-weight: normal !important;
	margin-bottom: 2.0em !important;
	margin-top: -0.5em !important;
}

.creditCardEntry {
	border: none !important;
	height: 80px !important;
	vertical-align: middle !important;
	width: 11% !important;
}

.paymentImageMyAccount {
	padding: 0 0 0 1em;
	margin-top: 0.5em;
	min-width: 6em;
	width: 6em;
}

.paymentImageMobileMyAccount {
	margin-top: 0.5em;
	width: 3em;
}

.creditCardPageInfoMobile {
	line-height: 1.5em;
	padding: 1em;
	margin-bottom: 1.5em;
}

.creditCardBlackBold {
	font-weight: bold;
	color: black;
}

.creditCardNormGrey {
	font-weight: normal;
}

.creditCardNormRed {
	font-weight: normal;
	color: red;
}

.creditCardPictureBox {
	width: 8em;
}

.creditCardInfoBox {
	width: 20em;
	padding-left: 1em;
	line-height: 1.5em;
}
@media(min-width:1100px){
	.creditCardInfoBox {
		width: 30em;
	}

}

.creditCardExpiresBox {
	width: 25em;
	padding-left: 1em;
}

.creditCardDeleteBox {
	width: 5em;
	font-size: 20px;
	text-align: center;
	color: #707070;
	cursor: pointer;
}

.creditCardDeleteInnerBox {
	border: 1px solid #cccccc;
	width: 2.1em;
	margin: 0 auto;
	height: 1.5em;
	padding-top: 0.15em;
	display: inline-block;
	text-align: center;
}

.creditCardTypeMobile {
	font-weight: bold;
	display: inline;
	vertical-align: top;
	position: relative;
	top: 0.7em;
}

.invalidCreditCardRow {
	background-color: #eaeaea;
}

.account-creditcardpage__items-wrapper {
	overflow-x: auto;
}

.account-creditcardtablerow__delete {
	padding-right: 1.5em !important;
}

.invalidCreditCardText {
	color: red;
}

.creditCardDeleteMobileBox {
	display: inline-table;
	vertical-align: top;
	font-size: 20pt;
	text-align: right;
	width: inherit;
	padding-right: 0.5em;
	padding-top: 0.9em;
	color: grey;
}

.creditCardDeleteInnerBox .ico-trash:before {
	font-size: 0.8em;
}

.creditCardDeleteInnerBoxMobile .ico-trash:before {
	font-size: 0.7em;
}
.creditCardDeleteInnerBox .ico-trash,
.creditCardDeleteInnerBoxMobile .ico-trash {
	position: relative;
	top: -0.2em;
}

.creditCardDeleteInnerBoxMobile {
	border: 1px solid #cccccc;
	width: 2em;
	height: 1.3em;
	text-align: center;
	float: right;
	vertical-align: middle;
}

.creditCardMobileDetailBox {
	margin-top: -6em;
}

.creditCardMobileLine {
	min-height: 12em;
	max-height: 12em;
	margin: 0;
	font-weight: normal;
}

.account-creditcardpage__items-wrapper {
	overflow-x: auto;
}

.addEditAddressPage .addEditAddressPageForm .select-wrapper .holder {
	color: #757575;
}