/*
## 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;*/
/*}*/
.main.accountContentPane.cf::after{
	display: block;
}

.sidebar.accountLeftNavigation.cf::after{
	display: block !important;
}
.accountPageContainer .toggleWrapperMenu{
	display: none;
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
}

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

.accountPageContainer .accountLeftNavigation .accountLeftNavigationTitle a{
	display: block;
	min-height: 30px;
	border-bottom: 1px solid #eaeaea;
	line-height: 60px;
	font-size: 12px;
	font-family: "Museo Sans W01_300",Arial,sans-serif;
	padding-left: 55px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}
.accountPageContainer .accountLeftNavigation .accountMenuIcon__icon {
	font-size: 20px;
	color: #4d4d4d;
	width: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	margin-left: -35px;
}
.accountPageContainer .accountLeftNavigation .sideMenu__item a {
	display: block;
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Museo Sans W01_300",Times,sans-serif;
	color: #333;
}
.accountPageContainer .accountLeftNavigation .sideMenu__item a:hover {
	text-decoration: underline;
}

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

.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:#000000;
	text-align:center;
}

.accountCustomPopupContent .accountCustomPopupDescription{
	font-weight:300;
	font-size:12px;
	color:#616161;
	border-bottom:1px solid #cccccc;
	text-transform:uppercase;
	padding:18px 0 24px 0;
}

.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:12px;
	text-transform:uppercase;
	background:#c90613;
	color:#ffffff;
	border:0;outline:none;
	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:16px;
	color:#1a1a1a;
	text-align:center;
	text-transform:uppercase;
	border-width:0 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 */
	cursor:pointer;
	position: relative;
}
.accountContentPane .mainHeadline{
	display: none;
}

.accountContentPane .mainHeadline:before{
	content:"\e060"; /* ico-arrow_round_up */
	font-family: "intersparIcon";
	color:#a10000;
	position: absolute;
	font-size:10px;
	left: 10px;
	transform: rotate(90deg);
}

.control-group.error .controls .select-wrapper {
	border-color: #d9252b;
}

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


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

@media(min-width:959px){
	.accountContentPane .mainHeadline{
		display: block;
	}
}

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

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

.accountNewsletterContainer .sparPopupOverlay{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	overflow-y: scroll;
}
.accountNewsletterContainer .sparPopupContent .sparPopupDescription{
	margin: 0 5%;
}

.accountNewsletterContainer .sparPopupContent .sparPopupConfirmationSubmit,
.accountNewsletterContainer .sparPopupContent .sparPopupConfirmationCancel{
	width: 90%;
	margin: 10px auto;
}

.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 .newsletterDescription a{
	text-decoration: underline;
	font-family: "Museo Sans W01_700";
}

.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;
	line-height: 1.2;
}

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

.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;
	margin: 0;
	text-transform: none;
	line-height: 1.3
}

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

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

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

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

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

