#books-carousel-outer .aops-scroll-outer {
	height: 255px;
}

#books-carousel-outer .aops-scroll-inner {
	height: 295px;
	overflow-y: hidden;
}

#books-carousel-outer .aops-scroll-bar {
	position: absolute;
	z-index: 10;
	bottom: 0px; /* Default; overwrite me */
	height: 0px; /* Default; overwrite me */
	border-radius: 5px; /* Default; overwrite me */
	background-color: #aaa; /* Default; overwrite me */
}

/* Overwriting global change made to main.css */
#books-carousel-outer .right {
	text-align: left;
}

#books-carousel-2 {
	height: 245px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#books-carousel-outer {
	position: relative;
}

#books-carousel-outer .arrow-holder {
	height: 100%;
	width: 29px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;
	z-index: 25;
}

#books-carousel-2 ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0;
}
#books-carousel-2 li {
	width: 175px;
	margin-right: 21px;
	padding: 0;
	float: left;
	position: relative;
}

#books-carousel-2 .book {
	width: 175px;
	margin-right: 21px;
	position: relative;
}

#books-carousel-outer a.left,
#books-carousel-outer a.arrow-left {
	left: -38px;
}
#books-carousel-outer a.right,
#books-carousel-outer a.arrow-right {
	right: -36px;
}

#books-carousel-outer .arrow-holder:active .arrow-icon {
	-moz-opacity: 0.7 !important;
	-webkit-opacity: 0.7 !important;
	opacity: 0.7 !important;
}

#books-carousel-outer .arrow-icon {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;

	background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 289 289" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(0, 159, 173)" d="M121.5,220.5c-2.6,0-5.1-1-7.1-2.9c-3.9-3.9-3.9-10.2,0-14.1l58.9-58.9l-58.9-58.9c-3.9-3.9-3.9-10.2,0-14.1c3.9-3.9,10.2-3.9,14.1,0l66,66c3.9,3.9,3.9,10.2,0,14.1l-66,66C126.6,219.5,124.1,220.5,121.5,220.5z"/></svg>');
	background-repeat: no-repeat;
	cursor: pointer;
}
#books-carousel-outer .arrow-icon.left,
#books-carousel-outer .arrow-icon.arrow-left {
	transform: scaleX(-1);
}
#books-carousel-outer .arrow-icon.right,
#books-carousel-outer .arrow-icon.arrow-right {
	background-position: -8px 0;
}

#books-carousel-2 .title,
#carousel-section-alt .title,
#carousel-section-alt2 .title {
	background-color: #018345;
	color: white;
	font-size: 12px;
	line-height: 30px;
	padding-left: 5px;
	display: none;
}

#books-carousel-outer .arrow-holder.disabled {
	opacity: 0.3;
}

#books-carousel-2 .image {
	width: 100%;
	height: 230px;
	background-color: #e2e2e2;
	background-image: url("//assets.artofproblemsolving.com/images/index-books.png");
	background-size: 1317px 804px;
	-webkit-background-size: 1317px 804px;
}

#books-carousel-2 .aops-vol1 .title:after {
	content: "AoPS Volume 1";
}

#books-carousel-2 .aops-vol1 .image {
	background-position: -22px -20px;
}

#books-carousel-2 .aops-vol2 .title:after {
	content: "AoPS Volume 2";
}

#books-carousel-2 .aops-vol2 .image {
	background-position: -242px -20px;
}

#books-carousel-2 .intro-algebra .title:after {
	content: "Introduction to Algebra";
}

#books-carousel-2 .intro-algebra .image {
	background-position: -462px -20px;
}

#books-carousel-2 .intro-counting .title:after {
	content: "Introduction to Counting & Probability";
}

#books-carousel-2 .intro-counting .image {
	background-position: -682px -20px;
}

#books-carousel-2 .intro-number-theory .title:after {
	content: "Introduction to Number Theory";
}

#books-carousel-2 .intro-number-theory .image {
	background-position: -902px -20px;
}

#books-carousel-2 .intro-geometry .title:after {
	content: "Introduction to Geometry";
}

#books-carousel-2 .intro-geometry .image {
	background-position: -1122px -20px;
}

#books-carousel-2 .intermediate-algebra .title:after {
	content: "Intermediate Algebra";
}

#books-carousel-2 .intermediate-algebra .image {
	background-position: -22px -290px;
}

#books-carousel-2 .intermediate-counting .title:after {
	content: "Intermediate Counting & Probability";
}

#books-carousel-2 .intermediate-counting .image {
	background-position: -242px -290px;
}

#books-carousel-2 .precalculus .title:after {
	content: "Precalculus";
}

#books-carousel-2 .precalculus .image {
	background-position: -462px -290px;
}

#books-carousel-2 .calculus .title:after {
	content: "Calculus";
}

#books-carousel-2 .calculus .image {
	background-position: -682px -290px;
}

#books-carousel-2 .prealgebra .title:after {
	content: "Prealgebra";
}

#books-carousel-2 .prealgebra .image {
	background-position: -22px -560px;
}

#books-carousel-2 .competition-math .title:after {
	content: "Competition Math for Middle School";
}

