/* Customer color is #A72828 */

/**
 * Use the "school-link-style" class on an ancestor element to opt-in to school link styles.
 * Because existing CSS selectors for link style overrides are not very specific.
 */
.jos-school .jos-school-link-style a,
.jos-school .jos-school-link-style a:visited,
.jos-school .jos-school-link-style a:hover,
.jos-school a.jos-school,
.jos-school a.jos-school:visited,
.jos-school a.jos-school:hover,
.jos-school .ProductGrid-link a,
.jos-school .ProductGrid-link a:visited,
.jos-school .ProductGrid-link a:hover {
	color:#1b7cb8;
}
.jos-school .progress .bar { background: #A72828; }
.jos-school header .jos-logos, .jos-school .jos-affiliate-branded-container .jos-logos { background: #A72828; }
.jos-school header .jos-customer .jos-customer-name, .jos-school .jos-affiliate-branded-container .jos-customer .jos-customer-name {
	color: #A72828;
}

.jos-school-foreground {
       color: #A72828;
}
.jos-school-background {
       background: #A72828;
}

.jos-school-border-color {
	border-color: #A72828;
}

@media screen and (max-width: 639px) {
	body.jos-4 .jos-name-nav {
		border-bottom: 1px solid #A72828;
	}
}

.jos-school .jos-aside-block {
	border-color: #A72828;
}

@media screen and (min-width: 40em) {
	.jos-school .is-best-value { border-color: #A72828; }
	.jos-school .bestValueHeader { background: #A72828; color: white; }
	
	.jos-school header .jos-logos {
		/* [JCOM-3837] old IE & Respond.js are confused by this, and it isn't necessary */
		/*background: auto;*/
	}
	.jos-school header .jos-header-branded, .jos-school .jos-affiliate-branded-container .jos-header-branded {
		background: #A72828;
	}
	
	.jos-school header .jos-customer .jos-customer-name, .jos-school .jos-affiliate-branded-container .jos-customer .jos-customer-name {
		color: white;
	}
}