.accountCustomPopupContent .accountCustomPopupDescription .newNameWishlist{
	width:90%;
	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 .accountWishlistContainer .mainHeadline.detail .arrowBack:before{
	color: #a10000;
	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 .accountWishlistItems .accountWishlistUL{
	width:93.75%;/*300/320*/
	margin:0 auto;
}

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

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

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemRemove{
	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:url('../images/shapes/ico_trash.png') no-repeat 50% 50% #fafafa;
	cursor:pointer;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemTitle{
	margin:0;padding:72px 0 0 0;
	text-align:center;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.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;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accountWishlistContainer .accountWishlistItems .accountWishlistItem .accountWishlistItemQty{
	margin:0;padding:0 0 62px 0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#333333;
	text-align:center;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
}

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


.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 .accountWishlistDetail .accountWishlistToCartBtn{
	width:auto;
	margin:0 auto;
	border-radius:0;
	margin-bottom:20px;
}

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

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

.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions button{
	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;
}




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

	/*****************************************
	############## NEWSLETTER ################
	******************************************/
	.accountNewsletterContainer .sparPopupContent .sparPopupConfirmationSubmit,
	.accountNewsletterContainer .sparPopupContent .sparPopupConfirmationCancel {
		width: auto;
	}

	.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: 49.299719888%; /*352/714*/
		margin-right: 1.40056022409%; /*10/714*/
		margin-bottom: 20px;
	}

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem:nth-child(2n) {
		margin-right: 0;
	}

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

	.accountWishlistContainer .cartInfoContainer {
		width: 93.0989583333%; /*715/768*/
		margin: 0 auto 30px auto;
	}

	.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.cartEntryQty {
		padding-top: 15px;
	}

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

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

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

	.accountContentPane .mainHeadline:BEFORE,
	.accountContentPane .mainHeadline.closed:BEFORE{
		content: "";
	}

}

.accountPageContainer{
	display:table;
	table-layout:fixed;
	width:100%;
}

.accountPageContainer .accountLeftNavigation .accountLeftNavigationTitle a {
	display: block;
	min-height: 30px;
	border-bottom: 1px solid #eaeaea;
	line-height: 60px;
	font-size: 12px;
	font-family: "Museo Sans W01_300",Arial,sans-serif;
	padding-left: 55px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}
.accountPageContainer .accountLeftNavigation .accountMenuIcon__icon {
	font-size: 20px;
	color: #4d4d4d;
	width: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	margin-left: -35px;
}
.accountPageContainer .accountLeftNavigation .sideMenu__item a {
	display: block;
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Museo Sans W01_300",Times,sans-serif;
	color: #333;
	line-height: 35px;
}
.accountPageContainer .accountLeftNavigation .sideMenu__item a:hover {
	text-decoration: underline;
}

.accountPageContainer .accountLeftNavigation .sideMenu__title{
	position: relative;
}

.accountPageContainer .accountLeftNavigation .sideMenu__title .back__btn{
	display: block;
	position: absolute;
	left:0;
	height:50px;
	width:50px;
	border-right:1px solid #cccccc;
}

.accountPageContainer .accountLeftNavigation .sideMenu__title .back__arrow{
	position: absolute;
	transform: rotate(90deg);
	color:#a10000;
	font-size:8px;
	left:50%;margin-left:-10px;
	top:50%;margin-top:-4px;
}

@media (min-width: 960px) {
	.accountPageContainer .accountLeftNavigation .sideMenu__item a {
		line-height: 1.2;
	}
}

@media (min-width:1280px){
	.accountPageContainer{
		display:table;
		width:100%;
	}

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

	.accountContentPane .mainHeadline{
		height: 60px;
		line-height: 60px;
		font-size: 28px;
		border-top: 0;
		cursor: default;
	}

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

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

	.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*/
	}

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

	.accountWishlistContainer .accountWishlistItems .accountWishlistItem:nth-child(3n){
		margin-right:0;
	}

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

	.accountWishlistContainer .accountWishlistDetail .accountWishlistDetailActions,
	.accountWishlistContainer .cartInfoContainer{
		width:85.4166666667%;/*820/960*/
	}

	.accountWishlistContainer .cartInfoContainer .cartItemsContainer .cartEntries .cartEntry{
		padding: 20px 1.6129% 20px 2.55376%; /*43/820*/
		padding: 20px 4.26829268293% 20px 5.243902439%; /* right:35/820  left:43/820*/
	}

}

/***************************************************
############## 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:100%;/*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;
	border-bottom:1px solid #ccc;
}

.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:#a10000;
	height:33px;line-height:33px;
	border:0;outline:none;
	font-family: "Museo Sans W01_700",Arial,sans-serif;
	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:-7px;
	font-size:20px;
}

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

}

.helpCustomerContainer .helpFaqContainer:BEFORE,
.helpCustomerContainer .helpContactContainer:BEFORE {
	top:27%;
	left: 16.3013699%;
}


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


p{
	margin: 0;
}



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

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

@media screen and (max-width: 767px) {
    .accountContentPane .personalDataContentPage .toggleWrapper .updatePassword{
    	padding: 30px;
    }
}

.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: #a10000;
	text-align: center;
	font-family: "Museo Sans W01_700", Arial, sans-serif;
	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;
	font-weight: 700;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .calendarContainer .calendar{
	width: 85.5705%; /* 100-14.4295 */
}

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