#books-carousel-2 .competition-math .image {
	background-position: -242px -560px;
}

#books-carousel-2 .beast-3a .title:after {
	content: "Beast Academy 3";
}

#books-carousel-2 .beast-3a .image {
	background-position: -462px -560px;
}

#books-carousel-2 .beast-4a .title:after {
	content: "Beast Academy 4";
}

#books-carousel-2 .beast-4a .image {
	background-position: -682px -560px;
}

#books-carousel-2 .beast-5a .title:after {
	content: "Beast Academy 5";
}

#books-carousel-2 .beast-5a .image {
	background-position: -902px -560px;
}

#books-carousel-2 .beast-2a .title:after {
	content: "Beast Academy 2";
}

#books-carousel-2 .beast-2a .image {
	background-position: -1107px -560px;
}

/* T28520 - Alt Layout */
.grouper {
	white-space: nowrap;
}

#carousel-section-alt,
#carousel-section-alt2,
#main-content.alt-carousel #carousel-section,
#main-content.alt-carousel-2 #carousel-section,
#main-content.alt-carousel #store-book-list-tables,
#main-content.alt-carousel-2 #store-book-list-tables {
	display: none;
}

#main-content.alt-carousel #carousel-section-alt,
#main-content.alt-carousel-2 #carousel-section-alt2 {
	display: block;
}

#carousel-section-alt .carousel-section .carousel-section-header,
#carousel-section-alt2 .carousel-section .carousel-section-header {
	display: block;
	padding: 5px 10px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
	background-color: #1b365d;
}

#carousel-section-alt .carousel-section-inner,
#carousel-section-alt2 .carousel-section-inner {
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	background-color: #ddd;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 auto;
	justify-content: flex-start;
}

#carousel-section-alt2 .carousel-section-inner {
	padding: 10px 0 0 0;
	background-color: transparent;
	flex-wrap: nowrap;
}

#carousel-section-alt .carousel-section-inner a {
	width: 17.6%;
	margin-right: 3%;
	margin-bottom: 10px;
}

#carousel-section-alt2 .carousel-section-inner a {
	margin-right: 10px;
	border: 1px solid #999;
	max-height: 171px;
}

#carousel-section-alt .carousel-section-inner a:last-child,
#carousel-section-alt2 .carousel-section-inner a:last-child,
#carousel-section-alt .carousel-section-inner a:nth-child(5),
#carousel-section-alt2 .carousel-section-inner a:nth-child(5) {
	margin-right: 0;
}

#carousel-section-alt li,
#carousel-section-alt2 li,
#carousel-section-alt .book,
#carousel-section-alt2 .book,
#carousel-section-alt .image #carousel-section-alt img,
#carousel-section-alt2 .image #carousel-section-alt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#carousel-section-alt .image > img,
#carousel-section-alt2 .image > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

#carousel-section-alt2 .image > img {
	max-height: 169px;
}

#carousel-section-alt2 .carousel-section-group {
	display: flex;
}

#carousel-section-alt2 .carousel-section {
	margin-right: 10px;
}

@media (max-width: 1030px) {
	#carousel-section-alt2 .grouper {
		display: block;
	}

	#carousel-section-alt2 .carousel-section .carousel-section-header {
		font-size: 14px;
	}
}

@media all and (-ms-high-contrast: none) and (-ms-high-contrast: active) {
	#main-content.alt-carousel-2 #carousel-section-alt2 {
		display: none;
	}

	#main-content.alt-carousel-2 #carousel-section-alt {
		display: block;
	}
}

@media (max-width: 960px) {
	#main-content.alt-carousel-2 #carousel-section-alt2 {
		display: none;
	}

	#main-content.alt-carousel-2 #carousel-section-alt {
		display: block;
	}
}

@media (max-width: 600px) {
	#carousel-section-alt .carousel-section-inner {
		justify-content: space-between;
		padding-bottom: 0;
	}

	#carousel-section-alt .carousel-section-inner a {
		width: 48%;
		margin: 0 0 20px 0;
	}

	#carousel-section-alt .image {
		display: flex;
		flex: 0 1 auto;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 1270px) {
	#books-carousel-2 li {
		margin-right: 10px;
	}
}

@media (max-width: 1020px) {
	#books-carousel-2 li {
		margin-right: 38px;
	}
}

@media (max-width: 930px) {
	#books-carousel-2 li {
		margin-right: 9px;
	}
}

@media (max-width: 840px) {
	#books-carousel-2 li {
		margin-right: 13px;
	}
}

@media (max-width: 500px) {
	#books-carousel-outer {
		margin: 0 20px;
	}
}

.book > .image {
	position: relative;
}

.book > .image > form > input.add-to-cart {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	box-shadow: 0px 4px 4px 0px #00000040;
	font-family: Roboto, sans-serif;
	color: #1b365d;
	background: #caeff1f2;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
}

@media (min-width: 768px) {
	.book > .image:hover > form > input.add-to-cart {
		display: flex;
	}
	.book > .image:hover > form > input.add-to-cart.optimizely-hide {
		display: none;
	}
}