@charset "utf-8";

/*
## customer info page
********************************************************************/

#customerInfoTabs{
	width: 90%;	
	margin: auto;
}

.customerInfoContainer .customerInfoDescription {
    color: #1a1a1a;
    font-family: BrandonGrotesque;
    font-size: 15px;
    font-weight: 400;
    padding: 25px 6.25%;
    text-align: center;
}

.accountContentPane .control-group{
	margin-bottom: 20px;	
}

.checkboxCustomerInfo{
	display:none;
}

#customerInfoTabs label.customSparCheckboxLbl {
    margin: 0 21px 0 0;
}

#customerInfoTabs .customSparCheckboxSpan {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
	padding-left: 15px;
}

#customerInfoTabs .customerInfoTabsWrapper .headline.visible-mobile.closed::before{
	 content:"\a006"; /* ico-arrow_round_down */
	 color: #616161;
    float: right;
    font-size: 12px;
    margin-right: 23px;
    position: relative;
    top: 35%;
}

#customerInfoTabs .customerInfoTabsWrapper .headline.visible-mobile:not(.closed)::before{
	 content:"\a009"; /* ico-arrow_round_up */
	 color: #ca0614;
    float: right;
    font-size: 12px;
    margin-right: 23px;
    position: relative;
    top: 35%;
}


#customerInfoTabs .customerInfoTabsSectionInfo .customSparCheckboxLbl {
    border: 1px solid #cccccc;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 26px;
}
#customerInfoTabs .customerInfoTabsSection .headline{
	margin:0;padding:0;
	font-family: BrandonGrotesque;
	font-weight: 700;
	color:#616161;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	height:50px;line-height:50px;
	background: #f5f5f5;
}
	
#customerInfoTabs{
	background:#fff;
	margin-bottom: 30px;
	max-width: 100%;
}

#customerInfoTabs .customerInfoTabsSection:first-child{
	border-top:1px solid #ccc;
}


#customerInfoTabs .customerInfoTabsSection .headline:not(.closed){
	background: #fff;
	color:#c90613;
	border-bottom:1px solid #ccc;
}

#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo{
	background:#fff;
	padding: 24px 15% 40px; /* dx: 48/320 sx: 19/320 */
	word-break: break-all;
}

#customerInfoTabs .customerInfoTabsSection{
	border: 1px solid #CCC;
	border-bottom: 0;
}
#customerInfoTabs .customerInfoTabsSection:last-child{
	border-bottom: 1px solid #CCC;
}

#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo p{
	font-family: BrandonGrotesque;
	font-size: 12px;
	font-weight: 400;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
}

.lifestylesToSearchButton{
	display: block;
	height: 36px; line-height: 36px;
	border: 0;
	border-radius: 3px;
	background-color: #ca0614;
	text-align: center;
	font-family: BrandonGrotesque;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 15px;
	margin: 0;
}

	/* HELPBOX */

	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer{
		margin-top:20px;
	}
	
	/* HELPBOX */
	
@media (min-width:768px){

	.lifestylesToSearchButton{
		margin: 20px auto 0;
	}

	#customerInfoTabs .customerInfoTabsSection{
		border: 0 none;
	}
	
	#customerInfoTabs .customerInfoTabsSection:last-child{
		border-bottom: 0;
	}
	
	#customerInfoTabs{
		width: 100%;
	}
	
	#customerInfoTabs .customerInfoTabsSection .customerInfoTabsSectionInfo{
		padding: 49px 3.255% 30px 16.5%;
		padding: 49px 10% 30px 10%;
	}
		
	#customerInfoTabs .customerInfoTabsWrapper{
		max-width: 100%;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper.hidden-mobile .customerInfoTabsSection{
		float:left;
		width: 33.3333%;
		border-top: 1px solid #ccc;
		background-color: #f5f5f5;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child{
		border-left: 0;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline{
		background-image: none;
		border-left: 1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-size: 14px;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline.active{
		background-image: none;
		border-bottom: 0;
		background-color: #fff;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child{
		border-top: 0;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline:not(.closed){
		border-bottom: none;
	}
	
	#customerInfoTabs .customerInfoTabsSectionInfo .control-group{
		width: 31.33333333%;
		margin-right:2%;
		float: left
	}
	
	#customerInfoTabs .customerInfoTabsSectionInfo .control-group:nth-child(3n){
		margin-right:0;
	}
	
	/* HELPBOX */
	
	#customerInfoTabs .helpCustomerContainer{
		width: 85%;
		margin: auto;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		padding: 20px 56px 20px 18.099%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer::before, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer::before {
	    top: 25px;
	    left: 20.0521%;
	}	
	
	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	/* HELPBOX */

}


@media (min-width:1280px){
	
	#customerInfoTabs .customerInfoTabsSection{
		border: 0 none;
	}
	
	#customerInfoTabs{
		width: 100%;
	}
	
	#customerInfoTabs .customerInfoTabsSection .headline.active{
		background: #fff url('../images/arrow_footer_up.png') no-repeat 95% 50%;
		color:#000;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox .customerInfoTabsSectionInfo{
		display: none;
	}
	
	#customerInfoTabs .customerInfoTabsWrapper .customerInfoTabsSection.customerInfoTabsSectionCheckbox:first-of-type .customerInfoTabsSectionInfo{
		display: block;
	}
	
	#customerInfoTabs .customerInfoTabsSection:first-child .headline{
		border-left: 0;
	}

	#customerInfoTabs .customerInfoTabsSection .headline:not(.closed){
		border-bottom: none;
	}
	
	/* HELPBOX */
	
	#customerInfoTabs .helpCustomerContainer{
		width: 85%;
		margin-left: 75px;
		margin-bottom: 35px;
	}
	
	#customerInfoTabs .helpCustomerContainer .headline{
		margin: 0;
		height: 50px;
		line-height: 50px;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		padding: 20px 56px 20px 18.099%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer::before, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer::before {
	    top: 25px;
	    left: 20.0521%;
	}	
	
	#customerInfoTabs .helpContainer{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		border-left: 1px solid #CCC;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer, 
	#customerInfoTabs .helpCustomerContainer .helpContactContainer{
		float: left;
		width: 50%;
	}
	
	#customerInfoTabs .helpCustomerContainer .helpFaqContainer{
		border-bottom: 0 none;
	}
	
	/* HELPBOX */
	
}