.accountContentPane .personalDataContentPage .toggleWrapper .updatePassword .changePasswordLabel{
	display: block;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #a10000;
	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;
	margin-top: 0;
	text-transform: none;
}
.accountContentPane .personalDataContentPage form .calendarContainer .controls {
	position: relative;
}
.accountContentPane .personalDataContentPage .sparCalendarWrapper {
	right: 0!important;
	top: 43px!important;
	left: auto!important;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData #mandatory,
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .size_half.right .helpLabel {
	margin-top: 10px;
}

.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .emailchange {
	position: relative;
}
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .emailinput {
	position: absolute;
	right: 0;
	bottom: 0;
}
.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .changeMailButton {
	background: #a10000;
	border: 0;
	margin: 4px;
	height: 35px;
	width: auto;
	color: white;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: 700;
}
.accountContentPane .personalDataContentPage  .separator {
	margin: 0 39px;
}
.accountContentPane .addressBookPage .toggleWrapper .description h4{
	text-align: center;
	height: 60px;
	line-height: 25px;
	padding: 15px;
	margin-bottom: 33px;
}
@media (min-width:768px){

	.accountContentPane .personalDataContentPage .toggleWrapper,
	.accountContentPane .updateEmailContentPage .toggleWrapper,
	.accountContentPane .addressBookPage .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;
	}
}
@media (max-width: 767px) {
	.accountContentPane .personalDataContentPage .toggleWrapper {
		padding: 0;
	}
	.accountContentPane .personalDataContentPage .toggleWrapper .updatePersonalData .emailinput {
		right: 15px;
	}

}

/*********************************************
	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 .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 .dropDownDefaultContainer .inputDropDownDefault .value{
	font-weight:700;
}

.accountContentPane .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:30px 9px 20px 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{
	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{
	position:relative;
	top:3px;
	margin-right:5px;
	font-size:20px;
}

.accountOrderHistoryContainer .lazyLoadOrders{
	width: 300px;
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #a10000;
	text-align: center;
	font-family: "Museo Sans W01_700", Arial, sans-serif;
	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;
		position: relative;
		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;
		font-size: 12px;
		font-family: "Museo Sans W01_700", Arial, sans-serif;
	}

	.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{
		color: #787878;
		font-size:25px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		width:30%;
		padding:0 5px 0 15px;
	}

	.accountOrderHistoryContainer .orderHistoryContainer .body li.details .extraInfo{
		display:table-cell;
		vertical-align:middle;
		padding-left:15px;
		padding-right: 10px;
		width:70%;
		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*/
	}

	.accountOrderHistoryContainer .orderHistoryContainer .tableRow li.multiConsignments{
		display: table-caption;
		width:30.672268908%;/*115/714*/
	}

}


/***************
END ORDER HISTORY
*******************/











/*********************************************
	spar form buttons
*********************************************/
@media (max-width: 768px) {
	.personalDataContentPage .sparFloatButtonsContainer {
		padding: 43px 10px; /* 60/282 */
	}
	.personalDataContentPage .sparFloatButtonsContainer .sparButtonSubmit,
	.personalDataContentPage .sparFloatButtonsContainer .sparButtonCancel {
		width: 94.6%;
		margin: 0 auto 15px;
	}
}

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

.sparFloatButtonsContainer .sparButtonSubmit,
.sparButton,
.sparFloatButtonsContainer .sparButtonCancel{
	width: 100%;
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 0px;
	background-color: #a10000;
	text-align: center;
	font-family: "Museo Sans W01_700", Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

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

.sparButtonWrapper {
	margin-top: 2em;
}

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

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

@media (min-width:768px){

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

	.sparFloatButtonsContainer .sparButtonSubmit,
	.sparFloatButtonsContainer .sparButtonCancel{
		width: 160px; /* 160/330 */
	}

	.sparFloatButtonsContainer .sparButtonSubmit{
		float: right;
	}
	.sparFloatButtonsContainer .sparButtonSubmit{
		margin:0 auto;
		border-radius: 0;
		background: #a10000;
	}
	.sparFloatButtonsContainer .sparButtonSubmit:hover {
		background: #640000;
		transition:all 0.2s ease-in-out;
	}
	.sparFloatButtonsContainer .sparButtonCancel{
		margin-top: 0;
		float: left;
	}

	.journalLabel{
		font-weight: 700;
		padding-left: 15px;
		vertical-align: top;
	}
}


/*********************************************
	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){

	.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.closing{
	width: 0;
	margin-left: 0;
}
.addressBookPage .addressList .addressItem.closingMobile,
.creditCardMobileLine.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;
}
.addressItemBox .addressItemBoxTop .editAddress{
	right: 50px;
}
.addressItemBox .addressItemBoxTop .editAddress a {
	width: 100%;
	height: 100%;
	display: block;
}
.addressItemBox .addressItemBoxTop .editAddress a i,
.addressItemBox .addressItemBoxTop .removeAddress i {
	font-size: 22px;
	padding: 13px;
	color: #7c7c7c;
	display: block;
	cursor: pointer;
}
.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;
	line-height: 18px;
}
.addressItemBox .addressItemBoxContacts {
	margin-top: 15px;
}
.addressItemBox .addressItemBoxContent .addressLabel.bold{
	font-weight: 700;
}

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

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

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

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


/***************************************
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.disabledAddress{
	cursor: default;
}
.addressItemBox .addressItemBoxBottom .addressOption .addressOptionLabel.disabledAddress{cursor: default;}

.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 5.9375%; /* left: 19/320 */
}

.addEditAddressPage .addEditAddressPageButtons{
	width: 88.125%; /* 282/320 */
	margin: 0 auto;
}

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


@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 */
}

.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: #a10000;
	text-align: center;
	font-family: "Museo Sans W01_700", Arial, sans-serif;
	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 */

.accountLeftNavigation.sidebar .sideMenu__item {
	position: relative;
}
.accountLeftNavigation.sidebar .sideMenu__item.active {
	font-weight: 700;
}
.accountLeftNavigation.sidebar .sideMenu__item.active:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 6px solid #CB0715;
	clear: both;
	margin-top: -5px;
}

.changeMail-message{
	display: block;
	font-family: "Museo Sans W01_300", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	text-align: center;
	width: 80%;
	margin:0 auto;
	padding: 20px 0;
}

.changeMail-button{
	display: block;
	margin: 20px auto 10px;
	border: 0;
	border-radius: 3px;
	background-color: #1f1f1f;
	text-align: center;
	font-family: "Museo Sans W01_700", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
	min-width: 160px;
}

.changeMail-button:hover{
	background-color: #111111;
}

.text-bold {
	font-family: "Museo Sans W01_700", Arial, sans-serif;
}

/*****************************************
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: 0px solid #cccccc;
	padding: 2em 0;
	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;*/
	padding: 0;
}

.creditCardPageInfoMobile {
	line-height: 30px;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

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

.creditCardNormGrey {
	font-weight: normal;
}

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

.orderHistoryContainer .creditCardPictureBox {
	min-width: 8em;
	width: 11% !important;
}

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

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

.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: 100%;
	font-size: 25px;
	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;
}

.orderHistoryContainer .creditCardDeleteBox {
	text-align: right;
}

.creditCardTypeMobile {
	display: inline;
	vertical-align: top;
	position: relative;
	top: 1em;
}

.creditCardDetailMobileBox {
	position: relative;
	top: -5em;
}

.invalidCreditCardRow {
	background-color: #eaeaea;
}

.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.5em;
	color: grey;
}

.creditCardDeleteInnerBox .i-bin:before,
.creditCardDeleteInnerBoxMobile .i-bin:before {
	font-size: 0.8em;
}

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

.creditCardMobileDetailBox {
	margin-top: -3.5em;
	height: 100%;
	font-weight: normal;
}

.creditCardMobileLine {
	min-height: 190px;
}

.creditCardMobileTypeLogoLi {
	margin-top: -0.75em;
}

.creditCardMobileOwnerLi {
	margin-top: 1em;
}

.creditCardMobileExpiresLi {
	margin-bottom: -0.6em;
}

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

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

#update-profile-container_content .gigya-input-submit {
	text-transform: uppercase;
}

#update-profile-container_content .gigya-composite-control-password {
	margin: 20px auto;
	max-width: 450px;
}

#update-profile-container_content .gigya-composite-control-password label {
	display: inline;
}

.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: 11px;
	top: -22px;
}

input[type='password']  ~ .i-eye::before, input[type='text']  ~ .i-eye::before {
	color: #000;
	position: absolute;
	right: 12px;
	top: -29px;
	cursor: pointer;
}

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

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

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

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

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