/*
	define our primary colors for non-b/w text, eg "BAM Blue",
	without sizes or padding or any of that
*/
.bam_text_color1 {
	color: #000000;
}

/* bam text */
.bam_blue_text {
	color: #002855;
}

/* bam blue */
.bam_text_color2 {
	color: #990000;
}

/* dark red */
.bam_text_color3 {
	color: #30871A;
}

/* green */
.bam_error_color {
	color: #B50000;
}

/* a different, ADA acceptable dark red; */
.bam_gray {
	color: #4D4D4D;
}

/* dark gray, ADA acceptable dark grey */
.bam_green {
	color: #30871A;
}

/* dark ADA compliant green */
.bam_white {
	color: #FAFAFA;
}

/* white, but not stark */


/* end basic fallback classes */

* {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
}

.ship-notice-text {
	color: #1CAA00;
	font-style: oblique;
}

.ship-notice-text-em {
	color: #D12927;
	font-weight: 700;
}

/* HOLIDAY
body{
	background-position: 0px -14px;
	font-size: 12px;
	font-family:Arial,Verdana,sans-serif;
 }
*/

/* NON-HOLIDAY */
body {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	position: relative;
}

body * {
	font-size: 1em;
}

p {
	font-size: 1.1em;
	margin-bottom: 1.4em;
}

/*
p{
	color: #333;
	font-size: 1.1em;
	margin-bottom: 1.4em;
}
*/
#em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.strikethrough {
	text-decoration: line-through;
}

a {
	color: #036;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*a:hover,a:focus { color: #777777 !important; text-decoration: underline; }*/

img {
	display: block;
}

a img {
	border: none;
}

sub,
sup {
	line-height: 0;
}

/* Generic Reusable Classes */
.m-auto {
	margin: 0 auto;
}

.center-text {
	text-align: center;
}

.xy-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vr {
	border-left: 2px solid
}

/* End Generic Classes */

.defaultBTN {
	border: none;
	height: 30px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

.nonInputBTN {
	border: none;
	height: 20px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	box-sizing: content-box;
}

.nonInputInnerTxt {
	margin-top: 3px;
	font-weight: bold;
	text-decoration: none;
}

.nonInputBTN:hover,
.nonInputBTN a:hover,
.nonInputInnerTxt a,
.nonInputInnerTxt a:hover {
	text-decoration: none !important;
}

.nonInputBTN:visited,
.nonInputBTN:active,
.nonInputBTN a:visited,
.nonInputBTN a:active,
.nonInputInnerTxt a,
.nonInputInnerTxt a:visited,
.nonInputInnerTxt a:active {
	text-decoration: none !important;
	color: #FFF !important;
}

.defaultBTNGreen {
	background-color: #30871A;
}

.defaultBTNGrey {
	background-color: #575555;
}

.defaultBTNBlue {
	background-color: #002855;
}

.defaultBTNBlueInverse {
	color: #002855;
	background-color: #FFF;
	border: #002855 solid 1px;
}

.roundedBTN {
	border-radius: 5px;
}

.defaultBTNRed {
	background-color: #cc3d3d;
}

.defaultBTNSearch {
	background-color: #333;
	/*  support responsive header */
	position: absolute;
	top: 0px;
	left: 270px;
	height: 30px;
	width: 30px;
	padding-top: 0px;
}

/* bam red circle - into which one could say - insert a number or icon as desired */
.numberCircle {
	border-radius: 50%;
	padding: 2px;
	background: #B50000;
	color: #FAFAFA;
	text-align: center;
	min-width: 16px;
	/* ASSUMES a font size of 14 !!! */
	display: flex;
	/* for simple h+v alignment */
	justify-content: center;
	align-items: center;
}

.magnifying-glass {
	font-size: 3em;
	/* This controls the size. */
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	border: 0.05em solid #fff;
	position: relative;
	border-radius: 0.35em;
	margin-left: 16px;
	margin-top: 5px;
}

.magnifying-glass::before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0.28em;
	bottom: -0.15em;
	border-width: 0;
	background: white;
	width: 0.45em;
	height: 0.05em;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

.searchBTNatc {
	width: 115px;
	background-color: #002855;
	height: 25px;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 10px;
}

.searchBTNatc:hover {
	background-color: #526e82;
}

.searchBTNatcText {
	padding-top: 3px;
	padding-left: 5px;
	color: #FFF;
	float: left;
	font-size: 15px;
}

.titleDetailBTNatc {
	width: 125px;
	background-color: #002855;
	height: 30px;
	border-radius: 3px;
	cursor: pointer;
	/*    margin:auto;*/
	margin-bottom: 5px;
}

.titleDetailBTNatcText {
	padding-top: 4px;
	padding-left: 12px;
	color: #FFF;
	float: left;
	font-size: 15px;
}

.expander.collapsed::after {
	/* add expandable content help icon as content suffix */
	font-family: 'Material Icons Round';
	font-size: 18px;
	/*	content: 'expand_more'; */
	content: 'help';
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

.expander .collapsed {
	/* hide content */
	float: left;
	max-height: 0;
	opacity: 0;
	height: 0;
	display: none;
	transition: all 0.2s ease-out;
}

.expander:hover .collapsed,
.expander:focus .collapsed {
	/* reveal content */
	float: left;
	max-height: 100%;
	opacity: 1;
	height: 100%;
	display: block;
	transition: all 0.5s ease-in;
}

/* Used in search, but generic slide styling for a checkbox */
.form-switch {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.form-switch i {
	position: relative;
	display: inline-block;
	margin-right: .5rem;
	width: 46px;
	height: 26px;
	background-color: #e6e6e6;
	border-radius: 23px;
	vertical-align: text-bottom;
	transition: all 0.3s linear;
}

.form-switch i::before {
	content: "";
	position: absolute;
	left: 0;
	width: 42px;
	height: 22px;
	background-color: #6D6D6D;
	border-radius: 11px;
	transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
	transition: all 0.25s linear;
}

.form-switch i::after {
	content: "";
	position: absolute;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: #fff;
	border-radius: 11px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
	transform: translate3d(2px, 2px, 0);
	transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
	width: 28px;
	transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked+i::after {
	transform: translate3d(16px, 2px, 0);
}

.form-switch input {
	display: none;
}

.form-switch input:checked+i {
	background-color: #30871A;
}

.form-switch input:checked+i::before {
	transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.form-switch input:checked+i::after {
	transform: translate3d(22px, 2px, 0);
}

.icon-cart {
	width: 25px;
	height: 25px;
	position: relative;
	overflow: hidden;
	margin-left: 5px;
	/* margin-bottom: 25px; */
}

.icon-cart .cart-line-1 {
	width: 15%;
	height: 7%;
	position: absolute;
	left: 8%;
	top: 25%;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	background-color: #000;
	border-bottom-left-radius: 35%;
}

.icon-cart .cart-line-2 {
	width: 35%;
	height: 7%;
	position: absolute;
	left: 6%;
	top: 40%;
	-webkit-transform: rotate(80deg);
	-moz-transform: rotate(80deg);
	-ms-transform: rotate(80deg);
	transform: rotate(80deg);
	background-color: #000;
}

.icon-cart .cart-line-2::before {
	content: "";
	width: 120%;
	height: 100%;
	position: absolute;
	left: 45%;
	top: -280%;
	-webkit-transform: rotate(-80deg);
	-moz-transform: rotate(-80deg);
	-ms-transform: rotate(-80deg);
	transform: rotate(-80deg);
	background-color: inherit;
}

.icon-cart .cart-line-2:after {
	content: "";
	width: 70%;
	height: 100%;
	position: absolute;
	left: 59%;
	top: -670%;
	background-color: inherit;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	border-top-left-radius: 50%;
	border-bottom-left-radius: 25%;
}

.icon-cart .cart-line-3 {
	width: 30%;
	height: 7%;
	position: absolute;
	left: 33%;
	top: 45%;
	background-color: #000;
}

.icon-cart .cart-line-3:after {
	content: "";
	width: 124%;
	height: 100%;
	position: absolute;
	top: -150%;
	left: -5%;
	background-color: inherit;
}

.icon-cart .cart-wheel {
	width: 12%;
	height: 12%;
	background-color: #000;
	border-radius: 100%;
	position: absolute;
	left: 28%;
	bottom: 20%;
}

.icon-cart .cart-wheel:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: inherit;
	border-radius: 100%;
	position: absolute;
	left: 200%;
	bottom: 0;
}


.searchBTNcircle {
	width: 13px;
	height: 13px;
	background: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: right;
	right: 4px;
	top: 3px;
	position: relative;
	text-align: center;
	color: #002855;
}

.wishlistHeart {
	position: relative;
	width: 8px;
	height: 9px;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

.wishlistHeart::before,
.wishlistHeart:after {
	position: absolute;
	content: "";
	left: 4px;
	top: 0;
	width: 4px;
	height: 8px;
	background: white;
	-moz-border-radius: 50px 50px 0 0;
	border-radius: 50px 50px 0 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.wishlistHeart:after {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}


.wishlistBTN {
	background-color: #33719e;
	width: 85px;
	height: 15px;
	font-size: 9px;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	margin-left: 40px;
}

.wishlistBTN:hover {
	background-color: #526e82;
}

.wishlistBTNtext {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}


/* Module Headers */

.module-header-links {
	color: #002855;
}

.module-header-links a,
.module-header-links a:hover,
.module-header-links a:visited {
	color: #002855;
	text-decoration: none !important;
}

/*Pop ups - shadowbox html*/
#popup-wrapper {
	overflow: auto;
}

#popup-wrapper h1,
.help_box_inner h1,
#msg_center h1 {
	font-size: 2em;
	color: #33719E;
}

.popup-content {
	padding: 10px;
}

.bargain-whatsthis {
	background: #cfcfcf;
	padding: 10px 20px;
	border: 1px solid #d1ccbf;
	margin: 10px 0px 20px 0px;
	font-color: #000000;
}

.bargain-whatsthis p {
	margin-bottom: 0px;
}

.bargain-whatsthis h6 {
	font-size: 1.2em;
	font-color: #000000;
}

/* Hide elements for GA Testing */
.ga-test-price {
	display: block;
}

.ga-test-cart {
	display: none;
}

.wide .cart-btn {
	background-image: url(/images/widgets/cart-btn.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 92px;
	margin-bottom: 5px;
	margin-top: 4px;
	margin-left: 14px;
}

.cart-btn {
	background-image: url(/images/widgets/cart-btn.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 92px;
	margin-top: 8px;
	margin-left: 9px;
}

.details-btn {
	background-image: url(/images/widgets/butn_viewdetails.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 92px;
	margin-top: 8px;
}

.details-btn-large {
	background-image: url(/images/widgets/butn_viewdetails_large.gif);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
}

.wish-btn {
	background-image: url(/images/widgets/wish-btn.gif);
	display: block;
	height: 21px;
	width: 113px;
	text-indent: -9999px;
}

.wish-btn-large {
	background-image: url(/images/widgets/wish-btn-large.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	text-indent: -9999px;
	width: 113px;
	margin: 0 0 5px;
}

.cart-btn-large {
	background-image: url(/images/widgets/cart-btn-large.gif);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.cart-btn-buy-large {
	background-image: url(/images/widgets/cart-btn-buy-new.gif);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.cart-btn-buy-sm {
	background-image: url(/images/widgets/cart-btn-buy-sm-new.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 92px;
	margin-top: 8px;
	margin-left: 9px;
}

.cart-pdf-btn-large {
	background-image: url(/images/btn-add_pdf_to_cart.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 152px;
	margin: 0 0 10px;
}

.cart-epub-btn-large {
	background-image: url(/images/btn-add_epub_to_cart.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 152px;
	margin: 0 0 10px;
}

.compare-btn {
	background-image: url(/images/widgets/compareprices.gif);
	display: block;
	height: 21px;
	width: 113px;
	text-indent: -9999px;
}

.library-btn {
	background-image: url(/images/widgets/ebook-lib-btn-sm.png);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 98px;
	margin-top: 8px;
	margin-left: 2px;
}

.add-to-library-btn {
	background-image: url(/images/widgets/ebook-lib-btn2.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.join-now {
	font-size: 12px;
}

.promo-price {
	color: #002855;
	font-weight: bold;
	vertical-align: middle;
}

.promo-price-inactive {
	color: #002855;
	vertical-align: middle;
}

.promo-savings a:link {
	color: #B50000 !important;
}

.promo-savings a:visited {
	color: #B50000 !important;
}

.promo-savings a:hover {
	color: #B50000 !important;
}

.promo-savings {
	color: #B50000;
}

.club-price {
	color: #002855;
	font-size: 12px;
	font-weight: bold;
}

.club-price-inactive {
	color: #002855;
}

.club-price-msg {
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;
}

i.material-icons.info_search {
	font-size: 13px;
	color: #333;
}

.club-savings {
	color: #cc0000;
}

.coupon-savings {
	color: #cc0000;
}

.club-price-block {
	color: black;
	font-size: 10px;
}

.club-price-words {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.mag-club-price {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.mag-club-price-words {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.you-save {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.you-save-red {
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
}

.you-save-blue {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.retail-price {
	color: #333;
	font-size: 12px;
	text-decoration: line-through;
}

.online-price {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.availability {
	background: #DDDDDD;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.availability_advanced_title_detail {
	font-size: 14px;
	margin-top: 2px;
	color: #002855;
	font-weight: bold;
	width: 144px;
	padding: 1px;
	/*text-align: center;*/
}

/* Added for image positioning on stock quote */
.availability_advanced_title_detail:hover img {
	border: 0;
	margin: -10px 0 0 -25px;
	float: left;
	position: absolute;
}

.availability_title_detail {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 8px;
	color: #33719E;
	font-weight: bold;
	width: 146px;
	padding: 3px;
	border: 1px solid #002855;
	/*text-align: center;*/
	background-color: #F9FAFF;
}

/* Added for image positioning on stock quote */
.availability_title_detail:hover img {
	border: 0;
	margin: -10px 0 0 -25px;
	float: left;
	position: absolute;
}

.availability_search_results {
	font-size: 11px;
}

.filterPadding {
	padding: 10px 5px;
	box-sizing: border-box;
}

li.searchFilterAvailabilityRad {
	list-style: none;
}

.checkBoxContainer {
	display: block;
	position: relative;
	padding-left: 25px;
	padding-top: 2px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.checkBoxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #afafaf;
	border-radius: 0%;
}

/* On mouse-over, add a grey background color */
.checkBoxContainer:hover input~.checkmark {
	background-color: #dcdcdc;
}

/* When the radio button is checked, add a blue background */
.checkBoxContainer input:checked~.checkmark {
	background-color: #002855;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (check) when checked */
.checkBoxContainer input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.checkBoxContainer .checkmark:after {
	left: 6px;
	top: 0px;
	width: 4px;
	height: 13px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.stockRed {
	color: #b50000;
}

.stockGreen {
	color: #016701;
}

.stockOrange {
	color: #6d541e;
}


.first {
	border-left: none !important;
	margin-left: 0 !important;
	display: inline;
}

ul.browse li a {
	text-decoration: none;
}

ul.browse li {
	text-align: center;
	text-transform: uppercase;
	padding-top: 5px;
	margin-bottom: 0px;
}

ul.browse {
	list-style: none;
}

.drawers2 {
	list-style: none;
}

ul.drawers2-browse {
	list-style: none;
}

.numeric {
	text-align: right;
}

.save {
	font-size: 10px;
	font-weight: lighter;
}

/* support responsive site with
   * an overall MIN body width - fixed width for viewports < 340px
   * and a DEFAULT top margin (adjusted via @media rules */
html {
	overflow-x: hidden;
}

body {
	min-width: 340px;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	margin: 0;
	margin-top: 40px;
	box-sizing: border-box;
}

/* responsive wrapper for home page, PDP, wishlist, search, help, feature pages, landing pages, cart, order */
.wrap {
	clear: left;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
}

#content.wrap-acct {
	text-align: left;
}

/* for account */


caption {
	position: absolute;
	left: -9999px;
}

input.grey {
	color: #333 !important;
}

/* check - not in use? */
#skip-links {
	position: absolute;
	left: -9999px;
}

.edit-btn {
	background-image: url(/images/widgets/edit-btn.gif);
	display: block;
	height: 27px;
	width: 56px;
	text-indent: -9999px;
	margin-top: 9px;
}

.edit-btn-large {
	background-image: url(/images/widgets/edit-large.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 58px;
	margin: 0 0 10px;
	border: 0;
}

.wishlist-edit-btn {
	background-image: url(/images/widgets/butn_editwishlist.gif);
	display: block;
	height: 23px;
	width: 108px;
	text-indent: -9999px;
	margin-top: 13px;
}

.more-cart {
	background: transparent url(/images/widgets/cart-footer.gif) no-repeat left top;
	bottom: -4px;
	display: block;
	height: 18px;
	left: 231px;
	text-indent: -9999px;
	width: 480px;
	position: absolute;
}

.more-cart-over {
	background: transparent url(/images/widgets/cart-footer-over.gif) no-repeat left top;
	bottom: -4px;
	display: block;
	height: 18px;
	left: 231px;
	text-indent: -9999px;
	width: 480px;
	position: absolute;
}

.more-wishlist {
	background: transparent url(/images/widgets/wish-list-footer.gif) no-repeat left top;
	bottom: -4px;
	display: block;
	height: 18px;
	left: 711px;
	text-indent: -9999px;
	width: 228px;
	position: absolute;
}

.more-wishlist-over {
	background: transparent url(/images/widgets/wish-list-footer-over.gif) no-repeat left top;
	bottom: -4px;
	display: block;
	height: 18px;
	left: 711px;
	text-indent: -9999px;
	width: 228px;
	position: absolute;
}

body.cart .more-cart,
body.cart .more-wishlist,
body.wish-list .more-cart,
body.wish-list .more-wishlist {
	display: none;
}

.module {
	clear: left;
	margin-bottom: 0px;
	/* 20 */
	position: relative;
}

.large,
.small,
.wide {
	padding: 0 10px 10px;
}

.module h2 {
	color: #002855;
	font-size: 14px;
	font-weight: bold;
	background: #ffffff;
	margin: 0 -10px 10px;
	padding: 10px;
	border-bottom: 1px solid #FFF;
}

.module h4 {
	color: #002855;
	font-size: 16px;
	font-weight: bold;
	background: #ffffff;
	margin: 0 -10px 10px;
	padding: 10px;
	border-bottom: 1px solid #002855;
}

#cart_rr {
	width: 100%;
}

/* responsive - expand to .wrap #content width */
#cart_rr h3 {
	color: #002855;
	font-size: 16px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin: 10px -7px 10px;
	padding: 10px 10px 0 10px;

	/*	support flex header */
	margin: auto;
}

.wide h4 {
	background-image: ;
}

.large h4 {
	background-image: ;
}

.small h4 {
	background-image: ;
	margin-top: 10px;
	position: relative;
	z-index: 11;
}

.module h5 {
	position: absolute;
	left: -9999px;
}

.module .tabset h4 {
	background: none;
	color: #000;
	font-weight: bold;
	margin-bottom: 0;
}

dl.tabset dt {
	position: absolute;
	left: -9999px;
}

.module-more {
	float: right;
	margin-top: -3.5em;
}

.module-more li {
	display: inline;
}

.module-more .rss {
	background: transparent url(/images/widgets/feed.gif) no-repeat left top;
	float: left;
	height: 16px;
	margin-top: -1px;
	text-indent: -9999px;
	width: 16px;
}

.module-more .all {
	margin-left: 1em;
	text-transform: lowercase;
}

.module-more .all a {
	color: #fff;
}

.module .product-list {
	background-color: #ffffff;
	clear: left;
	overflow: auto;
	padding: 10px 0 0px;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

* html .large .product-list {
	top: -10px;
}

*+html .large .product-list {
	top: -10px;
}

* html .wide .product-list {
	top: -10px;
}

*+html .wide .product-list {
	top: -10px;
}

.module .product {
	border-left: 0px solid #0099cc;
	display: inline-block;
	padding: 0 19px 0px;
	text-align: left;
	vertical-align: top;
	width: 108px;
}

.wide .prod-image-container {
	position: relative;
	height: 195px;
	margin-bottom: 10px;
}

.wide .prod-image-container .product-image,
.prod-image-small-container .product-image {
	position: absolute;
	bottom: 0;
}


/* Used in the small module to contain the product imaage */
.prod-image-small-container {
	position: relative;
	height: 195px;
	margin-bottom: 10px;
}

.wide .product {
	border-left: 0px solid #0099cc;
	display: inline-block;
	padding: 0 13px 0px;
	text-align: left;
	vertical-align: top;
	width: 125px;

}

.module .product {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
}

.module .product * {
	white-space: normal;
}

.module .product a {
	display: block;
	text-decoration: none;
	outline: none !important;
}

.module .product dt {
	padding: 0 0 10px;
}

.module .product img {
	margin: 0 auto;
	border: 0px solid #c5c5c5;
	padding: 3px;
}


.trending-list a {
	color: #333;
	text-decoration: none;
}

.trending-list a:hover {
	color: #333 !important;
	text-decoration: underline;
}

.trending-list a:visited {
	color: #333 !important;
}


.splide__list {
	display: grid !important;
	grid-auto-columns: max-content;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
}

.is-active .splide__slide {
	display: grid !important;
	justify-content: center;
	grid-template-rows: 1fr auto;
	grid-gap: 5px;
}

.splide__slider .img,
.slider_short .img {
	align-self: end;
	/* v-bottom */
	justify-self: end;
	/* h-right */
	position: relative;
	max-width: 100%;
	margin: 0px;
}

/* contain width of "No Image Currently Available" images */
.splide__slide .img img {
	max-width: 130px;
	max-height: 200px;
}

.sliderContainer .splide__pagination {
	bottom: -1.5em;
}

.splide__pagination__page.is-active {
	background: #333 !important;
}

.splide__pagination li:focus-within {
	border: 1px solid black;
	border-radius: 5px;
}

.sliderContainer .splide__slide img {
	width: 100%;
	height: auto;
	max-width: 130px;
	max-height: 200px;
}

.sliderContainer .splide__slide {
	display: flex;
	margin-top: 5px;
}

.sliderContainer .splide__slide .prod-image-container {
	margin: 0 auto;
}

.splide.is-active .splide__list {
	align-items: flex-end;
}

.splide__arrow {
	border: 1px solid black !important;
}

.splide__arrow--prev {
	left: -3em !important;
}

.splide__arrow--next {
	right: -3em !important;
}

.splide__arrow:focus {
	opacity: 0.9;
}

.slick-prev::before,
.slick-next::before {
	color: #000 !important;
}

.boximage {
	margin: 0;
}

.module .product .price {
	font-size: 1.4em;
	font-weight: bold;
}

.module .product .mini-price {
	background: yellow;
	position=relative: ;
	float: left;
}

.view-all {
	padding-top: 30px;
	position: absolute;
	right: 20px;
	text-transform: lowercase;
	top: 4em;
}

.small {
	margin: -10px 0 30px;
	width: auto;
}

.small ol {
	padding-left: 30px !important;
}

.small ol li {
	color: #999;
	font-family: 'Lucida Sans', Verdana, Arial, sans-serif;
	font-style: italic;
}

.small ol li a {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
}

.small ol .first {
	font-size: 1.4em;
}

.small ol .first a {
	font-weight: bold;
}

.small ol .first img {
	margin-left: -90px;
	position: absolute;
	z-index: 10;
}

.small .product-list {
	background: #fff;
	padding: 10px;
	position: relative;
	white-space: normal !important;
	width: auto;
	z-index: 11;
}

.drawer-browse {
	margin-top: -8px;
	margin-left: 8px;
	margin-right: 6px;
}

.drawer-browse th {
	font-weight: bold;
	font-size: 13px;
	color: #3d76a4;
	padding-top: 8px;
	border-bottom: 1px solid #000;
}

.drawer-browse a {
	font-size: 11px;
	text-decoration: none;
}

.drawer-browse a:hover {
	text-decoration: underline;
}

.drawer-browse .count {
	font-size: 10px;
	color: #3d76a4;
}

.arrow-left,
.arrow-right {
	display: block;
	height: 315px;
	position: absolute;
	text-indent: -9999px;
	top: 50px;
	width: 18px;
	z-index: 10;
}

.arrow-left {
	background: transparent url(/images/widgets/arrow-left.gif) no-repeat top left;
	left: 0px;
}

.arrow-right {
	background: transparent url(/images/widgets/arrow-right.gif) no-repeat top left;
	right: -6px;
}

.arrow-left-over,
.arrow-right-over {
	display: block;
	height: 315px;
	position: absolute;
	text-indent: -9999px;
	top: 50px;
	width: 18px;
	z-index: 10;
}

.arrow-left-over {
	background: transparent url(/images/widgets/arrow-left-over.gif) no-repeat top left;
	left: 0px;
}

.arrow-right-over {
	background: transparent url(/images/widgets/arrow-right-over.gif) no-repeat top left;
	right: -6px;
}

.pages {
	position: absolute;
	right: 40%;
	top: 9px;
}

.pages li {
	display: inline;
}

.pages li a {
	color: #fff;
	display: block;
	float: left;
	padding: 10px;
}

.pages li.selected a {
	color: #000;
}

.page-number {
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 20px;
	width: 30px;
	text-indent: -9999px;
}

/*
.page-01 { background-image: url(/images/pages/page-01.gif); }
.page-02 { background-image: url(/images/pages/page-02.gif); }
.page-03 { background-image: url(/images/pages/page-03.gif); }
.page-04 { background-image: url(/images/pages/page-04.gif); }
.page-05 { background-image: url(/images/pages/page-05.gif); }
.page-06 { background-image: url(/images/pages/page-06.gif); }
.page-07 { background-image: url(/images/pages/page-07.gif); }
.page-08 { background-image: url(/images/pages/page-08.gif); }
.page-09 { background-image: url(/images/pages/page-09.gif); }
.page-10 { background-image: url(/images/pages/page-10.gif); }
.pages .selected { background-position: center -21px; }
*/
.tabset {
	background-color: #fff;
	background-image: url(/images/layout/module-tabset-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

.tabset div.tab-content {
	padding: 1em 0 0 0;
	margin-left: -30px;
}

* html .tabset div.tab-content {
	display: inline;
}

.tabset .also-avail {
	color: #0099cc;
	background: transparent url(/images/layout/also_avail_bg.jpg) repeat-x top left;
	padding: 10px;
	border: 1px solid #0099cc;
	margin-bottom: 10px;
	clear: left;
}

.details-copy {
	float: left;
	margin: 0 30px 0 0;
	width: 99%;
}

.tabset .details-copy b {
	font-weight: bold;
}

.tabset .details-copy i {
	font-style: italic;
}

.tabset .details-copy hr {
	margin: 12px 0px;
}

.tabset .sub {
	float: left;
	width: 240px;
}

.tabset .sub-right {
	float: right;
	width: 240px;
}

dl.tabset {
	background-color: ;
}

.wide .tabset {
	background-image: ;
}

* html .details .tabset {
	height: 1%;
}

*+html .details .tabset {
	height: 1%;
}

.tabset .tab {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

.tabset .tab a {
	display: block;
	float: left;
	padding: 0.7em;
	text-decoration: none;
	font-size: 11px;
	background-color: #0099cc;
	color: #585652;
}

.tabset .selected a {
	background-color: #ffffff;
	color: #0099cc;
	font-weight: bold;
}

.tabset .selected * a {
	background-color: transparent;
}

.tabset .tab a:hover {
	color: #ffffff;
}

#footer-wrap {
	width: 100%;
	/*background: #eff7ff url(/images/layout/footer.gif) repeat-x left top;*/
	background: #e6e7e8;
	float: left;
	margin-top: 20px;
}

#footer {
	clear: both;
	margin: 0 auto;
	border-top: 1px solid #f0f0f0;
	padding-top: 15px;
	width: 100%;
	/* support flex header */
}

#footer a {
	text-decoration: none;
}

#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}

#footer .callout {
	float: left;
	width: 219px;
	margin: 5px 20px 0 0;
}

#footer .callout img {
	margin-bottom: 1em;
}

#footer .callout p {
	padding-left: 10px;
	margin-bottom: 1.5em;
}

/******* Footer Social Container *****/
.footer-social-container {
	margin: 0 0 7px 10px;
	color: #000000;
	font-size: 14px;
	width: 250px;
}

.footer-social-image-container {
	float: left;
	width: 50px;
}

.footer-social-image-container img {
	margin: 0px auto;
	width: 40px;
}

/******* Stop Footer Social Container *****/


/*
#more-links {
	position: absolute;
	right: 0;
}
*/
#more-links td {
	width: 160px;
	margin-right: 10px;
	text-align: left;
}

#more-links td.last {
	width: 159px;
	margin-right: 0;
	background: none;
}

#more-links h6 {
	font-size: 12px;
	color: #00395d;
	text-transform: uppercase;
	margin-bottom: 14px;
}

#more-links a {
	color: #353739;
	font-size: 11px;
}

#footer-list {
	float: left;
	width: 100%;
	border-top: 2px solid rgb(38, 170, 225);
	margin: 38px 0 50px;
	padding-top: 15px;
}

#footer-list li {
	display: inline;
	border-left: 1px solid #000;
	margin-right: 7px;
	padding-left: 7px;
}

#footer-list li.first {
	border: none;
	padding: 0;
}

#footer-list a {
	text-decoration: none;
}

#footer-list a:hover {
	text-decoration: underline;
}

#footer-list * {
	color: #000;
	font-size: 1em;
}

body.process #footer-wrap {
	background: none;
}

body.process #footer {
	padding: 0;
	width: 622px;
	font-size: 80%;
}

/* responsive FEATURE PAGES */
.feature-grid {
	max-width: 1280px;
	margin: 0 auto;
}

.feature-row {
	display: flex;
	flex-flow: row wrap;
	/* wrap the list of items per the viewport */
	justify-content: space-around;
	/* push feature items to each side / distribute around - not evenly-for IE11 */
	align-items: baseline;
	/* similar to vertical bottom, but slightly better appearance */
}

.feature-item {
	-ms-flex: auto;
	width: 136px;
	position: relative;
	box-sizing: border-box;
	margin-top: 10px;
	margin: 7px;
}

#featured {
	background-color: #f0ece3;
	float: left;
	margin-bottom: 20px;
}

#featured .large-spot,
#featured .small-spot {
	background: url(/images/layout/c-f0ece3-ne.gif) no-repeat right top;
	float: left;
	padding: 10px;
}

#featured .small-spot {
	padding-top: 30px;
}

#featured .first {
	background: transparent url(/images/layout/c-f0ece3-nw.gif) no-repeat left top;
	padding-right: 0;
}

body.landing .primary {
	clear: left;
	float: left;
	width: 580px;
}

body.landing .secondary {
	float: left;
	margin-left: 20px;
	width: 340px;
}

.details .tabset {
	margin-left: 220px;
}

.details {
	background: #002855 url(/images/layout/details-bottom.gif) no-repeat left bottom;
	padding: 0 0 15px;
}

.search {
	padding: 0 0 15px;
	width: 100%;
	padding-bottom: 4em;
}

.details h2,
.search h2 {
	font-size: 20px;
	/*background: transparent url(/images/layout/module-solid-top.gif) no-repeat 0 0;*/
	margin: 0 0 2px;
	padding: 0.25em 10px 0 230px;
}

.details subtitle {
	font-weight: normal;
}

.details h3 {
	margin: 0 0 1em 230px;
}

.details h3,
.details h3 a {
	color: #fff;
	font-size: 1.10em;
}

.details .product-image {}

* html .details .product-image {
	position: relative;
}

.product-image-details {
	max-width: 100%;
	display: flex;
	justify-content: start;
}

/* common style for text rendered below a product image - features, non-features, NOT PDPs */
.product-image-text {
	display: block;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	max-width: 130px;
}

/* feature and slider based product image text hover styling */
.product-image-text a:hover,
.product-image-text a:focus,
.product-image-text a:active,
.slider-text a:hover,
.slider-text a:focus,
.slider-text a:active {
	text-decoration: none;
	color: #065BBB !important;
}

/* binding + price container - constrain binding width ... */
.item-price-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

/* Styling for price and title within product-image-text */
.item-title,
.item-price {
	font-weight: bold;
}

.item-price {
	padding-right: 5px;
}

/* padding between price & binding */

/* price is rendered on the left, binding (truncated if needed) on the right. */
.item-price-container .item-binding {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.details .tabset {
	background-image: url(/images/layout/details-top.gif);
	padding: 0 0 0 230px;
	margin: 0 0 0 10px;
	width: 690px;
}

.details .tab-container {
	background: #d1ccbf url(/images/layout/details-inside-top.gif) no-repeat left top;
	float: left;
	margin-left: -230px;
	margin-bottom: 20px;
	padding-left: 230px;
	width: 100%;
}

* html .details .tab-container {
	margin-left: 0;
	padding-left: 0;
	float: none;
	padding: 0 0 0 230px;
	position: relative;
	left: -230px;
	margin-right: -230px;
}

.product-actions li {
	list-style: none;
	list-style-position: outside;
}

.product-actions tr {
	color: #333;
	font-size: 1.4em;
}

.product-actions th {
	display: none;
}


/* Buy Details Block */

.format-description {
	display: inline;
	font-size: 9px;
	font-weight: bold;
}

.format-description a {
	color: #006699;
}

.format-description a:hover {
	color: #000000;
}

.format-tab {
	background-image: url(/images/widgets/format-tab.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 24px;
	color: #33719e;
	font-size: 10px;
	font-weight: bold;
}

.audio-format-tab {
	background-image: url(/images/widgets/audio-format-tab.gif);
	background-repeat: no-repeat;
	width: 167px;
	height: 24px;
	color: #33719e;
	font-size: 10px;
	font-weight: bold;
}

.ebook-price-block {
	border: #002855 1px solid;
	color: #002855;
	background-image: url(/images/layout/also_avail_bg.jpg);
	padding: 5px;
	width: 155px;
	margin-bottom: 10px;
}

.ebook-details-wrapper {
	margin-top: 25px;
}


.ebook-details {
	border-right: #002855 1px solid;
	border-left: #002855 1px solid;
	border-bottom: #002855 1px solid;
	color: #002855;
	background-image: url(/images/layout/also_avail_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 5px;
	width: 155px;
	background-color: #f0ebe5;
}


.ebook-price {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
}

.club-price-red {
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
}

.other-our-price {
	color: #002855;
	font-size: 12px;
	font-weight: bold;
}

.shipping-restrictions {
	font-size: .8em;
}

.shipping-restrictions-audio {
	font-size: 1em;
}

.shipping-restrictions-search {
	font-size: 1em;
	padding-top: 5px;
	/*width: 190px;*/
}

.color-rw {
	background: #dadcdf;
	width: 25%;
}

/* End Buy Details Block */


/* Digital Devices Block */
.tabset .tab-content .sub-right .digital-devices-wrap .digital-devices-block a {
	color: #000000;
}

.device-details {
	margin-left: 10px;
}

.digital-devices-block a:hover {
	color: #33719e;
}

.digital-devices-wrap {}

.device-tab-library {
	background-image: url(/images/widgets/digital-devices-tab-library.gif);
	background-repeat: no-repeat;
	width: 310px;
	height: 22px;
	font-size: 10px;
	font-weight: bold;
}

.device-tab-audio {
	background-image: url(/images/widgets/digital-audio-tab.gif);
	background-repeat: no-repeat;
	width: 225px;
	height: 22px;
	font-size: 10px;
	font-weight: bold;
}

.device-tab-acct {
	background-image: url(/images/widgets/digital-devices-tab-acct.gif);
	background-repeat: no-repeat;
	width: 225px;
	height: 22px;
	font-size: 10px;
	font-weight: bold;
}

.device-tab {
	background-image: url(/images/widgets/digital-devices-tab.gif);
	background-repeat: no-repeat;
	width: 225px;
	height: 22px;
	font-size: 10px;
	font-weight: bold;
}

.digital-devices-block {
	border-right: #D1CCBF 1.5px solid;
	border-left: #D1CCBF 1.5px solid;
	border-bottom: #D1CCBF 1.5px solid;
	background-image: url(/images/layout/also_avail_bg.jpg);
	padding: 5px;
	background-position: bottom;
	margin-bottom: 15px;
	background-repeat: repeat-x;
}

.digital-devices-block img {
	display: inline;
}

.digital-devices-block p {
	margin-left: 5px;
	border-bottom: #D1CCBF 1.5px solid;
}

.device-logos {
	margin: 0 0 10px 45px;
}

/* End of Digital Devices Block */


/* eBook other format area */
#ebook-formats-list {
	color: #33719E;
	background: transparent url(/images/layout/also_avail_bg.jpg) repeat-x top left;
	padding: 10px;
	border: 1px solid #d1ccbf;
	margin-bottom: 10px;
	clear: left;

}


.ebook-list li {
	padding: 10px 0 10px 75px;
	position: relative;
	list-style: none;
}

.ebook-list li li {
	border: none;
	padding: 0;
}

.ebook-list li .title {
	display: block;
	font-size: 1.25em;
}

.ebook-list li .price {
	background: none;
	display: block;
	font-size: 1.1em;
	margin-top: .8em;
}

.ebook-list li .club-price {
	display: block;
	font-size: 1.2em;
	font-style: normal;
}

.ebook-list li p {
	font-size: 1.1em;
}

.ebook-list li img {
	position: absolute;
	left: -75px;
	z-index: 10;
}

.ebook-list li strong {
	background-color: #ffff95;
}

.ebook-list li .meta {
	position: relative;
}

.ebook-list li .meta,
.ebook-list li .product-actions-ebook-formats {
	margin: 0 0 1em;
}

.ebook-list li .meta {
	width: 440px;
}

.ebook-list li .details {
	background: #FFF;
	padding-left: 20px;
	width: 540px;
}

.ebook-list li .product-actions-ebook-formats {
	float: none;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 200px;
	width: 115px;
}

.ebook-list li .product-actions-ebook-formats .cart-btn {
	margin-left: 20px;
}

.ebook-list li .product-actions-ebook-formats .average-rate .rating {
	position: static;
	margin-left: 50px;
}


.availability_ebook-format {
	font-size: 10px;
	color: #245171;
	padding: 2px;
	width: 120px;
	border: 1px solid #002855;
	text-align: center;
	background-color: #F9FAFF;
}

/* End of eBook other format area */

.overview-details {
	list-style: none;
	font-size: 11px;
	margin: 0 0 1em;
	padding: 0;
}

* html .overview-details {
	position: relative;
	left: -15px;
}

*+html .overview-details {
	position: relative;
	left: -15px;
}

.sub-utility {
	float: left;
	list-style: none;
	list-style-type: none;
	position: relative;
	width: 240px;
}

.sub-utility li {
	float: left;
	margin-bottom: 20px;
}

li.email-link {
	margin-right: 26px;
}

li.email-link a {
	background-image: url(/images/widgets/email-btn.gif);
	display: block;
	height: 16px;
	width: 85px;
	text-indent: -9999px;
}

li.print-link a {
	background-image: url(/images/widgets/print-btn.gif);
	display: block;
	height: 18px;
	width: 73px;
	text-indent: -9999px;
}

.self-rate {
	display: block;
	margin: 14px 4px 4px 0px;
}

.self-rate .your-rating {
	display: inline;
	height: 13px;
	width: 170px;
}

.self-rate .stars {
	display: inline;
}

.self-rate img {
	display: inline;
	cursor: pointer;
}

.average-rate {
	display: block;
	margin: 4px 4px 0px 0px;
}

.average-rate .total-ratings {
	font: 11px 'Lucida Sans', Verdana, sans-serif;
	font-style: italic;
	/* margin: 5px 0 0 126px; */
}

.average-rate .stars0 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars0-average.gif);
	background-repeat: no-repeat;
}

.average-rate .stars1 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars1-average.gif);
	background-repeat: no-repeat;
}

.average-rate .stars2 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars2-average.gif);
	background-repeat: no-repeat;
}

.average-rate .stars3 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars3-average.gif);
	background-repeat: no-repeat;
}

.average-rate .stars4 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars4-average.gif);
	background-repeat: no-repeat;
}

.average-rate .stars5 {
	height: 13px;
	width: 220px;
	background-image: url(/images/layout/stars5-average.gif);
	background-repeat: no-repeat;
}

.average-rate-search {
	display: block;
	margin: 5px 0px 15px 0px;
	width: 120px;
	position: relative;
	right: 0px;
}

.average-rate-search .total-ratings-search {
	font-style: italic;
	color: #606060;
	text-align: right;
}

.average-rate-search .stars0 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars0.gif);
}

.average-rate-search .stars1 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars1.gif);
}

.average-rate-search .stars2 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars2.gif);
}

.average-rate-search .stars3 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars3.gif);
}

.average-rate-search .stars4 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars4.gif);
}

.average-rate-search .stars5 {
	height: 13px;
	width: 77px;
	background-image: url(/images/layout/stars5.gif);
}

.cart-error-main {
	color: #b50000;
	font-size: 1.3em;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}

.cart-error {
	padding-left: 80px;
	color: #b50000;
	width: 240px;
}


.cart-contents thead td,
.cart-contents thead th,
.cart-contents tfoot td,
.cart-contents tfoot th {
	color: #2B6496;
	font-size: 1.15em;
	font-weight: bold;
	padding: 2px;
	text-align: left;
	text-transform: uppercase;
}

#cart-contents {
	width: 93%;
	margin: 0 auto;
}

.cart-contents {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.cart-contents tr:first-child td {
	border-top: none;
}

.cart-contents th.subtotal {
	text-align: right;
}

.cart-contents .remove {
	text-align: center;
	vertical-align: middle;
	padding-right: 5px;
	margin-top: 10%;
}

.remove-search {
	width: 5%;
	text-align: center;
	vertical-align: middle;
}

.cart-contents .item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.cart-contents .item-img-wrapper {
	/* div for vertically centering the cart item image */
	vertical-align: middle;
	height: 100%;
	display: table-cell;
	max-width: 60px;
	/* coerce max size for non-sized Alibris images (works with .cart-contents .item-img img) */
}

.atcSuggestProductContainer a>img,
.cart-contents .item-img img {
	/* required to resize Alibris images */
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}

.cart-contents .item-desc {
	/* vertically center the cart item description text against the vertically aligned image */
	padding-left: 10px;
	text-align: left;
	min-width: 300px;
}

.info-alert::before {
	/* amber triangle alert icon just add this class to render to the left of text */
	font-family: 'Material Icons Round';
	font-size: 18px;
	content: 'warning';
	color: #D0AA13;
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

.info-warning::before {
	/* red triangle alert icon just add this class to render to the left of text */
	font-family: 'Material Icons Round';
	font-size: 18px;
	content: 'warning';
	color: #B50000;
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

.info-bonus::before {
	/* green triangle alert of something good happend */
	font-family: 'Material Icons Round';
	font-size: 18px;
	content: 'warning';
	color: #6FB646;
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

.info-you-saved::before {
	/* you-saved - used (at least) for indicating item promo savings */
	font-family: 'Material Icons Round';
	font-size: 18px;
	content: 'monetization_on';
	color: #B50000;
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
}

.info-you-saved {
	/* you-saved text color */
	color: #B50000;
}

.cart-contents .availability {
	vertical-align: middle;
}

.cart-contents .destination {
	min-width: 126px;
	text-align: left;
	vertical-align: middle;
	flex-grow: 1;
	flex-direction: column;
	display: flex;
}

.cart-contents .detsination span[class^="for-"] {
	padding: 5px 0;
}

.cart-contents .quantity {
	text-align: right;
	vertical-align: middle;
}

.cart-contents .price {
	vertical-align: middle;
}

.cart-contents .price-subtotal {
	vertical-align: middle;
}

.cart-contents .subtotal,
.cart-contents .ebook-subtotal {
	text-align: left;
	vertical-align: middle;
	;
}

.cart-contents .ebook-subtotal {
	width: fit-content !important;
}

#cart-block {
	display: flex;
}

#cart {
	flex: 9;
}

#cart-summary_block {
	flex: 5;
	margin-top: 64px;
}

#cart .sort,
#cart-loading .sort {
	margin: -10px 20px 25px;
}

.cart-contents .item p {
	color: #333;
	font-size: 1.15em;
}

.cart-contents .item a {
	color: #002855;
	font-size: 1.25em;
}

.cart-contents .item img {
	display: block;
	float: left;
	margin-right: 10px;
}

.cart-contents .item .byline {
	color: #4e738f;
	font-size: 1em;
	margin: 0;
}

.cart-contents .item .average-rate {
	clear: none;
	width: ;
}

.cart-contents .item .rating {
	float: left;
	position: static;
	width: 200px;
}

.cart-contents .quantity .update {
	display: block;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

.cart-contents .availability {
	color: #313132;
	font-size: 1.15em;
}

.cart-contents .ammount {
	margin-top: 1em;
}

.cart-contents .availability em,
.cart-contents .price em {
	display: block;
}

.cart-contents .availability em {
	color: #4e738f;
	font-style: normal;
}

.cart-contents .price em {
	color: #red;
}

.cart-contents .price ul {
	list-style: none;
}

.cart-contents .price li {
	text-align: left;
}

.cart-contents .promo {
	text-align: center;
	vertical-align: top;
}

.cart-contents td.subtotal {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}

.cart-contents thead td,
.cart-contents tbody th,
.cart-contents th.remove label,
.cart-contents .no-information {
	position: absolute;
	left: -9999px;
}

.cart-contents caption {
	padding: 0;
	text-indent: -9999px;
}

.cart-contents div[class^="item-row"] {
	display: flex;
	padding: 5px 0;
}

.cart-contents .item-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.item-row_prices>div>div:nth-child(1) {
	font-weight: bold;
}

.item-wrapper-main {
	padding: 20px 0px;
	border-bottom: 1px solid #ececec;
}

/* Responsive Cart */

.item-desc_title {
	font-size: 1.25em;
}

.item-row_prices {
	flex-grow: 1;
	flex-direction: column;
	padding: 5px 0px 5px 10px !important;
}

.item-row_prices div {
	text-align: left !important;
}

.item-row_bottom {
	flex-grow: 1;
}

.alibrisWrap {
	display: flex;
	gap: 10px;
}

@media screen and (max-width: 768px) {
	#cart-block {
		display: flex;
		flex-wrap: wrap;
	}

	.cart-contents {
		width: 100%;
		min-width: 330px;
		padding: 10px 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
	}

	.cart-contents .item-row_bottom {
		align-items: center;
	}

	.cart-contents .item-desc {
		padding: 0 10px;
		flex: 3;
	}

	.cart-contents .item-desc_title {
		font-size: 14px;
		font-weight: bold;
	}

	.cart-contents .item-row_prices {
		flex-grow: 3;
		justify-content: flex-start;
	}

	.item-row_prices>div {
		width: 24% !important;
	}

	.cart-contents .destination {
		min-width: 150px;
	}

	.dest-opt_container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-bottom: 10px;
	}

	.dest-opt_container div:nth-child(2) {
		padding-left: 10px;
	}

	.cart-contents .destination {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}

	.cart-contents .quantity {
		text-align: right;
		vertical-align: middle;
	}

	.cart-contents .price {
		vertical-align: middle;
	}

	.cart-contents .price-subtotal {
		vertical-align: middle;
	}

	.item-price_header {
		padding: 2px 0;
	}

	.vr-cart_hidden {
		display: none;
	}

	.alibrisWrap {
		flex-direction: column-reverse;
	}

	#related-searches {
		width: 93% !important;
		margin: 0 auto;
	}
}

/* End Responsive Cart */


.promo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.promo .saved {
	height: 32px;
	width: 32px;
}

.promo .save-more {
	height: 32px;
	width: 32px;
}

.promo .requirement {
	height: 16px;
	width: 16px;
}

.cross-sell {
	background-color: #e6e7e8;
	margin: 0;
	padding: 10px 30px 20px;
}

.cross-sell2 {
	margin: 0;
	height: 3em;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

.cross-sell2 span {
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

.cross-sell img {
	float: left;
	margin-right: 10px;
}

.join-now-cart {
	font-size: 12px;
	margin-left: 650px;
}

#cart h2,
#cart h3,
#cart-loading h2,
#cart-loading h3,
.cart_h3 {
	background: none;
	margin: 0 20px;
	position: relative;
	text-align: right;
}

#cart h2,
#cart-loading h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 0.25em;
	text-transform: uppercase;
	color: #666;
}

#cart h3,
#cart-loading h3,
.cart_h3 {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 1em;
	text-transform: uppercase;
	color: #666;
}

#cart h2 strong,
#cart h3 strong,
#cart-loading h2 strong,
#cart-loading h3 strong,
.cart_h3 strong {
	text-indent: 0;
}

#cart h2 strong,
#cart-loading h2 strong,
.cart_h3 strong {
	color: #b50000;
}

#cart h3 strong,
#cart-loading h3 strong,
.cart_h3 strong {
	color: #023b59;
}


.cart-actions {
	height: 32px;
	position: relative;
	margin-top: 7px;
	display: flex;
	justify-content: center;
}

.cart-actions .nonInputBTN {
	border-radius: 15px;
}

.cart-actions .remove {
	left: 0;
	position: absolute;
}

.cart-actions .move {
	left: 174px;
	position: absolute;
}

.cart-actions .continue {
	position: absolute;
	right: 125px;
}



.cart-actions .checkout {
	position: absolute;
	right: 0;
}

.send-wish-list {
	background: transparent url(/images/layout/send-wishlist.gif) no-repeat left top;
	display: block;
	height: 17px;
	text-indent: -9999px;
	width: 267px;
}

.send-wish-list:hover {
	background-position: left -17px;
}

.send-wish-list img {
	display: inline;
	float: none;
}


.search h2 {
	padding-left: 15px;
}

.search h2 label,
.results h2 em {
	background: transparent url(/images/layout/search-for.gif) no-repeat left top;
	display: block;
	height: 14px;
	text-indent: -9999px;
	width: 85px;
}

.results h2 em {
	background-image: url(/images/layout/search-results-for.gif);
	width: 146px;
}

* html .results h2 em {
	margin-bottom: -20px;
}

.search h2 input {
	color: #333;
	font-weight: bold;
	width: 914px;
}

.search .submit {
	position: absolute;
	right: 11px;
	bottom: 15px;
}

#refine h4 {
	background: #d7f2ff url(/images/layout/be-more-specific.gif) no-repeat left top;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 919px;
	z-index: 4;
}

.search h5 {
	position: static;
}

.results h2 {
	padding-right: 25px;
}

.search .sort {
	color: #000;
	float: left;
	position: absolute;
	right: 15px;
	text-align: right;
	top: 40px;
	width: 395px;
}

.search .sort select {
	margin-right: 10px;
}

.crumbs {
	clear: both;
	margin: 0 11px;
}

.crumbs a {
	color: #000;
	text-decoration: underline;
}

.crumbs strong {
	position: absolute;
	left: -9999px;
}

.crumbs {
	color: #000;
}

.crumbs .remove {
	background: transparent url(/images/widgets/remove.gif) no-repeat left bottom;
	display: inline-block;
	height: 9px;
	margin: 0;
	line-height: 1em;
	overflow: hidden;
	width: 42px;
	text-indent: -9999px;
}

.remove-search {
	background: transparent url(/images/widgets/remove.gif) no-repeat left bottom;
	display: inline-block;
	height: 9px;
	margin: 0;
	line-height: 1em;
	overflow: hidden;
	width: 42px;
	text-indent: -9999px;
}

.crumbs-browse {
	background-color: #e6e7e8;
}

.crumbs-browse a {
	color: #000000;
}

.crumbs-browse strong {
	position: absolute;
	left: -9999px;
}

.crumbs-browse {
	clear: both;
	padding: 0 11px;
}

.crumbs-browse .remove {
	color: #333333;
}

.remove-search {
	color: #333333;
}

.refine-heading {
	height: 17px !important;
	padding: 5px !important;
	margin-bottom: 10px !important;
	background-color: rgb(113, 151, 164) !important;
	color: #FFF !important;
	font-size: 16px !important;
	font-weight: bold !important;
}

.refine-category {
	background-color: #e6e7e8 !important;
	/* url(/images/layout/related-top.gif) no-repeat left top */
	color: #000 !important;
	margin: 0 !important;
	padding: 5px 10px !important;
	border-bottom: 0px !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

.refine-value-label {
	text-align: left;
	white-space: nowrap;
	width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	list-style: none;
}

.ui-widget-content li.refine-value-label:hover,
/* no background on hover/focus within modal */
.ui-widget-content li.refine-value-label:focus {
	background: initial;
}

.refine-value-label a:hover,
.refine-value-label a:focus {
	border-radius: 5px;
	padding: 2px;
	text-decoration: none;
	color: #FAFAFA !important;
	/* !important to override http://imagesdev.booksamillion.com/stylesheets/base_IE_20170517.css line 7 */
	background-color: #002855;
}

#refine {
	background: #edfdfc url(/images/layout/search-tab-overflow.gif) repeat-y left top;
	margin: 15px 11px 10px 10px;
}

#refine ul {
	list-style: none;
}

#refine .tabset {
	background: transparent url(/images/layout/search-tabset-bottom.gif) no-repeat left bottom;
	min-height: 175px;
	padding-bottom: 5px;
	width: auto;
}

* html #refine .tabset {
	height: 175px;
}

#refine .tab {
	background: #cfdde3 url(/images/layout/search-tab.gif) repeat-y left top;
	border-top: 1px solid #fff;
	left: 0;
	position: absolute;
	margin: -1px 20px 0 0;
}

#refine .tab a {
	background-color: transparent;
	background-position: 12px 11px;
	background-repeat: no-repeat;
	height: 35px;
	padding: 0;
	text-indent: -9999px;
	width: 125px;
}

#refine .tab-all-types a {
	background-image: url(/images/layout/filter-all-types.gif);
}

#refine .tab-books {
	top: 35px;
}

#refine .tab-books a {
	background-image: url(/images/layout/filter-books.gif);
}

#refine .tab-movies {
	top: 70px;
}

#refine .tab-movies a {
	background-image: url(/images/layout/filter-movies.gif);
}

#refine .tab-music {
	top: 105px;
}

#refine .tab-music a {
	background-image: url(/images/layout/filter-music.gif);
}

#refine .tab-magazines {
	top: 140px;
}

#refine .tab-magazines a {
	background-image: url(/images/layout/filter-magazines.gif);
}

#refine .tab-content li {
	background-color: #34719C;
	color: #fff;
	float: left;
	margin: 20px 20px 20px 0;
	padding: 5px 10px;
	width: 180px;
}

#refine .tab-content li ul {
	float: left;
	margin: 5px 0 -5px;
}

#refine .tab-content li li {
	background-color: #edfdfc;
	margin: 0 -10px;
	padding-bottom: 5px;
}

#refine .tab-content li li a {
	color: #036;
	font-weight: normal;
}

* html #refine .tab-content li ul {
	margin-left: -10px;
}

* html #refine .tab-content li li {
	left: 10px;
	position: relative;
	width: 180px;
}

#refine .selected a {
	background-color: #EDFDFC;
}

#refine .tab-content {
	display: none;
	margin-left: 145px;
}

#refine .selected {
	display: block;
}

.results {
	/*	float: left; */
	padding-bottom: 15px;
	height: 100%;
}

#result-wrap {
	border-collapse: separate;
	border-spacing: 10px;
}

#result-wrap-noResult {
	margin: 0 auto;
	text-align: center;
}

#result-wrap-noResult a {
	text-decoration: underline;
}

.list li:first-of-type {
	margin-top: 10px;
}


.list li .meta div:last-of-type {
	margin-bottom: 41px;
}

.no_results {
	margin: 2px;
	padding: 2px;
	border: 1px dotted #CCC;
}

.no_h2 {
	margin: 2px 10px 2px 2px;
	padding: 2px 10px 2px 2px;
	font-family: Verdana, Arial, Helvetica, san-serf;
	font-size: 17px;
	/*font-weight: bold;*/
	color: #000;


}

.no_h2 a {
	text-decoration: underline;
	font-weight: bold;
}

* html #result-list {
	margin-left: 5px;
}

.per-page {
	background-color: #FFF;
	padding: 5px;
	position: relative;
	text-align: right;
	z-index: 14;
}


.list {
	position: relative;
	top: -11px;
}


.list li {
	border-top: 1px solid #B0B0AC;
	margin: 0px 10px 0 0;
	/*	margin: 10px 10px 0 0;     * changed 4 search results saud */
	padding: 25px 3px 10px 80px;
	position: relative;
	vertical-align: top;
}

li.bargain {
	/*	min-height:200px; * removed 4 search results saud */
}

.list li li {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	/* added 4 search results saud */
}

.list li .title {
	display: block;
	font-size: 1.3em;
	/* changed 4 search results saud from 1.5em */
}

.list li .meta .title a

/* added 4 search results saud */
	{
	font-size: 1.1em;
	font-weight: bold;
}

.list li .price {
	background: none;
	display: block;
	font-size: 1.1em;
	margin-top: .8em;
}

.list li p {
	font-size: 1.1em;
}

.list li img {
	position: absolute;
	left: -70px;
	z-index: 10;
	width: 110px;
}

.list li strong {
	background-color: #ffffff;
}

.list li .meta,
.list li .product-actions {
	margin: 0 0 1em;
}

.list li .meta {
	margin-bottom: 0px;
	/* added 4 search results saud */
	position: relative;
	padding-left: 50px;
	min-height: 160px;
}

.list li .details {
	background: #FFF;
	padding-left: 20px;
}

.list li .product-actions {
	padding: 0;
	width: 115px;
	min-height: 25px !important;
	margin-bottom: 0px;
	/* added 4 search results saud */
	margin-left: 40px;
}

.list li .product-actions li {
	min-height: 25px !important;
}

.list li .product-actions .cart-btn {
	margin-left: 20px;
}

.list li .product-actions .library-btn {
	margin-left: 20px;
}

.list li .product-actions .average-rate .rating {
	position: static;
	margin-left: 50px;
}

.alibrisResults li .meta .title img {
	top: 0;
}

.alibrisResults .list li {
	min-height: 185px;
}

.alibrisResults .list li .details {
	margin-left: 40px !important;
	padding-left: 10px;
}

.alibrisList {
	list-style: none;
	margin-left: 0.8em;
}

.searchDivider {
	width: 2px;
	/*float: left;
    height: 100%;*/
	background-color: #e6e7e8;
	border: none;
	/*margin: 0 0px 0 10px;*/
	display: table-cell;
}

#related-searches {
	width: 23%;
}

#related-searches h5 {
	font-weight: bold;
	margin: 15px 10px 5px;
}

#related-searches ul {
	list-style: none;
}

#related-searches li {
	margin-left: 10px;
}

.searchAndBrowseContainer {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	/* not evenly for IE11 */
	justify-content: space-around;
	/* not evenly for IE11 */
}

.searchAndBrowseTitle {
	font-size: 18px;
	margin-left: 25px;
	margin-top: 15px;
}

.searchAndBrowseContainer ol {
	list-style-type: none;
}

.searchAndBrowseContainer li {
	text-align: center;
	margin: 0px;
}

.searchAndBrowseCol {
	min-width: 160px;
	margin-top: 5px;
	margin-bottom: 10px;
	flex-basis 24%;
	text-align: center;
}

.searchAndBrowseDivider {
	min-height: 480px;
	border: 1px solid #E6E7E8;
	;
	margin-top: 45px;
	margin-bottom: 10px;
}

.categoryBrowse {
	width: 80%;
	display: flex;
	flex-flow: row wrap-reverse;
	margin: 0 auto 15px;
}

.categoryContainer {
	flex: 2 2 400px;
}

.ebookLibrary {
	flex: 1 1 250px;
	margin-bottom: 15px;
	margin-left: 15px;
}

body.account h2 {
	padding-bottom: .75em;
	padding-left: 50px;
}

body.account .tabset {
	background-image: url(/images/layout/account-inside-top.gif);
	padding-left: 40px;
	width: 880px;
}

body.account .tab-container {
	margin-left: -40px;
	padding-left: 40px;
}

*+html body.account .tabset {
	margin: 0;
	position: static;
}

*+html body.account .tabset .tab {
	height: 1%;
	padding: 0;
	margin: 0;
}

body.account form.acct-home {
	width: 210px;
}

body.account form fieldset {
	border: none;
	margin-bottom: 1.4em;
}

body.account form label {
	color: #333;
	font-size: 0.95em;
}

/* be MORE selective in order to apply error messages to account form elements in error */
body.account form label.error_message {
	color: #B50000;
}

body.account .form_text.error_message {
	color: #B50000;
}

body.account form .text {
	display: block;
	width: 100%;
}

body.account form .radio span {
	display: block;
	position: relative;
}

body.account form .radio input {
	position: absolute;
	left: 0;
	top: 0;
}

body.account form .radio label {
	font-size: 1em;
	margin-left: 17px;
}

dl.credit {
	float: left;
	position: relative;
	width: 350px;
}

dl.credit dt {
	border-top: 1px solid #dcdcd4;
	clear: left;
	float: left;
	margin-left: 51px;
	padding: 0 10px;
	width: 100px;
}

dl.credit .first {
	margin-top: -11px;
	border-top: none;
	padding-top: 10px;
}

dl.credit dt.first {
	margin-left: 51px !important;
}

dl.credit dd {
	border-top: 1px solid #dcdcd4;
	float: left;
	padding: 10px 0;
	width: 99px;
}

dl.credit .edit-cart {
	border: none;
	background: transparent url(/images/widgets/edit.gif) no-repeat left top;
	position: absolute;
	top: 10px;
	right: -20px;
	width: 40px;
	height: 22px;
	text-indent: -9999px;
}

dl.credit .delete-cart {
	border: none;
	background: transparent url(/images/widgets/delete.gif) no-repeat left top;
	position: absolute;
	top: 40px;
	right: -20px;
	width: 57px;
	height: 22px;
	text-indent: -9999px;
}

body.account dl.visa {
	background: transparent url(/images/widgets/visa.gif) no-repeat left 10px;
}

body.account dl.mastercard {
	background: transparent url(/images/widgets/mastercard.gif) no-repeat left 10px;
}

.sectionbr {
	border-top: 1px solid #b4b1a6;
	clear: left;
	margin-top: 10px;
	padding: 10px 0 0;
	width: 270px;
}

body.copy h2 {
	padding-bottom: .5em;
	padding-left: 30px;
}

div.copy {
	background: #ffffff url(/images/layout/details-top.gif) no-repeat left top;
	margin: 0 0 0 10px;
	padding: 17px 0 0 20px;
	width: 900px;
	float: left;
}

div.copy * {
	width: 548px;
}

div.copy p {
	font-size: 1.2em;
	line-height: 1.5em;
}

div.copy h3 {
	color: #333;
	margin: 0;
	font-weight: bold;
	font-size: 1.7em;
	margin-bottom: 1em;
}

div.copy h4 {
	color: #333;
	background: transparent;
	font-size: 1.3em;
	padding-top: 0;
	margin-bottom: 9px;
}

div.copy ol,
div.copy ul,
div.copy table {
	margin-bottom: 1.9em;
}

div.copy ol {
	margin-left: 0;
}

div.copy ol li {
	font-size: 1.2em;
	margin-bottom: 1px;
	margin-left: 20px;
	display: list-item;
}

div.copy ul {
	display: block;
}

div.copy ul li {
	list-style-type: none;
	background: transparent url(/images/widgets/list-marker.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 1.2em;
	margin-left: 3px;
	margin-bottom: 1px;
}

div.copy table {
	width: 727px;
	color: #313132;
	border-collapse: collapse;
	margin-top: 10px;
}

div.copy table tr {
	border-bottom: 1px solid #d3d3d6;
}

div.copy table th {
	background: #f7f4ea url(/images/layout/table-header-bg.gif) repeat-x;
	color: #004080;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 10px 15px 8px;
	text-align: left;
}

div.copy table td {
	padding: 10px 15px;
}

div.copy blockquote {
	background: transparent url(/images/widgets/left-quote.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 1.4em;
}

div.copy blockquote p {
	color: #333;
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
}

div.copy blockquote p span.last-word {
	color: #333;
	font-style: italic;
	background: transparent url(/images/widgets/right-quote.gif) no-repeat right top;
	padding: 0 20px 0 0;
}

#cart-progress {
	padding: 5px 0;
	line-height: 1;
	background: #e3dfd3;
	border-bottom: 1px solid #bdbaab;
	margin-top: -23px;
	text-align: center;
}

#cart-progress img {
	display: inline;
}

#legacy {
	width: 90%;
	/* 940px was working, previously was 622 */
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#legacy center {
	text-align: left;
}

h1 a,
#nav li a,
#actions h3 a,
.cart-btn,
.view-cart-btn,
.edit-btn,
.tab,
.more-cart,
.more-wishlist {
	overflow: hidden;
}

/* #header #phone,#account-options,.module h4 { text-shadow: 0 0 0 #000; } */

.header-ad-image {
	position: relative;
	top: -100;
	left: 65px;
	z-index: 9999999;
	width: 170px;
	height: 64px;
}

/*
.center-navigation {
margin-top: 0px !important;
}
*/

.center-navigation li {
	font-size: 12px;
}

#header-wrap:after,
.details:after,
.tabset:after,
#actions:after,
#header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html #header-wrap,
* html .details,
* html #actions {
	height: 1%;
}

.dropshadow2 {
	float: left;
	clear: left;
	background: url(/images/misc/shadowAlpha.png) no-repeat bottom right !important;
	margin: 10px 0 10px 10px !important;
	padding: 0px;
}

.innerbox {
	position: relative;
	bottom: 6px;
	right: 6px;
	background-color: #FFF;
	border: 1px solid #999;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/misc/load.gif);
	background-position: center;
	background-repeat: no-repeat;
}

/*
.innerbox img:hover {
    -moz-box-shadow: 1px 1px 5px rgb(60, 183, 228);
    -webkit-box-shadow: 1px 1px 5px  rgb(60, 183, 228);
    box-shadow: 1px 1px 5px rgb(60, 183, 228);
}
*/
.innerbox {
	\margin: 0px 0px -3px 0px;
	ma\rgin: 0px 0px 0px 0px;
}

#account_info {
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 260px;
}

.signin_block {
	min-height: 170px;
}

.signin_header {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
}

#signon {
	display: flex;
	flex-flow: row wrap-reverse;
	width: 87%;
	margin: 0 auto;
}

#signon div[id$="_customers"] {
	margin: 20px 5px;
	padding-right: 5px;
	flex: 1;
	min-width: 500px;
}

.header_customer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002855;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}

#login_gradient,
.login_gradient {
	height: 100% !important;
	margin: 0 10px 10px 0 !important;
	padding: 20px;
	background-color: rgba(183, 199, 211, 0.4);
	box-sizing: border-box;
	border-radius: 15px;
}

#login_info,
.login_info {
	/*border: 1px dashed #CCCCCC;*/
	margin: 4px 0 8px 0;
	/*background-image: url(/images/login/logingradient_main.gif);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.guest_optin_fields {
	margin: 0 5px;
}

.signon-form_body {
	max-width: 400px;
}

.signon-form_body {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-flow: column;
}

#usca_old_header {
	justify-content: center;
}

.shipping-form_body {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr 1fr;
	max-width: 600px;
}

.billing-form_body {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr 1fr;
	width: 700px;
}

.checkout-form_row--single,
#ctb,
#add_ship_address_block_buttons {
	grid-column: 1/-1;
}

.hide_puerto_rico {
	display: none !important;
}

#correct_address_header {
	text-align: center;
	margin: 15px 0;
	font-size: 1.2em;
}

.checkout-form_row--left {
	grid-column: 1/3;
}

.checkout-form_row--right {
	grid-column: 3/5;
}

.signon_option {
	height: 100%;
}

.signon_input,
.checkout-form_row {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6px 0;
}

.checkout-form_row .dt {
	flex: 1;
	display: flex;
	align-items: flex-end;
}

.checkout-form_row .dd {
	flex: 3
}

.checkout-form_column {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}

#address-validation {
	border: 2px solid #002855;
	border-radius: 8px;
	padding: 25px;
}

.checkout-shipad {
	display: flex;
	flex-direction: column;
	background-color: lightgray;
	padding: 15px;
	margin-bottom: 15px;
}

.checkout-shipad>div[id^="verify"],
.checkout-shipad>input,
.checkout-shipad>input:focus-visible {
	background-color: lightgray;
	border: none;
	outline: none;
	font-size: 15px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.checkout-address_select {
	font-size: 16px;
	margin-bottom: 15px;
}

#st-zip {
	justify-content: end;
	margin: 0 31px 0 81px;
}

.signon_input label,
.checkout-form_label {
	flex: 1;
	text-align: right;
	color: #002855;
	padding-right: 5px;
}

.billing-form_input input {
	height: 18px;
}

.signup_fields,
.checkout-form_input,
.checkout-form_row select {
	flex: 3;
	width: 87%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	border: 2px solid #002855;
	border-radius: 5px;
	margin: 4px;
	padding: 4px;
}

.bam_error_color>input {
	border: 2px solid #B50000;
}

.checkout-form_row label.bam_error_color {
	color: #B50000 !important;
	font-weight: bold;
}

#signup_list {
	margin: 6px 0 0 12px;
}

#signup_list li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}

.cart_empty {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

.cart_empty_inner {
	background-color: #FFFFCC;
	margin: 5px;
	padding: 5px;
}

.cart_empty_message {
	font-family: Verdana, Arial, Helvetica, san-serf;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.info_message {
	color: #B50000;
	font-weight: bold;
}

.error_message {
	color: #B50000;
	font-weight: bold;
}

.error_message_small {
	font-size: 12px;
	color: #B50000;
	padding-left: 8px;
	margin-right: 8px;
	font-weight: bold;
}

.error_message_card {
	left: 369px;
	position: relative;
	width: 200px;
	top: -35px;
	text-align: left;
}

.internal_error_message {
	font-size: largest;
	font-weight: bold;
	font-style: italic;
	color: #b50000;
	margin: 10px;
}

#staticcontent font {
	font-size: 1.4em;
}

#titledetailbinding {
	font-size: 22px;
	margin: 0 0 0.15em;
	padding: 0.75em 20px 0 230px;
}

/* transparency layer over majority of the page */
.loading-container {
	position: fixed;
	left: 0;
	right: 0;
	top: 0px;
	margin: 0 auto;
	background-color: rgba(33, 33, 33, 0.75);
	z-index: 9999999999;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	text-align: center;
	/* centers child div */
	padding-top: 5%;
	display: none;
}

/* centered message within the masked area, color matching the loading gif */
.loading-content {
	position: relative;
	margin: 0 auto;
	/* centers this div within parent */
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	background: #212121;
	color: white;
	padding-top: 15%;
	height: 55%;
	width: 50%;
	border-radius: 10px;
}

.mapstorelist {
	font-size: 1.4em;
	width: 250px;
	text-align: left;
	float: left;
}

.storemap {
	width: 100%;
	height: 500px;
}

/* don't scroll body if a modal is active */
.modal-active {
	overflow: hidden;
}

/*::-webkit-scrollbar { display: none; } */


#modal_container {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #666;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, san-serf;
	font-size: 12px;
	color: #333;
	text-align: left;
}

#modal_overlay {
	background-color: #000;
}

.annos_pubname {
	font-style: italic;
}

.annos_review I {
	font-style: italic;
}

.annos_review B {
	font-weight: bold;
}

.annos_review U {
	text-decoration: underline;
}

.tab_shift {
	margin-left: -40px;
	padding-left: 30px;
	background-color: #D1CCBF;
}

#securemenu {
	padding: 0;
	width: 100%;
	background-color: #D1CCBF;
}

#securemenu ul {
	font: 11px Arial;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	list-style: none;
}

#securemenu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#securemenu a {
	float: left;
	display: block;
	color: #585652;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #E4E1D4;
}

#securemenu a:hover {
	color: #069;
}

#securemenu #current a {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
}

#securemenu #current a:hover {
	background-color: #FFF;
	color: #069;
}

.order_font {
	font-size: 12px;
	color: #333333;
}

.order_result_header {
	font-size: 18px;
	padding-top: 10px;
}

.order_result_header th {
	margin-top: 25px;
}

.order_table {
	margin-top: 15px;
	border: 1px solid #666666;
}

.order_table tr {
	border-bottom: 1px solid #dadada;
}

.order_table tr a {
	color: #000000;
	border: 1px solid #CCCCCC;
}

.order_table tr:hover a {
	color: #ffffff;
}

.order_table td {
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

div[class^="order-section"] {
	margin-top: 25px;
}

#history_button {
	display: inline;
}

.order_history_table_header {
	border: 1px solid #666666;
	background-color: #E6E6E6;
	font-size: 12px;
	width: 800px;
}

.order_history_table_buttons {
	float: right;
	margin-left: 1em;
	margin-right: 1em;
}

.help_item {
	margin-top: 1em;
	margin-bottom: 1em;
	border-top-color: #001F3C;
	border-top-width: 9px;
	border-top-style: outset;
	padding-top: 0.5em;
	font-style: normal;
}

.help_item h2 {
	font-weight: bold;
	font-size: larger;
	margin-bottom: 1em;
}

.help_bullets {
	margin: auto;
	width: 60%;
	font-weight: bold;
	margin-bottom: 1em;
}

.help_bullets ul li {
	list-style-type: none;
}

.page_drop_down {
	width: 150px;
	color: #333333;
	border: 1px #cecece solid;
	padding: 5px;
}

.page_drop_down_button {
	width: 70px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #002855;
	border: 1px #001f3c solid;
	cursor: pointer;
}

#page {
	float: left;
	list-style: none;
	position: relative;
	z-index: 15;
}

#page li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 10px;
	list-style: none;
	color: #444444;
}

#page a {
	border: solid 1px #9aafe5;
	background-color: #FFFFFF;
	margin-right: 6px;
}

#page .previous-off,
#page .next-off {
	border: solid 1px #DEDEDE;
	color: #888888;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 6px;
	padding: 3px 4px;
}

#page .next a,
#page .previous a {
	font-weight: bold;
}

#page .active {
	background: #5986a3;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 6px;
	padding: 2px 3px;
}

a.active:link {
	color: #FFFFFF !important;
}

#page a:link,
#page a:visited {
	color: #0e509e;
	display: block;
	float: left;
	padding: 2px 3px;
	text-decoration: none;
}

#page a:hover {
	border: 1px #001f3c solid;
}

.mag-button-dd {
	margin-top: 3px;
}

.cart-btn-large-new {
	background-image: url(/images/widgets/cart-btn-large-new2.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
	border: 0;
}

.cart-btn-mag {
	background-image: url(/images/widgets/cart-btn.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 92px;
	text-decoration: none;
}

.cart-btn-mag-sub {
	background-image: url(/images/butn_buysubscription.gif);
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 117px;
	text-decoration: none;
}

.wish-btn-mag {
	background-image: url(/images/widgets/wish-btn.gif);
	display: block;
	height: 21px;
	width: 113px;
	text-indent: -9999px;
	text-decoration: none;
}

.mag_case {
	width: 435px;
	margin-bottom: 12px;
}

.mag_aval {
	background-color: #FFFFCC;
	border: 1px dashed #CCCCCC;
	margin: 2px;
	padding: 5px;
}

.mag_case_inner {
	padding: 10px;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}

.mag_case_inner {
	padding: 10px;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}

.css_corner {
	display: block;
}

.css_corner * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #002855;
}

.css_corner1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #002855;
	border-right: 1px solid #002855;
	background: #002855;
}

.css_corner2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #002855;
	border-right: 1px solid #002855;
	background: #002855;
}

.css_corner3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #002855;
	border-right: 1px solid #002855;
}

.css_corner4 {
	border-left: 1px solid #002855;
	border-right: 1px solid #002855;
}

.css_corner5 {
	border-left: 1px solid #002855;
	border-right: 1px solid #002855;
}

.css_cornerfg {
	background: #002855;
}

.mag_title {
	font-size: 11px;
	font-weight: bold;
}

.mag_type {
	font-size: 11px;
	font-weight: bold;
	color: #002855;
}

.hideit {
	text-decoration: none;
	visibility: hidden;
}

.undisplayed {
	display: none;
}

.cheep {
	float: right;
	width: 168px;
	margin-top: -80px;
	padding: 0px 0px 0px 20px;
}

#horizontalUserMenu {
	padding: 0;
	background-color: #D1CCBF;
	width: 800px;
}

#horizontalUserMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#horizontalUserMenu li {
	margin: 0;
	padding: 0;
	float: left;
	width: 110px;
	text-align: center;
}

.buttonAsLink {
	font-size: 11px;
	color: #585652;
	background-color: #E4E1D4;
	padding: 3px 0;
	border-width: 0;
	cursor: pointer;
	width: 115px;
	height: 100%;
}

.buttonAsLink_current {
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0;
	border-width: 0;
	cursor: pointer;
	width: 115px;
	height: 100%;
}

.buttonAsLink_current_hover {
	font-size: 11px;
	color: #069;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0;
	border-width: 0;
	cursor: pointer;
	width: 115px;
	height: 100%;
}

.buttonAsLink_hover {
	font-size: 11px;
	color: #069;
	background-color: #E4E1D4;
	padding: 3px 0;
	border-width: 0;
	cursor: pointer;
	width: 115px;
	height: 100%;
}

.form_text {
	font-size: 12px;
	color: #000000;
}

.form_info {
	font-size: 14px;
	color: #333333;
	margin: 5px;
	padding: 2px;
}

.form_info b {
	font-weight: bold;
}

.form_info i {
	font-style: italic;
}

.form_header {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	padding-bottom: 3px;
	color: #002855;
}


.order_details_button {
	font-size: 12px;
	font-weight: bold;
	color: #069;
	background-color: #FFF;
	width: 100%;
	padding: 2px;
	border: 1px solid #FFFFFF;
	text-decoration: underline;
}

.print_cc_list {
	font-size: 11px;
	background-color: #E8F5FF;
	color: #333333;
	border: 1px solid #666666;
	margin: 2px;
	padding: 2px;
	width: 160px;
	font-weight: bold;
}

.print_cc_list:disabled {
	background-color: #DCDCDC;
	color: #696969;
}

.centered {
	clear: both;
	text-align: center;
}

.empty_line_above {
	margin-top: 1em;
}

.empty_line_below {
	margin-bottom: 1em;
}

.order_details {
	margin-right: 20px;
}

.order_form_buttons {
	margin-top: 5px;
}

.order_status_title {
	margin-top: 1em;
}

.order_status_title span {
	display: block;
}

.review-order-summary {
	font-size: 16px;
	max-width: 460px;
	margin: 10px;
	color: #333;
	background-color: #F8F8F8;
	border: 1px solid #999;
	padding: 10px;
}

.order-summary_data {
	float: right;
}

.order_status_subtitle {
	margin-top: 1em;
	margin-bottom: 1em;
}

.order_coupon_discount_note {
	font-size: 12px;
	color: #333333;
	margin: 5px;
	padding: 2px;
}

.order-shipment-section {
	/* pad the outer contents of the order review section contents */
	padding: 7px 5px;
}

.order-section-downloads .order-shipment-header {
	background-color: rgba(0, 255, 255, 0.6)
}

div[class^=order-section-delivery] .order-shipment-header {
	background-color: rgba(124, 152, 171, 0.6)
}

.order-shipment-header {
	/* download | deliver | pickup | other method shipping mode header */
	padding: 7px 5px;
	/*	background-color:#d2373191;                   /* not supported in all browsers */
	/*	background-color:rgba(124, 152, 171, 0.57);   /* use this rgb equivalent instead */
	border-radius: 5px 5px 0px 0px;
}

.order-shipment-heading {
	/* rows 2..n of the shipment-header above */
	padding: 7px 5px;
	/*	background-color:#d2373191;                   /* not supported in all browsers */
	background-color: rgba(124, 152, 171, 0.57);
	/* use this rgb equivalent instead */
}

.order-bordered-section {
	/* Add (all) borders to order review table sections, remove per use as needed */
	border-width: 1px;
	border-style: solid;
	/*	border-color:#d2373191;                       /* not supported in all browsers */
	border-color: rgba(124, 152, 171, 0.57);
	/* use this rgb equivalent instead */
}

.order-ship-method-nline {
	/* indent lines 2 - n of shipment methods this amount */
	margin-left: 20px;
	font-weight: bold;
}

.order-shipment-message {
	/* separate verbose div messages by this amount */
	margin-top: 7px;
}

.order_one_shipment_header_status {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	/*	width: 775px;*/
	padding: 1px;
	margin-top: 10px;
}

.order_one_shipment_header_section_title {
	font-weight: bold;
	margin-top: 1em;
}

.order_header_bill_ship_address_section_title {
	font-weight: bold;
	margin-top: 1em;
}

.order_one_shipment_header_ship_address {
	font-size: 10pt;
	color: #333333;
	background-color: #F8F8F8;
	width: 320px;
	border: 1px solid #999999;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

.order_header_bill_ship_address,
.order_header_bill_ship_address_editmode {
	font-size: 16px;
	color: #333333;
	background-color: #F8F8F8;
	max-width: 460px;
	border: 1px solid #999999;
	padding-left: 10px;
	padding: 10px;
	margin: 10px;
}

.order_floating_edit_buttons {
	margin-top: 1em;
	margin-right: 5px;
	float: right;
}

.order_rightjustified_edit_buttons {
	margin: 1em 0 0.5em 5px;
	position: relative;
	right: 5px;
}

.order_header_address_info {
	margin-top: 1em;
}

.order_items_list {
	margin-top: 1em;
	width: 760px;
}

.order_items_table {
	margin: 10px;
}

.order_items_table thead {
	vertical-align: bottom;
	text-align: center;
	color: #FFFFFF;
	background-color: #002855;
	font-size: 14px;
	font-weight: bold;
}

.order_items_table tr {
	vertical-align: top;
	margin: 2px;
	text-align: center;
	font-size: 14px;
}

.order_totals_title {
	text-align: right;
}

.order_totals_title_strong {
	text-align: right;
	font-weight: bold;
}

.order_totals_value {
	font-size: 12px;
	color: #333333;
	text-align: right;
}

.order_totals_value_strong {
	font-size: 12px;
	color: #333333;
	text-align: right;
	font-weight: bold;
}

.order_one_shipment_header_tracking_info {
	margin-top: 1em;
}

.order_one_shipment_header_no_tracking {
	font-weight: bold;
	font-size: 14px;
	color: #990000;
	padding: 2px;
	top: 10px;
	margin-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}

.order_one_shipment_totals_title {
	text-align: right;
}

.order_one_shipment_totals_title_strong {
	text-align: right;
	font-weight: bold;
}

.order_one_shipment_when_shipped {
	font-weight: bold;
	font-size: 14px;
	float: right;
	/*	top: -50px;
	left: -120px;*/
	margin-top: 10px;
	position: relative;
	color: #333333;
}

.order_editing_container_table td {
	vertical-align: top;
}

.order_editing_body {
	font-size: 12px;
}

.order_editing_body i {
	font-style: italic;
}

.order_editing_body b {
	font-weight: bold;
}

.order_editing_instructions {
	color: #333333;
	font-size: large;
	margin-top: 0.5em;
	margin-right: 1em;
}

.order_editing_instructions i {
	font-style: italic;
}

.order_editing_instructions b {
	font-weight: bold;
}

.order_editing_instructions_small {
	color: #333333;
	font-size: small;
	margin-right: 1em;
}

.order_editing_instructions i {
	font-style: italic;
}

.order_editing_instructions b {
	font-weight: bold;
}

.order_editing_body_caption {
	font-size: 12px;
	font-weight: bold;
}

.order_editing_body_error_caption {
	font-size: 12px;
	font-weight: bold;
	color: #b50000;
}

.order_editing_explanation_div {
	color: #333333;
	background-color: #ffffcc;
	border-left: 1px solid #dedad3;
	border-top: 1px solid #dedad3;
	border-right: 1px solid #cdc9c2;
	border-bottom: 1px solid #cdc9c2;
	width: 720px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: 20px;
}

.order_editing_explanation_div i {
	font-style: italic;
}

.order_editing_explanation_div b {
	font-weight: bold;
}

.order_editing_explanation_header {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	text-decoration: underline;
}

.order_editing_buttons_table {
	margin-top: 1.5em;
	text-align: center;
}

.order_editing_buttons_table td {
	vertical-align: center;
}

.order_editing_ship_address {
	font-size: 10pt;
	color: #333333;
	background-color: #F8F8F8;
	width: 320px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.order_status_explain_list_caption {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.order_status_explain_list_caption i {
	font-weight: bold;
	font-style: italic;
}

.order_status_explain_list_term {
	font-weight: bold;
	margin-right: 14px;
}

.wishlist_box {
	margin: 0 auto 10px;
}

/* ****************** */
/* should be obsolete */
.wishlist_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #002855;
	font-weight: bold;
	margin-bottom: 5px;
	display: none;
}

.wishlist_inner {
	font-size: 12px;
	color: #002855;

}

/* ****************** */

.help_box {
	background-color: #002855;
	width: 100%;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

	/*	support flex header */
	margin-left: auto;
	margin-right: auto;
}


.help_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px;
	padding: 12px 2px 2px 10px;
}

.help_box_inner {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	position: relative;
	/* support offset positioning for #target under fixed header */

}

/* offset target position for fixed header */
/* alas :target didn't work within an @media section in firefox as of 10Jul2020 - so - taking a more invasive approach */
/* this - also didn't work - .help_box_inner > a { display: block; visibility: hidden; position: relative; top: -85px; }  */
a.anchored {
	position: absolute;
	left: 0px;
	margin-top: -120px;
	display: inline-block;
}

*/:target {
	display: inline-block;
	position: relative;
	top: -120px;
	/* visibility: hidden;  */
}

.help_box_inner ul {
	padding-left: 20px;
}

.help_box_inner ol {
	padding-left: 20px;
}

.help_box_inner li {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	/*font-family: 'Lucida Sans',Verdana,Arial,sans-serif;*/
}

.help_buffer {
	height: 5px;
}

.page-list {
	float: left;
	list-style: none;
	position: relative;
	z-index: 15;
	margin-top: 2px;
	margin-left: 10px;
}

.page-list a:link {
	text-decoration: none;
}

.page-list li {
	float: left;
}

.page-list li {
	margin: 2px;
	border: 0;
	padding: 0;
	font-size: 10px;
	list-style: none;
	color: #444444;
	background-image: url(/images/misc/search_bt.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


.page-list li {
	display: block;
	padding: 2px 4px;
	border: solid 1px #fdfdfc;
}

.page-list .selected {
	background: #d6d2c4;
	font-weight: bold;
	display: block;
	float: left;
}

.search-page-list,
.order-page-list {
	list-style: none;
	position: relative;
	z-index: 9;
	display: inline-block;
}

.search-page-list a:link {
	text-decoration: none;
}

.bottom {
	background-image: url(/images/layout/result-list-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.search-page-list li,
.order-page-list li {
	margin: 2px;
	font-size: 18px;
	float: left;
	display: block;
	padding: 2px 8px;
	border: solid 1px #cecece !important;
	border-radius: 20px;
}

.search-page-list .selected a {
	color: #FFF;
}

.search-page-list .selected,
.order-page-list .selected {
	background: #002855;
	font-weight: bold;
	display: block;
	float: left;
}

.order_page_selected {
	background: #e4f3ff;
	font-weight: bold;
	display: block;
	float: left;
}



.movie_trailer {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	width: 190px;
	height: 18px;
	background-image: url(/images/movie_grad.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #666666;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.movie_clip {
	background-image: url(/images/movie-icon.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	padding-right: 3px;
	padding-left: 8px;
}

.movie_trailer a:link {
	text-decoration: none;
	color: #000000;
}

.movie_trailer a:hover {
	color: #990000;
}

.movie_trailer a:visited {
	color: #000000;
	text-decoration: none;
}

.search_module_pg {
	background-color: #FFFFFF;
	width: 945px;
}

.search_module_content {
	background-color: #FFFFFF;
	margin: 10px;
}

.search_module_bg {
	background-color: #d2cdc0;
}

.search_module_content_cell {
	width: 606px;
	border-right: 2px solid #8CB3D0;
	border-bottom: 2px solid #8CB3D0;
	border-left: 2px solid #8CB3D0;
}

.search_module_mod_header {
	height: 35px;
	width: 610px;
	background-image: url(/images/search_modules/blue-gr-bg.jpg);
}

.search_module_first_item {
	border-bottom: 1px solid #D2CDC0;
}

.search_module_divider {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #D2CDC0;
}

.search_module_sidebar {
	width: 335px;
}

.search_module_sidebar a {
	color: #fff;
	font-weight: bold;
}

.search_module_sidebar p {
	padding-left: 15px;
	padding-top: 40px;
	padding-right: 20px;
}

.search_module_sidebar li {
	list-style-type: none;
	border: thin solid #8CB3D0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bargain .title {
	/*background: #ffff66;*/
	background: #ffffff;
}



#bargain-watermark {
	background-image: url(/images/bargain-watermark-nobg.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 33px;
	margin: 10px 0 0 -100px;
}


body.home #header #nav #home,
body.books #header #nav #books,
body.nook #header #nav #nook,
body.ebooks #header #nav #ebooks,
body.tech2 #header #nav #tech2,
body.teen #header #nav #teen,
body.entertainment #header #nav #entertainment,
body.more #header #nav #more,
body.bargains #header #nav #bargains,
body.kidsamillion #header #nav #kidsamillion,
body.toys #header #nav #toys,
body.magazine #header #nav #magazine {
	background-position: 0 -65px;
	z-index: 10;
}

/*social network bar*/
#social {
	/*background: url(/images/xmas/social.png) no-repeat;*/
	background: url(/images/header/bg/social-bg.png) no-repeat;
	width: 145px;
	height: 27px;
	position: absolute;
	left: 667px;
	border-top: 1px solid #001642;
}

#twitter {
	float: right;
	padding-top: 3px;
}

#facebook {
	float: right;
	padding: 2px 4px 0 4px;
}

/* Yellow badges on ebooks and audio */

#ebook-badge {
	position: fixed;
	display: inline;
	left: 144px;
	top: 53px;
	z-index: 50;
}

#nook-badge {
	position: absolute;
	left: 120px;
	top: 56px;
	z-index: 100;
}

#nook-badge2 {
	position: absolute;
	display: inline;
	left: 195px;
	top: 56px;
	z-index: 100;
}

#audio-badge {
	position: absolute;
	left: 662px;
	top: 61px;
}


.badge {
	background: url(/images/xmas/badge.png) no-repeat;
	width: 31px;
	height: 31px;
	z-index: 30;
	position: absolute;
}

#elfs {
	background: url(/images/xmas/elfs.png) no-repeat;
	margin-left: 255px;
	width: 405px;
	height: 95px;
}


li.format {
	font-size: 10px;
}

li.format-audio {
	font-size: 12px;
}

.blue-highlight-audio {
	color: blue;
}

/* eBook library styles */
body.account .download .download_submit_button {
	width: 80px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #002855;
	border: 1px #001f3c solid;
	cursor: pointer;

}

.drawer-handle {
	background: #96b5cd;
	cursor: default;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 0pt;
	text-indent: 15px;
	width: 100%;
}

.drawers2 {
	background-color: #EFEBE4;
}

.drawer-container {
	background-color: #FFFFFF;
	border: 10px #EFEBE4 solid;
}

.drawer-list {
	list-style: none;
	margin-left: 8px;
	margin-top: 10px;

}

.drawer-list li {
	line-height: 20px;
	font-size: 12px;
}

.drawer-list a {
	font-weight: bolder;
}

.module .tabset .large h4 {
	height: 10px;
	margin-bottom: 15px;
}

.blue-bar {
	height: 9px;
	margin-bottom: 5px;
	margin: 0 -10px 10px;
	padding: 10px;
}

.wrap-acct {
	clear: left;
	width: 945px;
	margin: 0 auto 0;
}

.empty-library {
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 15px;
}

.library_items_wrap {}

.library-list {
	margin: 10px 0 10px 0;
	position: relative;
	list-style: none;
}

.popup-content ul {
	padding-left: 1em;
	margin-left: 0;
}


.library-list li {
	padding: 10px 0 10px 20px;
	position: relative;
	vertical-align: top;
}

.item-wrap {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border-bottom: black 1px solid;
}

.library-right {
	padding-left: 450px;
}

.library-left {
	float: left;
	width: 450px;

}

.library-list li .title {
	font-size: 1.25em;
	padding-left: 90px;
}

.library-list a {
	font-weight: bold;
}

.library-list li img {
	float: left;
}


.library-list .byline {
	font-size: .8em;
	font-weight: bold;
	padding-bottom: 20px;
}

.library-list .download_link {
	padding-left: 90px;
}

.library-list .library_message {
	padding-left: 90px;
	padding-bottom: 5px;
	color: #b50000;
	font-weight: bold;
}

.library-list .change_view {
	padding-top: 5px;

}

.library-list .library_item_info {}

.library-list .stars {}

.library-list .order_link {
	padding-left: 90px;
}

.library-list .advanced_title {
	color: green;
	font-weight: bold;
}

.library-list .download_submit_button {
	width: 80px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #002855;
	border: 1px #001f3c solid;
	cursor: pointer;

}

.clear {
	clear: both;
}

/* eBook Help Devices page styles */
.devices-content-column {
	width: 70%;
	float: right;
}

.devices-image-column {
	width: 25%;
	float: left;
}

.devices-images {
	border: solid 1px #D1CCBF;
}

.devices-content {
	border: solid 1px #D1CCBF;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/images/layout/also_avail_bg.jpg);
	padding: 20px;
	vertical-align: top;
}

.device_name {
	border-bottom: solid 2px #D1CCBF;
}

.acct-return a {
	background-image: url(/images/acct-btn.gif);
	height: 23px;
	width: 196px;
	float: right;
	background-repeat: no-repeat;
	padding: 0 10px 15px 15px;
}

#acct-wrapper h1 {
	color: #002855;
	font-size: 2em;
	padding-bottom: 15px;
	font-weight: bold;
}

.finish_header {
	height: 29px;
	width: 620px;
	background-image: url(/images/account2/finish-header.gif);
}

.finish-bg {
	width: 620px;
	background-image: url(/images/account2/finish-bg.gif);
}

.finish-footer {
	width: 620px;
	height: 29px;
	background-image: url(/images/account2/finish-footer.gif);
}

.finish_header h2 {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
}

.finish-bg .content {
	padding: 10px;
	width: 620px;
}

.spotlight-links ul {
	display: inline;
	float: right;
	list-style: none;
	margin: 140px 20px 0 0;
}

.spotlight-links li {
	text-align: right;
	font-size: 12px;
	color: #000000;
}

.spotlight-links {
	font-size: 1.2em;
	font-size: 12px;
}

.spotlight-links a:link {
	color: #cc0000 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.spotlight-links a:hover {
	color: #cc0000 !important;
	/*#a5d7f3*/
}

.spotlight-links a:visited {
	color: #cc0000 !important;
}

.spotlight-txt {
	color: #B50000 !important;
	font-size: 12px;
}

.spotlight-bg {
	height: 232px;
	width: 275px;
	background-color: #ebe6da;
	margin-top: 5px;
	float: left;
}

.spotlight-image {
	background-image: url(/images/misc/ebook-bg.jpg);
	background-repeat: no-repeat;
	width: 269px;
	height: 216px;
	margin: 7px 0px 0px 0px;
}

/* -----------------------
   - imported from account
*/
.order-header {
	height: 14px;
	width: 650px;
	background-color: #002855;
	padding-bottom: 15px;
}

.order-footer {
	height: 29px;
	width: 650px;
	background-image: url(/images/account2/order-footer.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.acct-lg-bg .content {
	padding: 10px;
	width: 671px;
}

.acct-md-bg .content {
	padding: 10px;
	width: 445px;
}

.acct-sm-bg .content {
	padding: 10px;
	width: 209 px;
}

#acct-wrapper p {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

#acct-wrapper h2,
#library-wrapper h2,
.blue-bar h6,
.order-header h6 {
	color: #002855;
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

.blue-bar h6 {
	padding: 0;
	position: absolute;
	top: 5px;
}

#library-wrapper ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.personal li {
	border-bottom-color: #002855;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 5px 0;
	list-style-type: none;
	margin: 0;
}

#acct-wrapper li a {
	text-decoration: none;
	color: #002855;
	font-size: 1.2em;
}

#acct-wrapper li.no-border {
	border: none;
	font-size: 1.2em;
}

.acct-lg {
	padding-bottom: 15px;
}

.acct-lg-header {
	height: 29px;
	width: 701px;
	background-image: url(/images/account2/acct-lg-header.gif);
}

.acct-lg-bg {
	background-repeat: repeat-y;
	width: 701px;
	background-image: url(/images/account2/acct-lg-bg.gif);
}

.acct-lg-footer {
	height: 8px;
	width: 701px;
	background-image: url(/images/account2/acct-lg-footer.gif);
}

.acct-md-header {
	height: 28px;
	width: 465px;
	background-image: url(/images/account2/acct-md-header.gif);
}

.acct-md-bg {
	background-repeat: repeat-y;
	width: 465px;
	background-image: url(/images/account2/acct-md-bg.gif);
}

.acct-md-footer {
	height: 8px;
	width: 465px;
	background-image: url(/images/account2/acct-md-footer.gif);
}

.acct-sm {
	padding-bottom: 15px;
}

.acct-sm-header {
	height: 29px;
	width: 229px;
}

.acct-sm-bg {
	background-repeat: repeat-y;
	width: 229px;
}

.acct-sm-footer {
	height: 8px;
	width: 229px;
}

.acct-sm {}


.acct-left {
	float: left;
}

.acct-right {
	float: right;
}

.clear {
	clear: both;
}

#acct-wrapper,
#library-wrapper {
	width: 945px;
	margin: 0 auto;
}

#order-results {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin: 25px auto;
	font-size: 1.2em;
	min-width: 400px;
	text-align: left;
	color: #595959;
}

.home_order_table {
	text-align: center;
	margin-top: 20px;
}

.order_table_id_column {
	float: left;
	width: 20%;
}

.order_table_date_column {
	float: left;
	width: 20%;
}

.order_table_total_column {
	float: left;
	width: 20%;
}

.order_table_status_column {
	float: left;
	width: 20%;
}

.order_table_btn_column {
	float: left;
	width: 20%;
}

.order_table_show td {
	padding-bottom: 15px;
}

.order_row {
	width: 100%;
	clear: both;
	display: inline-block;
	margin: 2px;
}

.order_table_show {
	display: block;
	padding-top: 5px;
	min-height: 180px;
	width: 93%;
}

.order_table_hide {
	display: none;
}

/*
.order_page_selected {
        background-color: white;
        cursor: pointer;
}

.order_page {
        background-color: gray;
        cursor: pointer;
}
*/

.notify_messages {
	color: #656565;
	font-weight: bolder;
	font-size: 1.2em;
}

.fail_messages,
.emailError {
	color: #b50000;
	font-size: 1.2em;
}


#msg_center {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
}

#msg_center p {
	margin-bottom: 1.4em;
}

/* Image gallery styles */

.product-image-gallery {
	display: inline;
}

/* the list of images in the gallery */
.product-image-gallery .image-gallery-thumbnails {
	position: relative;
	float: left;
	width: 32px;
	margin-left: 5px;
}

/* Each individual image thumbnail in the gallery */
.product-image-gallery .image-gallery-thumbnails .image-gallery-thumbnail {
	border: 1px solid #cccccc;
	margin: 2px;
	width: 32px;
	height: 32px;
}

.product-image-gallery .image-gallery-main-image-container {
	float: left;
}

#ebook-badge2 {
	position: fixed;
	display: inline;
	left: 150px;
	top: 53px;
	z-index: 100;
}

.badge2 {
	background: url(/images/tabs/new-badge.png) no-repeat;
	width: 104px;
	height: 31px;
}

.freeship {
	background: url(/images/free-shipping.gif) no-repeat;
	width: 335px;
	height: 46px;
	margin-left: 37px;
}

/* End Navigation */


/* Quote Pop Ups */
.tooltip {
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 300px;
	background: #ddedf2;
}

/*
		.tooltip:hover img {
			border: 0;
			float: left;
	}
		*/
.tooltip:hover em {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.classic {
	padding: 0.8em 1em;
}

.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover .info {
	background: #ddedf2;
	border: 1px solid #000000;
}

/* End Quote Pop Ups */
/* =============== Accordions ================ */

.accordion-filter li:hover {
	cursor: pointer;
}

.accordion .panel-heading a i.fa::before {
	content: url(https://images.booksamillion.com/images/more/link-arrows-open.png);
}

.accordion .panel-heading a.collapsed i.fa::before {
	content: url(https://images.booksamillion.com/images/more/link-arrows-closed.png);
}

.accordion .panel-heading:hover {
	cursor: pointer;
}

.accordion .panel-heading:not(.collapsed) {}

.accordion a:hover {
	text-decoration: underline;
}

.filter-panel .panel {
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	display: none;
	overflow: visible;
}

.panel-group .panel {
	border-radius: 0px;
}

.panel-title img {
	vertical-align: text-top;
}

.panel-title {
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	color: #777777;
	font-weight: normal;
}

.panel-title i {
	font-size: 16px;
	line-height: 25px;
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 1px;
}

.panel-heading {
	padding: 5px 8px;
	border-radius: 4px;
}

.panel-group .panel+.panel {
	margin-top: 2px;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
	padding: 18px 10px;
}

.panel-group .panel-heading+.panel-collapse .panel-body p {
	/* line-height: 16px; */
	font-size: 12px;
	margin-bottom: 0;
}

.breadcrumb {
	margin: 0;
	font-size: 13px;
	background: none;
	padding: 8px 0;
}

.breadcrumb a {
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
}

.breadcrumb a:hover {
	text-decoration: none;
}

.alert {
	padding: 10px 15px;
	margin-bottom: 10px;
	border-radius: 3px;
}

.alert i.fa {
	line-height: 20px;
	font-size: 20px;
	margin-right: 10px;
	width: 22px;
	text-align: center;
}

.alert .text {
	font-size: 13px;
}

.alert.alert-icon .text {
	padding-left: 32px;
}

.alert.border {
	padding: 9px 14px;
}

.alert.alert-noicon.sc {
	padding: 15px 15px;
}

.alert.alert-noicon.sc .text {
	line-height: 42px;
}

.alert.alert-noicon.sc .socials {
	padding-top: 7px;
}

/* Support 2 column grid layouts - used in
 * /books           (book.html)
 * /educators       (educators.html)
 * /more            (more.html)
 * /help/index.html
 * and /search - but that's currently custom
 */
.two-column-grid {
	display: grid;
	grid-template-columns: calc(100% - 285px) 275px;
	max-width: 1280px;
}

.two-column-grid.right-major {
	grid-template-columns: 275px calc(100% - 285px);
}

.two-column-minor-title {
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	font-size: 130%;
}

.branding-list {
	margin-right: 50px;
}

.brand-list-text {
	font-family: 'Montserrat', sans-serif;
}

.brand-list-items {
	font-family: 'Montserrat', sans-serif;
}

.brand-list-title2 {
	font-family: 'Montserrat', sans-serif;
}

/* TODO DELETE - replaced with two-column-minor-title above */
.brand-list-title3 {
	font-family: 'Montserrat', sans-serif;
}

/* misc for order cgi */

.order_main_content {
	width: 93%;
	text-align: left;
	margin: 12px auto 20px;
}

.order_rule {
	border-bottom: 1px solid #C5C2B7;
	margin: 2px 0px 2px 0px;
}

.order_section_header {
	background: #E6E7E8;
	padding: 2px 0 2px 7px;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.order-row-divider {
	width: 97%;
	height: 1px;
	margin: 0 auto;
	background-color: #002855;
}

/* error and info message main blocks */
#messages {
	/* padding instead of margin for top: so scroll to anchor leaves space */
	padding-top: 6px;
	margin: 0 0 6px 0px;
	width: 80%;
}

#messages div ul {
	list-style-type: none;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding-left: 8px;
}

#messages div ul li {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
}

/* for list within list */
#messages div ul li ul {
	list-style-type: disc;
	margin-top: 6px;
}

#messages div ul li ul li {
	margin-left: 18px;
}

/* borrowed from twitter bootstrap dl-horizontal */
.dl-horizontal::before,
.dl-horizontal:after {
	display: table;
	line-height: 0;
	content: "";
	margin-bottom: 2px;
	padding-top: 2px;
}

.dl-horizontal:after {
	clear: both
}

.dl-horizontal .dt,
.dl-horizontal dt {
	float: left;
	width: 165px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 2px;
	margin-top: 2px;
}

.dl-horizontal .dd,
.dl-horizontal dd {
	margin-left: 170px;
	margin-bottom: 2px;
	padding-top: 2px;
	clear: right;
}

/* Tokenization form */
.billing_section .dl-horizontal .dd,
.billing_section .dl-horizontal dd {
	margin-left: 165px;
}

.billing_section .dl-horizontal .dt,
.billing_section .dl-horizontal dt {
	margin-top: 5px;
	width: 160px;
}

.dl-horizontal label {
	font-weight: bold;
}

.billing-buttons {
	max-width: 300px;
	margin: 0 auto;
}

.tok-lbl {
	padding-right: 7px;
}

.tok-fld {
	width: 160px;
	height: 30px;
	position: relative;
	margin-left: 5px;
	margin-bottom: 7px;
	text-align: right;
}

#cc-name,
#cc-card,
#cc-exp,
#cc-cvv {
	display: inline;
	height: 20px;
	width: 200px;
	padding-left: 3px;
	position: absolute;
	top: -7px;
	left: 160px;
}


/* Styles applied to billing fields */
#add_billing_form {
	/*margin: 20px 0 20px 0; */
	width: 99%;
}

#add_billing_header strong {
	font-size: 150%;
}

.billing_section {
	margin: 0 0 7px 0;
}

.billing_section_head {
	margin: 0 auto;
	width: min-content;
	text-wrap: nowrap;
	font-size: 150%;
	color: #002855;
}

.payment_type_block {
	text-align: left;
}

.payment_type_block_type {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 12px 0 0;
	list-style-type: none;
	zoom: 1;
	*display: inline;
	/* ie7 inline block hack */
}

.payment_type_choice {
	margin-bottom: 4px;
}

.payment_radio {
	vertical-align: -webkit-baseline-middle;
}

#cc_payment_options {
	display: inline-block;
	white-space: nowrap;
	zoom: 1;
	*display: inline;
	/* ie7 inline block hack */
}

#review_message,
#add_billing_footnote {
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

/* Styles applied to iframed billing fields */
.firstdata-field-focus,
.focusClass {
	outline: none;
	border-color: #00a9e0 !important;
}

.firstdata-field-invalidClass,
.invalidClass {
	border-color: #C01324 !important;
	color: #C01324 !important;
	border-width: 1.5px !important;
	/* with select lists, need more emphasis than 1px */
}

.firstdata-field-valid,
.validClass {
	border-color: green !important;
	border-style: solid !important;
	/* emphasize valid */
	border-width: 1.5px !important;
	/* emphasize valid */
	color: green !important;
}

.billing-fields,
.optional-billing-fields {
	flex: 3;
	width: 87%;
	border: 2px solid #002855;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 12px;
}

/* UI DIALOG - used for add-to-cart, store-selector, and what-is-a-bargain? */
.ui-dialog {
	width: 100% !important;
	/* accept width of nowrap flex container */
	max-width: max-content !important;
	position: fixed !important;
	/* static page position */
	top: 55px !important;
	/* override top from jquery-ui.css */

	/* AND ... horizontally center the dialog */
	left: calc(50%) !important;
	transform: translateX(-50%) !important;
	overflow-x: hidden;
}

/* Fix for different behavior across browsers (Chrome vs. FF at least */
.ui-dialog[aria-describedby="cart_popup"] {
	max-width: min-content !important;
}

.ui-dialog-titlebar {
	width: 100% !important;
	box-sizing: border-box !important;
	background: #002855 !important;
	color: #FFF !important;
	font-weight: bold !important;
	font-size: x-large;
	border-top: solid 1px #FFF !important;
	/* standard minimal offset from the (fixed position) header */
}

.ui-dialog-content {
	width: max-content !important;
	max-width: inherit;
	display: flex;
	flex-wrap: nowrap;
	/* nowrap here - wrap for smaller devices */
	justify-content: center;
}

/* WITHOUT this - can't scroll overflowed content on mobile (iOS 13.3 at least) */
/* doesn't appear to break anything else having this override in place */
.ui-selectable {
	touch-action: auto !important;
}

#dialog-nearby-stores2 {
	display: block;
}

/* and not selectable in iOS unless display is block */

/* Store Selector Styling */
/* Store Selector Item Availability*/
.storeAvailabilityRowContainer {
	margin: 0 auto;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	text-align: center;
}

.storeAvailabilityRowContainer a {
	font-style: normal;
}

.storeAvailabilityRowContainer hr {
	margin: 0;
}

.storeAvailabilityRowContainer h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	color: #404042;
}

.storeAvailabilityStoreImage {
	margin: 3px auto;
	width: 104px;
	height: 80px;
}

/* .storeAvailabilityLeftCol { } */
.storeAvailabilityStoreImage img {
	height: 100%;
	width: auto;
	max-height: 150px;
}

.storeAvailabilityAddressBlock {
	margin: 0 10px;
	white-space: nowrap;
	flex-grow: 2;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	color: #404042;
	line-height: 19px
}

.storeAvailabilityRightCol {
	text-align: right;
	margin-top: 5px;
	/* align with AddressBlock text */
}

.storeAvailabilityRightCol .ui-selectee a {
	color: #002855;
	text-decoration: none;
	font-style: normal;
}

.storeAvailabilityStoreImageContainer {
	margin: 20px auto;
	width: 110px;
	height: 86px;
	/*
	background-color:#FFF;
	padding:1px;
	border:1px solid #dcdcde;
*/
}

.storeAvailabilityMilageBlock {
	margin: 0 auto;
	font-size: 11px;
	font-weight: bold;
	color: #404040;
	text-align: center;
}

.storeAvailabilityStockContainer {
	max-width: 225px;
	margin-top: 10px;
}

.storeAvailabilityStockAvailable {
	display: flex;
	flex-wrap: nowrap;
}

.storeAvailabilityStockAvailable h3 {
	font-size: 13px;
	font-weight: bold;
}

/* .storeAvailabilityLinks { } */

.storeAvailabilityLinks a {
	text-decoration: none;
	font-style: normal;
}

#storeAvailabilityMessage {
	margin-top: -5px;
	font-size: 13px;
}

#storeAvailabilityMessageTwo {
	font-size: 11px;
}

/*
.changeStoreButton {
	height: 26px;
	position: relative;
	width: 120px;
	background-color: #f1f1f1;
	padding: 5px;
	box-sizing: content-box;
	text-align: center;
	border: 1px solid #CCC;
	margin-top: 5px;
	cursor: pointer;
}

.changeStoreButton > .changeStoreBtnText {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	font-size: 12px;
}

.changeStoreButton > .changeStoreIcon {
	display: inline-block;
	height: 100%;
	vertical-align: baseline;
}
*/

#search_help2 {
	background-color: #333;
	width: 32px;
	height: 32px;
	position: relative;
	display: inline-block;
}

.ui-widget-content li {
	background-image: none;
	background-color: #fcfcfc;
	border: none;

}

.ui-widget-content li:hover {
	background-color: #e0e0e0;
	cursor: pointer;
}

#forDeliveryContainer {
	margin-left: 25px;
	font-size: 12px;
}

#myStoreContainer {
	width: 350px;
	margin-top: -40px;
}

#myStoreContainerHeader {
	margin-left: 25px;
}

#myStoreContainerTitle {
	font-size: 15px;
	font-weight: bold;
	color: #404042;
	font-family: arial;
	float: left;
	margin-right: 10px;
}

.productAvailable {
	width: 300px;
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
	display: grid;
	grid-template-columns: auto 1fr;
}

.productAvailableLast {
	width: 300px;
}

.productAvailableIcon {
	width: 25px;
}

.productAvailableText {
	width: 300px;
	font-size: 12px;
	font-weight: bold;
	color: #404042;
	align-self: center;
}

#myStoreContainerReserveNumber {
	font-weight: normal;
	color: #404042;
	font-size: 12px;
}

#myStoreContainerReserveText {
	font-size: 12px;
	font-weight: bold;
	color: #404042;
}

#myStoreContainerLinks {
	width: 290px;
	text-align: left;
	font-size: 12px;
	color: #404042;
	margin-top: 5px;
	margin-bottom: 5px;
}

#myStoreContainerLinks a {
	color: #002855;
	text-decoration: none;
}

.store-locator-search {
	height: auto;
	width: auto;
	font-size margin: 0 0 0px;
}

#store-locator {
	display: none;
}

#selectable-stores .ui-selectee:hover {
	background: #f1f1f1;
}

#selectable-stores .ui-selecting {
	background: #f1f1f1;
}

#selectable-stores .ui-selected {
	background: #f1f1f1;
}

#selectable-stores {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 750px;
}

#zip-error,
#zip-error2 {
	color: red;
	display: inline;
}

.price-block-quote-text {
	text-align: left;
}

.price-block-quote-text select,
.price-block-quote-text textarea,
.price-block-quote-text input[type="text"],
.price-block-quote-text input[type="password"],
.price-block-quote-text input[type="datetime"],
.price-block-quote-text input[type="datetime-local"],
.price-block-quote-text input[type="date"],
.price-block-quote-text input[type="month"],
.price-block-quote-text input[type="time"],
.price-block-quote-text input[type="week"],
.price-block-quote-text input[type="number"],
.price-block-quote-text input[type="email"],
.price-block-quote-text input[type="url"],
.price-block-quote-text input[type="search"],
.price-block-quote-text input[type="tel"],
.price-block-quote-text input[type="color"],
.price-block-quote-text .uneditable-input {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.price-block-quote-text input.grey {
	color: #999 !important;
	background: transparent !important;
}

.price-block-quote-text .uneditable-input {
	margin-left: 0;
}

.price-block-quote-text input,
.price-block-quote-text textarea,
.uneditable-input {
	width: 206px;
}

.price-block-quote-text input,
.price-block-quote-text button,
.price-block-quote-text select,
.price-block-quote-text textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#search_help img,
#search_help,
#store-locator img {
	margin-bottom: -5px;
}

#selectable-stores li:hover {
	background-color: #F1F1F2;
}

/* END Store Selector */

/* CSS for Product Modules */

.moduleContainer {
	/* Unused for now but controls the entire module products and all */
}

.moduleHeader {
	width: 100%;
	/* responsive - within .wrap / #content */
	max-width: 1280px;
	border-bottom: 1px solid #002855;
	margin-top: 15px;
	margin-bottom: 1px;
	color: #002855;
	margin-left: auto;
	margin-right: auto;
}

.moduleHeaderSmall {
	/*	width: 600px; */
	width: 85%;
	max-width: 600px;
	border-bottom: 1px solid #d6d8d8;
	margin-top: 15px;
	margin-bottom: 1px;
	color: #002855;
	margin-left: auto;
	margin-right: auto;
}

.moduleHeader a,
.moduleHeaderSmall a {
	color: #002855;
	text-decoration: none;
}

.header-gradient {
	width: 100% !important;
	max-width: 100% !important;
}

.moduleHeaderLeft {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #002855;
	padding-left: 15px;
}

.moduleHeaderRight {
	float: right;
	font-size: 12px;
	padding: 7px 15px 0 0;
}

/* ENABLE responsive product sliders */
div[class^="feature"][class$="control"] {
	/* feature and (indirectly, also used by many) landing pages */
	width: 100%;
	max-width: 1280px;
	/* Images not (currently) sized for rendering above this resolution */
	margin: 0 auto;
}

div[class^="feature"][class$="control"] iframe {
	width: 100%;
}

/* ENABLE responsive openX ads */
div[class^="subBannersRow"],
div[class^="landingPageAdRow"] {
	width: 100% !important;
	max-width: 1280px;
	display: inline-flex;
	display: inline-block;
	display: flex;
	justify-content: space-around;
	/* not evenly for IE11 */
	flex-flow: row wrap;
	align-items: center;
}

div[class^="smallBanner"],
div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
	float: none !important;
	max-width: 540px;
	width: 100%;
	display: inherit;
}

.seriesBanner {
	flex-basis: 49%
}

@media screen and (min-width: 600px) {
	.seriesBanner {
		flex-basis: 33%;
	}
}

@media screen and (min-width: 769px) {
	.seriesBanner {
		flex-basis: 24%;
	}
}

@media screen and (min-width: 1025px) {
	.seriesBanner {
		flex-basis: 19%;
	}

}

@media screen and (min-width: 1170px) {
	.cart-contents .item-desc {
		padding-left: 10px;
		text-align: left;
		min-width: 250px;
	}

}



.landingPageAd h1 {
	margin-top: 0px;
}

/* Adjust max width for landingPageAdRows (which have more than one ad */
@media screen and (min-width: 1280px) {
	div[class^="smallBanner"] {
		max-width: 400px;
	}
}

@media screen and (max-width: 1279px) {
	div[class^="smallBanner"] {
		max-width: 375px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 525px;
	}
}

@media screen and (max-width: 1220px) {
	div[class^="smallBanner"] {
		max-width: 350px;
	}
}

@media screen and (max-width: 1160px) {
	div[class^="smallBanner"] {
		max-width: 335px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 500px;
	}
}

@media screen and (max-width: 1110px) {
	div[class^="smallBanner"] {
		max-width: 320px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 475px;
	}
}

@media screen and (max-width: 1060px) {
	div[class^="smallBanner"] {
		max-width: 305px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 450px;
	}
}

@media screen and (max-width: 1010px) {
	div[class^="smallBanner"] {
		max-width: 290px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 425px;
	}
}

@media screen and (max-width: 960px) {
	div[class^="smallBanner"] {
		max-width: 275px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 400px;
	}
}

@media screen and (max-width: 920px) {
	div[class^="smallBanner"] {
		max-width: 260px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 375px;
	}
}

@media screen and (max-width: 860px) {
	div[class^="smallBanner"] {
		max-width: 250px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 350px;
	}
}

@media screen and (max-width: 810px) {
	div[class^="smallBanner"] {
		max-width: 230px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 325px;
	}
}

@media screen and (max-width: 760px) {
	div[class^="smallBanner"] {
		max-width: 220px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 300px;
	}
}

@media screen and (max-width: 720px) {
	div[class^="smallBanner"] {
		max-width: 540px;
	}

	div[class^="landingPageAdRow"] div[class^="landingPageAd"] {
		width: 100%;
		max-width: 540px;
	}
}

/* responsive landingPage video frame sizing */
.landingPageVideo {
	max-width: max-content;
	margin: auto;
}

.landingPageVideo iframe {
	max-width: 100%;
}

/* Occupy no more than 85% of the available viewport, allows left and right slider icons + space on each side */
#content {
	text-align: center;
	/* #content width set in media setions */
	max-width: 1280px;
}

/* Reduce container width to 93% to keep slider next/prev arrows contained within header width */
.sliderContainer {
	width: 93%;
	margin: 0 auto 25px;
}

#content [class$="banner"],
#content [class$="Banner"] {
	width: 100% !important;
	/* 100% within 85% #content | .wrap */
	margin: auto !important;
	/* center the ad within the viewport */
}

/* provide minimal vertical whitespace for consecutively placed ads */
/* this MEANS - remove and don't use breaks between ads !!! */
#content [class$="Banner"],
#content [class$="banner"],
#content [class^="smallBanner"],
#content [class^="landingPageAd"] {
	margin-top: 5px !important;
	/* override any existing margin-top def here */
	margin-bottom: 5px !important;
	/* override any existing margin-bottom def here */
}

.mm-direct-link {
	width: 100%;
}

#content [class$="banner"]>a,
#content [class$="Banner"]>a,
#content [class$="banner"]>.mm-direct-link>a,
#content [class$="Banner"]>.mm-direct-link>a,
#content [class^="landingPageBanner"] a,
#content [class$="landingPageAd"] a,
div[class^="smallBanner"] a,
div[class="feature-pg"] a {
	width: 100%;
	/* 100% by default */
	max-width: 1280px !important;
	/* but no more than 1280px wide */
	margin: 0 auto;
	/* center the ad within the viewport */
}

#content [class$="banner"] img,
#content [class$="Banner"] img,
#content .landingPageBanner img,
#content .landingPageAd img,
div[class^="smallBanner"] img,
div[class="feature-pg"] img {
	width: 100% !important;
	/* expand image to fill constrained (@ 85%) a container */
	height: auto;
	/* resize height to match width */
	margin: 0 auto;
	/* center the img within the <a> container */
	max-width: 1280px;
	/* consistent width constraint */
}

/* Handle (1 per row) openX ads which use a map rather than being <a/> content */
#content [class$="banner"] img,
#content [class$="Banner"] img {
	margin: auto;
	max-width: 100%;
}

/* Need margin before the first Banner image / h1  - ok for other ad images */
#content [class$="banner"] a img,
#content [class$="Banner"] a img,
#content [class$="banner"] h1,
#content [class$="Banner"] h1 {
	margin-top: 15px;
}

/* responsive banners within the site entry page */
.DODbanner {
	display: inline-flex;
}

#content .mainBanner {
	white-space: nowrap;
	display: inline-flex;
	margin-bottom: 25px !important;
}

.mainBanner .splide__slide a,
.mainBanner .splide__slide img {
	width: inherit !important;
}

/* common, on-mouseover add-to-cart effects *
 * force overlay absolute placement based upon the img location *
 * effect-1 - common product - not feature pages *
 * effect-2 - used for "Customers Also Bought" *
 * effect-3 - used for items on feature pages *
 * effect-4 - used for gift items - not feature pages?
 */
div[class^="effect-"] a,
div[class*=" effect-"] a {
	width: 100%;
}

/* required to center cartIcon */
div[class^="effect-"] .img .overlay,
/* CSS selector for effect-* is first class */
div[class*=" effect-"] .img .overlay {
	/* CSS selector for effect-* is NOT the 1st class */
	width: 50px;
	height: 50px;
	transform: scale(0);
	/* hidden by default */
	left: calc(50% - 25px);
	/* h-center overlay */
	bottom: 25px;
	/* consistent vertical placement */
	display: flex;
	/* easy v-center */
	align-items: flex-end;
	/* v-center */
	text-align: center;
	/* h-center */
	background: #E7E7E7;
	opacity: .9;
}

.material-icons.atcIcon {
	font-size: 36px;
	cursor: pointer;
	margin: auto;
	/* h-center this icon */
	color: #002855;
	/* bam blue */
}

div[class^="effect-"] .img,
/* CSS selector for effect-* is first class */
div[class*=" effect-"] .img {
	/* CSS selector for effect-* is NOT the 1st class */
	position: relative;
}

.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: #e7e7e7;
	overflow: hidden;
	transition: all 0.2s;
	border-radius: 25px;
}

a.close-overlay {
	display: block;
	position: absolute;
	top: calc(50% - 25px);
	/* v-center overlay */
	left: calc(50% - 25px);
	/* h-center overlay */
	bottom: 0;
	/* fall-back to bottom of image */
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
}

a.close-overlay.hidden {
	display: none;
}

/* End Common add to cart */


/*///////////////////////////////////*/
/*///////////////////////////////////*/
/* Copied from the titledetail pages */
/*///////////////////////////////////*/
/*///////////////////////////////////*/
.flt-left {
	float: left;
}

.flt-right {
	float: right;
}

.clr-both {
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
	/* IE */
}

.clr-left {
	clear: left;
}

.clr-right {
	clear: right;
}

#divide-width {
	background: #d1ccbf;
	width: 90%;
	height: 1px;
	margin: 5px;
}

#divide-height {
	background: #c4c4c4;
	width: 1px;
	height: 90%;
	margin: 5px;
}

.divide-test {
	background-image: url(https://images.booksamillion.com/images/layout/footer-line.gif);
	width: 100%;
	height: 2px;
}

.test-bgb {
	/*background: #e9edf1;*/
	background-image: url(buy-bg.png) repeat;
	height: 100%;
	width: 100%;
	padding: 3px;
}

#social-pos {
	float: right;
	width: 230px;
	text-align: right;
}

.format a:link {
	background: #ffffff;
}

.format a:hover {
	background: #b7b2a6;
}

.format a:visited {
	background: #ffffff;
}

/*Review Styles*/
/* normal formating */
/*	support flex header */
#table {
	margin: 0 auto;
	flex: 1;
	font-family: arial;
	font-size: 12px;
	color: #333;
	border: 1px
}

#table .desc {
	flex: 1;
	height: 100%;
	float: right;
}

#table .row {
	margin: 15px 0 5px 0;
	border-bottom: 1px dotted #c4c4c4;
}

#table .img {
	float: left;
}

#table .img img {
	border: 0px solid #333;
}

#table .desc a {
	color: #002855;
	text-decoration: none;
}

#table .desc span {
	width: 50px;
}

#table h2 {
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 0;
}

#table h2 a {
	text-decoration: none;
}

.clear {
	clear: both
}

.sec-hdr {
	font-size: 20px;
	font-family: arial;
	color: #002855;
}

.short-anno-hdr {
	color: #002855;
	font-size: 14px;
}

#quick-hdr {
	font-size: 20px;
	font-family: arial;
	color: #000000;
}

.quick-hdr {
	font-size: 20px;
	font-family: arial;
	color: #002855;
}


/*chart Styles */
#dark {
	background: #e9edf1;
	width: 99%;
	line-height: 24px;
	padding: 2px;
}

#light {
	background: #ffffff;
	width: 99%;
	line-height: 24px;
	padding: 2px;
}

.tooltip {
	color: #3f5877;
	font-size: 14px;
}

/* Other Formats */
#other-format {
	background: url(https://images.booksamillion.com/images/formatbg.png);
	width: 920px;
	border: 1px solid #d1ccbf;
	padding: 10px;
	font-family: arial;
	font-size: 12px;
}

#other-format .show-avail span {
	width: 460px;
}

#other-format .show-avail {
	width: 99%;
	border-bottom: 1px solid #d1ccbf;
	padding: 3px;
}

.hr-top {
	border-bottom: 1px solid #002855;
	height: 10px;
}

.hr-btm {
	border-bottom: 1px solid #002855;
	height: 10px;
}

.question {
	display: inline;
}

.dotted-border {
	background: url(https://images.booksamillion.com/images/layout/dot-bg.png) repeat;
	width: 100%;
	height: 1px;
	margin: 0px 0 5px 0;
}

#clear {
	clear: both;
}

.dotted-border {
	background: url(https://images.booksamillion.com/images/layout/dot-bg.png) repeat;
	width: 100%;
	height: 1px;
	margin: 0px 0 0px 0;
}

/* Other Formats TITLE */
.formats-title-image {
	width: 80px;
	border-right: 0px dotted #bcbcbc;
	padding: 3px 0 0px 10px;
	font-size: 12px;
	font-weight: bold;
}

.formats-title-details {
	width: 54%;
	border-right: 0px dotted #bcbcbc;
	padding: 0 0 0px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #002855;
}

.formats-title-price {
	/*width: 60px;*/
	border-right: 0px dotted #bcbcbc;
	padding: 0 0px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #002855;
}

.formats-title-marketplace {
	/*width: 155px;*/
	border-right: 0px dotted #bcbcbc;
	padding: 0px 5px 0px 0;
	font-size: 13px;
	font-weight: bold;
	color: #002855;
}

/* Other Formats Content */
.formats-content-image {
	width: 80px;
	border-right: 1px dotted #bcbcbc;
	padding: 5px 0 3px 10px;
	height: 65px;
}

.formats-content-details {
	width: 54%;
	border-right: 1px dotted #bcbcbc;
	padding: 5px 0 3px 10px;
	height: 65px;
	color: #333;
}

.formats-content-price {
	width: 60px;
	border-right: 1px dotted #bcbcbc;
	padding: 5px 0 3px 10px;
	height: 65px;
	color: #333;
}

.formats-content-marketplace {
	width: 155px;
	border-right: 0px dotted #bcbcbc;
	padding: 5px 5px 3px 0;
	height: 65px;
	color: #333;
}

.bookFormat {
	font-size: 17px;
	color: #002855;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-align: center;
}

.bookFormat a {
	font-size: 17px;
	color: #002855;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-align: center;
}

.bookFormat a:hover {
	font-size: 17px;
	color: #002855;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-align: center;
}

.bookFormat a:visited {
	font-size: 17px;
	color: #002855;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-align: center;
}


#social-float {
	position: absolute;
	top: 330px;
	right: 458px;
	z-index: 999999;
}

.formatDisplay {
	/*display: none;*/
	background: #ffffff;
	position: relative;
	z-index: 2;
	font-size: 12px;
}

.wish-btn-large2 {
	background-image: url(https://images.booksamillion.com/images/widgets/wish-btn-large.gif);
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	height: 21px;
	text-indent: -9999px;
	width: 113px;
	margin: 3px 0 5px 6px;
}

.cart-btn-large2 {
	background-image: url(https://images.booksamillion.com/images/widgets/cart-btn-large.gif);
	height: 30px;
	display: inline-block;
	float: left;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.average-rate-search2 {
	display: block;
	margin: 5px 0px 0px 3px;
	width: 77px;
	position: relative;
	right: 0px;
}

.average-rate-search2 .total-ratings-search2 {
	font-style: italic;
	color: #606060;
	text-align: left;
}

.average-rate-search2 .stars4 {
	height: 13px;
	width: 77px;
	background-image: url(https://images.booksamillion.com/images/layout/stars4.gif);
}

ul.quick-links {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #002855;
}

ul.quick-links a {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #002855;
	text-decoration: none;
}

ul.quick-links a:hover {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #002855 !important;
	/* #07a0ed */
	text-decoration: underline;
}

ul.quick-links a:visited {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #002855;
	text-decoration: none;
}


ul.quick-links li {
	float: left;
	padding: 7px;
	text-align: center;
	border-right: 0px solid #002855;
}

.quick-links-spacing {
	margin: 3px 0 3px 0;
}

ul.last li {
	float: left;
	padding: 4px;
	text-align: center;
	border-right: 0px solid #002855;
}

#more-links a {
	text-decoration: none;
}

#more-links a:hover {
	text-decoration: underline;
}

.social-title {
	font: bold 30px/1.2307em 'Oswald', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2307em;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	-moz-font-feature-settings: normal;
	-moz-font-language-override: normal;
	color: rgb(0, 51, 102);
	text-shadow: 1px 1px 0px white;
}

.cart-btn-large-new {
	background-image: url(https://images.booksamillion.com/images/widgets/cart-btn-large-new2.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.download-btn-new {
	background-image: url(https://images.booksamillion.com/images/widgets/new-download-btn2.png);
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 134px;
	margin: 0 0 10px;
}

.adjust-details-image-height {
	min-height: 80px;
}

.social-contianer-spacing {
	padding-top: 5px;
}

.facebook-social-position {
	float: left;
	width: 80px;
}

.twitter-social-position {
	width: 51px;
	padding-right: 20px;
}

.google-social-position {
	float: left;
	width: 70px;
}

.pinterest-social-position {
	float: right;
	width: 60px;
}

.inner-content-container {
	width: 945px;
	margin: 0px auto;
	padding-top: 15px;
}

details-title-text {
	font-size: 20px;
	color: #002855;
}

.details-author-text {
	font-size: 14px;
}

.details-retail-price {
	font-size: 11px;
}

.details-content-text {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.details-red-club-price-small {
	color: #cc0000;
	font-size: 11px;
}

.details-red-club-price-large {
	color: #cc0000;
	font-size: 28px;
}

.openx-top-padding {
	margin-top: 25px;
}


/* Update Main CSS */
.average-rate-search {
	display: block;
	margin: 5px 0px 15px 0px;
	width: 120px;
	position: relative;
	height: 13px;
	text-align: right;
	right: 0px;
}

/* Short Annos Fadeout */
#short_anno_container {
	height: 50px;
	position: relative;
	display: inline-block;
	word-wrap: break-word;
	overflow: hidden;
	text-align: justify;
}

p.anno_fade {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 11px 0;
	background-image: linear-gradient(to bottom, transparent, white);
}


.confirmation_block {
	font-size: 1.1em;
	max-width: 800px;
	margin: 0px auto;
	padding: 30px;
	color: #002855;
}


/* SMS (was only in base_2014) */
#smsMainSU {
	width: 915px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1px;
}

#smsInputContainer {
	float: left;
	width: 125px;
	height: 75px;
}

#smsBtnContainerSU {
	float: left;
	width: 70px;
	height: 75px;
}

#smsIconContainer {
	float: left;
	width: 70px;
	height: 75px;
}

.smsInputBox {
	border: 1px #E0E0E0 solid;
	height: 48px;
	width: 115px;
	padding-left: 20px;
	font-size: 12px;
}

.smsButtonSU {
	height: 49px;
	width: 70px;
	background-color: #002855;
	color: #FFF;
	border: none;
	font-size: 14px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
}

#smsContainer75 {
	float: left;
	max-width: 650px;
	height: auto;
	text-align: center;
	color: #666666;
	/*font-size: 17px;*/
}

#smsContainer75 label {
	font-size: 18px;
}

#smsAni {
	width: 98%;
	height: auto;
	margin: 0 auto;
}

#sms_failure,
#sms_success {
	font-size: 13px;
	margin-bottom: 20px;
}

#sms_failure {
	color: red;
}

/* End SMS stuff /*


/* Add to Cart Popup */

/* float add-to-cart dialog OVER the violator if present */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	z-index: 9999999;
}

.module .product-listATC {
	background-color: #ffffff;
	clear: left;
	overflow: auto;
	padding: 10px 0 0px;
	position: relative;
	white-space: nowrap;
	width: 615px;
}

.atcBold {
	font-weight: bold;
}

.atcHeader {
	font-size: 1.5rem;
	text-align: center;
	flex-basis: 100%;
}

.atcWrapper {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	min-height: unset;
	width: min-content;
	justify-content: flex-start;
	text-align: center;
}

.atcLeftContainer {
	flex-basis: 49%;
	/* this container's width basis is 49% of the parent container's width */
	display: flex;
	/* flex this container's child containers */
	justify-content: center;
	/* h-center .atcLeftContent within this container */
}

.atcLeftContent {
	display: flex;
	/* flex, enables vertical alignment of .atcProdInfo content for small viewports */
	align-items: flex-start;
	/* v-center .atcProdInfo within this container */
}

.atcCoverContainer {
	margin-right: 10px;
}

.atcProdInfo {
	text-align: left;
}

.atcDividerContainer {
	flex-basis: 0%;
}

.atcRightContainer {
	flex-basis: 49%;
}

.atcActionContainer {
	margin: auto;
	flex-basis: 100%;
}

#atcBopisOrSameDayDeliveryInfo {
	margin-top: 16px;
	font-weight: bold;
}

.atcBopisMethod {
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}

.atcSameDayDeliveryMethod {
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}

.atcWrapper .item-title,
.atcWrapper .item-price {
	font-size: 120%;
}

.atcAuthor {
	font-size: 13px;
}

.atcHRqtyTop {
	width: 170px;
	border: 0;
	height: 1px;
	margin: 0 0 0 0;
	background-color: darkgray;
	color: darkgray;
}

.atcHRqtyBottom {
	width: 170px;
	border: 0;
	height: 1px;
	margin: 0;
	background-color: darkgray;
	color: darkgray;
	clear: left;
}

.atcQTY {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 75px;
}

.atcVerticalDividerHR {
	width: 1px;
	border: 0;
	min-height: 150px;
	margin: 15px 0 0 0;
	background-color: darkgray;
	color: darkgray;
}

.atcRightSubContainer {
	margin-top: 16px;
}

.atcTotalText {
	font-size: 18px;
}

.atcCartTotalHR {
	width: 300px;
	border: 0;
	height: 1px;
	margin: 0px auto 5px auto;
	background-color: darkgray;
	color: darkgray;
}

.atcTotal {
	font-size: 33px;
	font-weight: bold;
}

#driverTiplabel,
#driverInstructionslabel {
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}

#driverTip,
#driverInstructions {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
}

#driverTip:focus,
#driverInstructions:focus {
	outline: none;
	border-color: #007BFF;
	/* Change border color when focused */
}

#atcCloseBTN {
	position: absolute;
	top: 0px;
	right: 4px;
	font-weight: bold;
	color: #002855;
	cursor: pointer;
	display: flex;
	/* text + button */
	align-items: center;
	white-space: nowrap;
}

#atcCloseBTN .numberCircle {
	width: 17px;
	height: 16px;
	margin-left: 5px;
}

.atcActionBTN {
	margin-top: 5px;
	width: 170px;
	height: 25px;
	background-color: #FFF;
	color: #002855;
	border-radius: 10px;
	border-color: #002855;
	border-width: 2px;
	border-style: solid;
	font-weight: bold;
}

.atcCheckoutBTN {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 300px;
	height: 35px;
	background-color: #002855;
	color: #FFF;
	border-radius: 10px;
	border-style: none;
	font-size: large !important;
	font-weight: bold !important;
}

.atcBottomHR {
	width: 648px;
	border: 0;
	height: 1px;
	margin: 1px 0 0 0;
	background-color: darkgray;
	color: darkgray;
}

.atcGuestsAlsoViewedContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}

.atcGuestsAlsoViewed {
	margin-top: 10px;
	font-weight: bold;
	font-size: 18px;
	flex-basis: 100%;
}

.atcSuggestProductContainer {
	margin: 5px;
	position: relative;
	flex-basis: 18%;
	max-width: 100px;
}

.atcSuggestImageContainer {
	position: relative;
}

.atcSuggestProdImage {
	position: absolute;
	bottom: 0;
	text-align: left;
}

.atcSuggestProdInfo {
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atcSuggestCartImageOverlay {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #d23731;
	width: 50px;
	height: 40px;
}

.atcSuggestCartImageOverlay img {
	margin-left: 6px;
	margin-top: 6px;
}

.atcSuggestProductInfoContainer {
	width: 100%;
	max-width: 100px;
}

.atcSelect {
	color: #002855;
	position: relative;
	top: 8px;
	right: 5px;
}

#sameDayDelivery_popup {
	display: flex;
	flex-direction: column;
	background-color: #fff !important;
}

.sddPopupSecHeader {
	font-size: 16px;
	font-weight: bold;
}

#sdd_toggleAddr {
	margin: 10px 4px;
	max-width: 165px;
}

.sddPopupBTN {
	color: white;
	background-color: #002855;
	font-weight: bold;
	font-size: 12px;
	padding: 4px;
	border-radius: 10px;
}

/* End Add to Cart Popup */


/* Gift Card Balance */
.giftCardHeader {
	background-color: #002855;
	height: 45px;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding-top: 15px;
	text-transform: uppercase;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aabcc7;
	background: rgb(0, 40, 85, 1);
	background: -moz-linear-gradient(top, rgba(0, 40, 85, 1, 1) 0%, rgba(88, 107, 119, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 40, 85, 1, 1) 0%, rgba(88, 107, 119, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 40, 85, 1, 1) 0%, rgba(88, 107, 119, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002855', endColorstr='#586b77', GradientType=0);
}

#gcStaticContent input {
	width: 100%;
	height: 30px;
	border: none;
	padding: 5px;
}

#gcStaticContent input[type="submit"] {
	width: 120px !important;
	height: 30px;
	background-color: #002855;
	border: none;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 15px !important;
	float: right;
}

#gcStaticContent input[type="submit"]:hover {
	background-color: #45515a;
}

#gcStaticContent {
	color: #000 !important;
	background-color: #D6D2C4;
}

.gcBalanceTitle {
	color: #000;
	margin-bottom: -10px;
	margin-top: 20px;
	font-size: 11px;
	text-transform: uppercase;
}

.gcBalance {
	color: #000;
	font-size: 60px;
	margin-bottom: 10px;
}

.gcHR {
	max-width: 100%;
	border: 1px solid;
	border-color: #aabcc7;
	background-color: #aabcc7;
}

.gcErrorTitle {
	color: #B50000;
	margin-bottom: -10px;
	margin-top: 20px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: bold;
}

.gcErrorMsg {
	color: #B50000;
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 20px;
}

.gcBlock {
	width: 380px;
	margin: 20px auto;
}

.gcBody {
	background-color: #D6D2C4 !important;
	background-image: none;
	margin-top: 0;
}

.gcCurrentBalance {
	width: 380px;
}

/* End Gift Card Balance */

.msgFreeShipping {
	color: #6fb646;
}

.giftShippingSpan {
	color: #002855;
	font-size: 13px;
}

.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}

.material-icons.md-dark {
	color: #302d2d;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-32 {
	font-size: 32px;
}

.material-icons.md-28 {
	font-size: 28px;
}

i.material-icons.md-26 {
	font-size: 26px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-22 {
	font-size: 22px;
}

.material-icons.md-15 {
	font-size: 15px;
}

.material-icons.md-15-gray {
	font-size: 15px;
	cursor: pointer;
	color: #bcbec0;
}

.material-icons.md-17-blue {
	font-size: 17px !important;
}

.padlock::after {
	/* add a padlock icon as content suffix */
	font-family: 'Material Icons Round';
	font-size: 15px;
	content: 'lock';
	vertical-align: text-bottom;
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
	right: .1em;
	position: relative;
}

.utility-shop>ul>li>a>.material-icons {
	color: #333;
}











/* are these search result classes ??? */
.priceBlock {
	clear: both;
	font-size: 15px;
	color: #b50000;
	display: inline-block;
}

a.addToCartLink:hover {
	text-decoration: none;
}

span.onlinePriceBlock {
	color: #000;
	font-size: 11px;
}

.subHeader {
	font-size: 19px;
	margin-top: 5px;
}

.sideContent {
	padding-left: 20px;
	font-size: 15px;
}

.aTcBTNtext {
	color: #FFF;
	font-size: 14px;
	padding: 5px;
}

.aTcBTNtext:after {
	content: "Add To Cart";
}

.addToCartBTN {
	background-color: #002855;
	height: 30px;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.addToCartUnvail {
	background-color: #6d6d6d !important;
}

.addToCartUnvail .aTcBTNtext:after {
	content: "Unavailable";
}

.sideContent>input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: top;
}

.search-add-to-wishlist {
	float: right;
	padding: 0 5px;
}

i.material-icons.md-20 {
	font-size: 25px;
	color: #002855;
}

#search-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	/* wrap the list of items per the viewport */
	padding: 0 5px;
	max-width: 1280px;
	margin: 60px auto 0;
}

#search-details {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	justify-content: flex-start;
}

#search-filters {
	border-right: 1px solid #dadada;
	width: 250px;
}

#search-filters-modal,
#search-sort-modal {
	display: none;
}

#search-sort-modal li {
	font-size: x-large;
	text-align: center;
	list-style: none;
	padding: 4px;
	outline: none;
}

/* override default BAM! modal li styling */
#search-sort-modal li:hover,
#search-sort-modal li:focus {
	background-color: #FAFAFA;
}

/* style the span contents of modal (for mobile) search result sorting */
#search-sort-modal li span {
	padding: 3px;
}

#search-sort-modal li:hover span,
#search-sort-modal li:focus span {
	background: #379CF4;
	color: white;
	border-radius: 5px;
}

#search-sort-modal li.search-sorted-by span {
	background: #002855;
	color: white;
	border-radius: 5px;
}

/* style search dialogs */
.ui-dialog[aria-describedby="search-filters-modal"],
.ui-dialog[aria-describedby="search-sort-modal"] {
	min-height: 100%;
	background-color: #FAFAFA !important;
}

.search-in-store-filter,
#search-grid-view,
#search-list-view,
.search-alternate,
.search-filters-title {
	margin: 0 5px;
}

.search-view i {
	vertical-align: middle;
	color: #757575;
}

.search-view i.search-active-view {
	color: #000;
}

.search-in-store span {
	font-size: medium;
}

#query-details {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-items: center;
	margin: 0 5px;
}

.search-term {
	font-weight: bold;
	font-size: larger;
	padding: 0 3px;
}

.search-suggestion {
	font-style: italic;
	font-weight: bold;
}

#search-filter-btn {
	font-size: 1.3em;
	border: none;
	border-radius: 8px;
	background: #002855;
	color: white;
	width: 50px;
	height: 25px;
}

#search-heading select {
	border: 1px #cecece solid;
	height: 30px;
	text-align-last: right;
}

#search-heading select option {
	direction: rtl;
}

#search-sort {
	font-size: 1.3em;
	margin-right: 5px;
}

#search-sort-btn {
	width: 50px;
	height: 30px;
	background-color: #002855;
	color: #FFF;
	border: none;
}

/* 3/22/19 search revamp */
.search-grid {
	display: grid;
	grid-template-columns: max-content 1fr;
	margin: 5px auto;
	max-width: 1280px;
	clear: both;
}

.cnstrc-targeted_content {
	width: 100%;
	height: auto;
	padding: 15px;
	margin: 5px;
	background-color: #F4F4F4;
}

.cnstrc-targeted_content img {
	width: 100%;
}

.cnstrc-tc_text {
	color: #404a65;
	font-size: 14px;
}

.cnstrc-tc_button {
	color: #404a65;
	border-color: #8d98b7;
	padding: 5px 10px;
	border-radius: 22px;
	font-weight: bold;
	cursor: pointer;
	border-style: solid;
}

.cnstrc-tc_button:hover {
	color: #F4F4F4;
	background-color: #8D98B7;
}

.search-result-item {
	width: calc(25% - 10px);
	/* 4 search results by default / > 990px viewport */
	padding: 10px;
	box-sizing: border-box;
	margin: 0 5px 10px 5px;
	flex-grow: 1;
	min-height: 250px;
	display: grid;
	grid-template-rows: 220px auto auto;
	background-color: #F4F4F4;
}

/* coded in /ncom_3_0/booksamillion.com/webapp/templates/en/html/search/fragments/search_item_image */
.imageContainer {
	width: 100%;
	text-align: center;
	height: 220px;
	position: relative;
}

.imageContainer img {
	margin: 0 auto;
	padding: 5px;
	height: 100%;
	box-sizing: border-box;
	max-width: 100%;
}

.imageContainer[data-savings]::before {
	background: white;
	color: red;
	border: red 2px solid;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 5px;
	position: absolute;
	top: -5px;
	left: -5px;
	width: max-content;
	content: attr(data-savings);
}

/* Savings label for featurepage */
a.imageContainer.plp {
	z-index: 1;
	display: flex;
	height: auto;
}

.imageContainer.plp img {
	padding: 0;
}

.search-item-title a {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search-item-title a:hover {
	text-decoration: none;
}

.search-item-author {
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* for borders around search items ...
	.search-item-meta {
	border-top: 1px solid #dadada;
	margin-top: 10px;
	position: relative;
} */

/* Search filters styling */
.search-filters-title {
	background-color: #e6e7e8;
	padding: 5px;
	font-size: 16px;
	height: 25px;
	color: #333;
	text-align: left;
}

.search-filters-title span {
	font-weight: bold;
}

.search-filters-title:hover,
.search-filter-section:hover,
.other_formats_expander:hover {
	cursor: pointer;
}

/* Search breadCrumb  tooltip styling */
a.search-filter-crumb {
	outline: none;
}

a.search-filter-crumb strong {
	line-height: 30px;
}

a.search-filter-crumb:hover {
	text-decoration: none;
}

a.search-filter-crumb span:not(:first-child) {
	z-index: 10;
	display: none;
	padding: 3px 15px 3px 15px;
	margin-top: -25px;
	margin-left: 0px;
	line-height: 14px;
	/* width:150px;  */
}

a.search-filter-crumb:hover span:not(:first-child) {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

.crumb-begone {
	font-weight: normal;
	color: red;
	display: inline;
}

/*CSS3 extras*/
a.search-filter-crumb span {
	border-radius: 4px;
	box-shadow: 5px 5px 8px #CCC;
}

.search-active-filters {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	padding: 0 5px;
	margin-top: 5px;
}

.search-filter-crumb {
	font-size: 12px;
	margin: 2px 5px 2px 0px;
	background-color: #F4F4F4;
	width: fit-content;
	padding: 2px 5px;
	border-radius: 5px;
	float: left;
	color: #000;
}

i.search-remove-filter {
	font-size: 12px;
	font-weight: bold;
	color: #9c0000;
	vertical-align: middle;
}

.search-filter-section {
	display: grid;
	grid-template-columns: 3fr 1fr;
	font-size: 14px;
	margin-left: 5px;
	color: #002855;
	padding-left: 20px;
}

.search-filter-title {
	font-weight: bold;
	text-align: left;
}

.search-filter-expand {
	text-align: right;
	padding-right: 5px;
	box-sizing: border-box;
}

.search-filter-content {
	padding-left: 20px;
	display: none;
}

.search-results {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

.search-results .meta {
	width: 100%;
}

/* custom search template ad container width */
.search-results .meta img {
	width: 100%;
	height: auto;
}

/* custom search template image dimensions */

.search-filter-options {
	width: 100%;
}

/* Search breadCrumb  tooltip styling *
 * support adding a bargain / discount tag to search result images
 * from .../templates/en/html/search/fragments/search_item_image */
.search-tagged-image {
	display: flex;
	justify-content: flex-start;
	text-align: center;
	margin: 0 auto;
}

/* Styling for "Next Page" search results grid "fill" "item" */
#search-fill-item {
	font-size: 28px;
	text-align: center;
	display: inline-grid;
	grid-template-rows: auto !important;
}

#search-fill-item>i.material-icons {
	font-size: 90px;
}

#search-fill-item>a {
	align-self: center;
}

.search-buttons {
	position: relative;
}

.arrowCircle {
	display: inline-block;
	border: 1px solid #002855;
	color: #002855;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	font-size: 23px;
}

div#paginationNumbers {
	display: inline-block;
}

div#paginationContainer {
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	flex-basis: 100%;
}

.page-list .selected a {
	color: #002855;
}

.page-list a {
	color: #002855;
}


.ebook-price {
	display: block;
}


.productPID,
.productShortDate {
	display: none;
}

/* How to download audioboo,ebook styling */
.how-to-download-audiobook-content,
.how-to-download-ebook-content {
	font-size: 12px;
	background: #f3f5f9;
	width: 500px;
	*/ padding: 4px;
	border: 1px solid #dde1eb;
}

/* End How to download audiobook,ebook styling */



/* What is a bargain styling */
.whatisabargain-content {
	font-size: 11px;
	background: #f3f5f9;
	width: 500px;
	*/ padding: 4px;
	border: 1px solid #dde1eb;
}

#dialog-what-is-a-bargain .ui-dialog-content p {
	font-size: 11px;
}

/* End What is a bargain block */

.alignWrap {
	min-height: 95px;
	color: #333;
}


.productInfoText {
	font-size: 11px;
}

.bargainIcon {
	position: absolute;
	/* attach to lower right of search result image */
	bottom: -15px;
	right: -10px;
	width: 33px;
	fill: #CA1F1F;
}

.flexBottomContent {
	align-self: end;
}

.aboutUsTitle {
	font-size: 18px;
	color: #002855;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.justified {
	text-align: justify;
}

.trendingHeader {
	border: 0px solid #777777;
	background: #002855;
	padding: 10px 0 15px 0;
}

.trendingHeaderTextContainer {
	text-align: left;
	padding: 5px 0 0 15px;
}

/* TODO JAN 2020 OLD LANDING PAGE STYLING which needs update / deletion ? */
div#landingPageContainer {
	max-width: 945px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

div#landingPageContainer>div {
	margin: 10px 0;
	width: 100%;
}

.landingPageBanner_large {
	text-align: center;
}

.landingPageBannerContainer_2x2 {
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* END TODO JAN 2020 OLD LANDING PAGE STYLING which needs update / deletion ? */

.gcert_inputs,
.gc_inputs {
	font-weight: normal;
	margin-bottom: 0;
}

.hidden_lst_li {
	list-style-type: none;
}

.empty_li {
	height: 1.1em;
}

h2.recommendationsHeader {
	font-size: 16px;
	font-weight: bold;
	margin-left: 17px;
	color: #002855;
	text-align: left;
}

.bopisBtnStyle {
	color: #990000;
	border-color: #990000;
}

.sameDayDeliveryBtnStyle {
	color: #880000;
	border-color: #880000;
}

.deliveryBtnStyle {
	color: #002855;
	border-color: #002855;
}

/* Static Pages */
#staticcontent table:not(.static_content_override) {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	/* cellspacing="2" */
}

#staticcontent table:not(.static_content_override) th {
	vertical-align: text-top;
	text-align: left;
	padding: 2px !important;
	font-weight: bold;
}

#staticcontent table:not(.static_content_override) td {
	padding: 2px !important;
}

#staticcontent table:not(.static_content_override) tr:nth-child(even) {
	background: #dadcdf;
}

#staticcontent table:not(.static_content_override) thead {
	background: #dadcdf;
}

/* force LINK text to stand out (ADA issue) in help text */
#staticcontent .help_box a {
	color: #3333FF;
}

#staticcontent .help_box a:not(.static_content_override) {
	text-decoration: underline;
	color: #3333FF;
}

.override_visibility {
	top: auto !important;
	visibility: inherit !important;
	display: inline !important;
}

.override_margin {
	margin: 0 !important;
}

div#about_us_middle {
	margin: 0 15px;
}

/* club card help page */
@media screen and (max-width:375px) {
	.cc-img {
		left: -12px;
	}
}

@media screen and (min-width:375px) {
	.cc-img {
		float: right;
	}
}

@media screen and (max-width:965px) {
	.gutter {
		margin: 0 20px;
		width: auto;
	}
}

/* End Static Pages */
/* Checkout Buttons */
#checkoutBtnContainer {
	display: flex;
	justify-content: space-between;
	width: 500px;
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.checkoutBtnDarkBlue,
.checkoutBtnLightBlue {
	font-weight: bold;
}

.checkoutBtnDarkBlue {
	color: #002855;
}

.checkoutBtnLightBlue {
	color: #597991;
}

.bam_gc_checkout1 {
	background-color: #002855;
	color: #FFF;
	padding: 8px;
	border-radius: 5px;
	position: relative;
	top: 3px;
}

.bam_gc_checkout2 {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 3px;
}

.bam_gc_checkout3 {
	position: relative;
	top: -4px;
}

.bam_gc_checkout4 {
	position: relative;
	right: 12px;
	top: 4px;
}

/* End Checkout Buttons */
/* Checkout */
.greyborder {
	border-color: #575555;
	margin-top: 1px;
	border-width: 1px;
}

.whiteBackgroundInFront {
	background: #E6E7E8;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 90%;
}

table.orderitems tr td {
	padding: 0 6px 3px 0;
}

.oihead {
	font-family: arial, helvetica;
	color: #023b59;
	font-weight: bold;
	font-size: 16px;
}

.tableReview {
	border-width: 2px 1px 1px 1px;
	width: 100%;
	padding-top: 5px;
	border-spacing: 10px 0px;
	border-collapse: separate;
}

.tableReview td,
.tableReview td span {
	padding: 5px 0;
	font-size: 13px;
}

#verify_payment_block {
	margin-top: 4px;
}

#verify_payment_block .dt {
	margin: 0 6px 14px 0;
	width: auto;
}

#verify_payment_block .dd {
	margin: 4px 0 6px 0;
}

/* Checkout */
/* titledetail */

table.other-formats tr {
	border-bottom: 1px dotted #bcbcbc;
}

table.other-formats tr td:nth-child(1),
table.other-formats tr td:nth-child(2),
table.other-formats tr th:nth-child(1),
table.other-formats tr th:nth-child(2) {
	text-align: left;
}

#quick-hdr,
.quick-hdr,
.sec-hdr,
#full_anno,
.details-content-text,
#details-description-container,
#id1,
#media {
	text-align: left;
}

/* End Title Detail */

/* Order History */
.order-page-list .selected,
.order-page-list .selected a {
	color: #fff;
}

.order-page-list,
.order-page-list a {
	color: #0A0AD6;
}

.defaultBTNSmall {
	height: 15px;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
	text-align: center;
}

.defaultBTNSmall2 {
	height: 20px;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
	text-align: center;
}

.acct-home input {
	border-color: #666666;
	border-width: 1px;
}

.account-anchors {
	color: #003366;
	margin-bottom: 5px;
	color: #003366 !important;
	font-weight: bold;
	font-size: 14px;
}

.account-anchors a {
	color: #003366;
}

.account-anchors ul {
	list-style-type: none;
}

.account-anchors li {
	display: inline-block;
	border-right: 2px solid #003366;
}

.account-anchors li:last-child {
	border-right: none;
}

.explanation_terms ul {
	list-style-type: none;
}

.spanBTN {
	margin: 2px;
	display: inline-block;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	line-height: unset;
}

/* End Order History */

/* Account  */

.downloadbackbtn {
	transform: rotate(180deg);
	top: 8px;
	left: 35px;
	position: relative;
	color: white;
}

.checkbtn {
	top: 8px;
	left: 35px;
	position: relative;
	color: white;
}

.acctaddeditcard td,
#add_billing_address_block div.dd,
#add_billing_payment_details div.dd,
#add_billing_address_block h3,
#add_billing_payment_details h3 {
	text-align: center;
}

#acct_confirm_changes h2,
.text_align_left,
#acct_edit_shipadd tr td:nth-child(even),
#acct_edit_shipadd tr li,
#delete_credit_card_confirm tr td:nth-child(even) {
	text-align: left;
}

#acct_edit_shipadd tr td:nth-child(even),
#acct_edit_shipadd tr li,
#accnt_shipad_confirm_changes tr td:nth-child(even),
#acct_confirm_delete_shipad tr td:nth-child(even),
#acct_add_address tr td:nth-child(even),
#acct_add_address tr li,
#accnt_add_shipad_confirm tr td:nth-child(even),
#accnt_add_shipad_confirm tr li {
	text-align: left;
}

/* End Account */

/* Account Footer */
#footerSocialBlock>li a {
	display: inline-block;
	margin-top: 10px;
}

#footerSocialBlock>ul {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}

#footerSocialBlock li {
	margin-right: 1px;
	min-width: 50px;
}

#footerLiveChat {
	margin-top: 25px;
	font-size: 14px;
}

#activateZendeskChat {
	background: none;
	color: #00F;
	border: none;
	padding: 0;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	outline: inherit;
	text-decoration: underline;
}

/* Footer */
.footerCollapsableSection>ul {
	list-style-type: none;
}

.footerCollapsableSection>ul li {
	margin: 0px;
	text-align: left;
}

#footerRowTwo ul {
	list-style-type: none;
}

/* Footer */

/* Account Footer */
/* PDP */
.socblk-outline {
	outline-color: transparent;
	outline-style: none;
	outline: 0px solid black;
	width: 86%;
	height: 20px;
	-moz-outline-radius: 8px;
	/*  outline: -webkit-focus-ring-color auto 1px;	 */
}

.fb_width {
	width: 86%;
}

.tw_width {
	width: 120%;
}

.pi_width {
	width: auto;
	margin-left: 20px;
}

ol.related_subjects {
	font-size: 1.1em;
	margin-bottom: 1.4em;
	list-style-type: none;
}

ol.related_subjects ol {
	list-style-type: none;
}

ol.related_subjects ol li {
	display: inline;
	width: fit-content;
}

ol.related_subjects ol li:not(:last-child)::after {
	content: '>';
	margin: 0 5px;
}

.title_heading {
	display: contents;
}

/* End PDP */

/* Order Add card */
.disclaimer-text {
	color: initial;
	position: relative;
	display: inline-block;
	word-wrap: break-word;
	overflow: hidden;
	text-align: justify;
}

.disclaimer-collapsed {
	height: 5em;
}

.disclaimer-expanded {
	height: initial;
}

#progressbar {
	margin-top: 12px;
}

#verified {
	margin-top: 6px;
}

#dimmer {
	/* background: url('semitransparent1x1.png'); */
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
}

#spinner {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	background: transparent;
}

#spinner_img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.gcpage {
	width: 100%;
	padding-top: 4px;
}

.ajxhandled {
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

.login_handled_current_email {
	display: none;
}


/* End Order Card */

/* order footer */
.footer_wrap ul,
.footer_wrap div {
	list-style-type: none;
	padding-top: 12px;
	text-align: center;
}

.footer_wrap ul,
.footer_wrap div {
	padding-bottom: 8px;
}

.footer_wrap li {
	display: inline-block;
	border-right: 2px solid #002855;
	padding-right: 4px;
}

.footer_wrap li:last-child {
	border-right: none;
}

/* End Order footer */
/* regular footer */

@media screen and (max-width: 768px) {
	.be-ix-link-block {
		margin-left: 5px;
	}
}

/* end regular footer */
/*Start Accessibilty */

.screen_reader_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* End Accessibilty */


/* RESPONSIVE overrides last */

@media(min-width: 1280px) {
	.wishlist_box {
		padding: 0px;
		/* push fully to each side - now that gutters exist */
		padding-bottom: 10px;
	}

	#content {
		width: 100%;
	}

	/* responsive */
}

@media(max-width: 1279px) {
	.wishlist_box {
		padding: 2px;
		/* push ALMOST fully to each side */
		padding-bottom: 10px;
	}
}

@media (min-width: 501px) and (max-width: 1280px) {
	#content {
		width: calc(100% - 50px);
		padding: 0px 25px;
	}

	/* slight padding  */
}

/* Responsive styling for search results */
@media screen and (max-width: 990px) {
	.search-result-item {
		min-width: unset;
		max-width: unset;
	}
}

@media screen and (min-width: 751px) and (max-width: 990px) {
	.search-result-item {
		width: calc(33% - 10px);
	}
}

@media screen and (max-width: 750px) {
	.search-result-item {
		width: calc(50% - 10px);
	}
}

/* modal (dialog) store-selector, add-to-cart, what-is-a-bargain, (gift-card-balance?) styling */
@media screen and (max-width: 849px) {
	.ui-dialog {
		top: 80px !important;
		/* 20px below the fixed header */
	}
}

@media screen and (max-width: 375px) {
	.ui-dialog {
		top: 20px !important;
		/* Even more space for very small screens */
	}
}


@media screen and (max-width: 840px) {

	/* offset target position for fixed header */
	a.anchored {
		position: absolute;
		left: 0px;
		margin-top: -160px;
		display: inline-block;
	}

	.wrap {
		margin-top: 40px;
	}

	.wrap-acct {
		margin-top: 60px !important;
	}
}

/* HIDE-IF-DESKTOP styling */
@media(min-width: 751px) {
	.hide-if-desktop {
		display: none;
	}

	.only-if-tablet {
		display: none;
	}
}

/* HIDE-IF-TABLET styling */
@media(max-width: 750px) {
	.hide-if-tablet {
		display: none;
	}

	.only-if-desktop {
		display: none;
	}
}

#cart_popup .hide-if-tablet {
	display: unset !important;
}

/* ONLY-IF-TABLET styling */
@media (min-width: 501px) and (max-width: 750px) {
	.search-row-break {
		flex-basis: 100%;
	}

	.search-result-item {
		grid-template-rows: 175px auto auto;
	}

	.imageContainer {
		height: 175px;
	}
}

/* feature item styling for medium devices and smaller */
@media(max-width: 700px) {
	.feature-item {
		flex-basis: 20%;
	}

	.moduleHeaderRight {
		padding-right: 25px;
	}

	/* landing page rightmost module padding */

	/* THIS definition will move to 500px after the tablet (700px) view is defined */
	/* store selector styling - collapse dialog earlier for store selector */
	.ui-dialog,
	.ui-dialog-content {
		padding: 0px !important;
		width: 100% !important;
		/*      height: 100% !important; /* perhaps better to use a masking overlay instead */
		max-width: unset !important;
	}

	/* adjust position for 100% width */
	.ui-dialog {
		left: 0px;
		transform: unset;
	}

	/* WHERE does this go? */
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
		margin-left: unset;
	}

	.ui-widget-content {
		background: unset !important;
	}

	/* 17JAN2020 - breaks store selector modal background with iOS scrolling fix */
	.ui-widget.ui-widget-content {
		border: unset !important;
	}

	/* add-to-cart rendering for smaller devices */
	.ui-dialog[aria-describedby="cart_popup"] {
		max-width: 100% !important;
	}

	/* .ui-dialog-content[aria-describedby="cart_popup"] { width: min-content !important; } /* handled by default */

	/* Store selector styling */
	#dialog-nearby-stores2 {
		background: #FFF !important;
		min-height: 0;
	}

	.storeAvailabilityAddressBlock,
	.storeAvailabilityLeftCol,
	.storeAvailabilityRightCol {
		flex-basis: 100%;
		text-align: center;
	}

	.storeAvailabilityStoreImageContainer {
		margin: 0 auto;
	}

	.storeAvailabilityLeftCol,
	.storeAvailabilityRightCol {
		order: 2;
	}

	.storeAvailabilityRightCol {
		margin: 10px auto 25px auto;
	}

	.storeAvailabilityStockContainer {
		text-align: center;
		margin: 5px auto;
		padding-left: 42px;
	}

	/* add-to-cart-modal small device accessibility */
	#cart_popup {
		text-align: center;
		padding: 0px !important;
	}

	#cart_popup .hide-if-tablet {
		display: none;
	}

	#atcCloseBTN {
		top: 5px;
		right: 2%;
		font-size: large;
	}

	/* increase close circle size */
	#atcCloseBTN .numberCircle,
	.accordian .closer.numberCircle {
		width: 24px !important;
		height: 23px;
		margin-left: 5px;
	}

	/* NOT flex here, just wrapped divs */
	.atcWrapper {
		display: unset;
		padding: 0 10px;
		background: #FFF;
		width: 100%;
		height: 100%;
		/*    border: 1px solid #C5C5C5; /* 17JAN2020 spurious noise with iOS fix, no observable issues removed */
		border-radius: 8px;
		font-size: 19px !important;
	}

	.atcHeader {
		margin-top: 30px;
		margin-bottom: 5px
	}

	.atcLeftContainer,
	.atcRightContainer {
		flex-basis: 100%;
	}

	.atcActionBTN {
		width: unset;
		height: unset;
		font-size: x-large !important;
		padding: 5px;
	}

	.atcCheckoutBTN {
		height: unset;
		font-size: x-large !important;
		padding: 10px 70px;
		margin-bottom: 20px;
	}
}

@media(max-width: 600px) {
	.feature-item {
		flex-basis: 25%;
	}
}

@media(min-width: 501px) {
	.only-if-mobile {
		display: none;
	}

	/* on hover - reveal the add-to-cart button */
	div[class^="effect-"] .img.hover .overlay,
	/* CSS selector for effect-* is first class */
	div[class*=" effect-"] .img.hover .overlay {
		/* CSS selector for effect-* is NOT the 1st class */
		width: 50px;
		height: 50px;
		transform: scale(1);
	}

	#search-details {
		margin-bottom: 5px;
	}
}

@media(max-width: 500px) {
	.search-grid {
		grid-template-columns: 1fr !important;
	}

	.only-if-tablet {
		display: none;
	}

	.hide-if-mobile {
		display: none;
	}

	/* feature image, (all but) full width sizing */
	.feature-item {
		flex-basis: 45%;
	}

	#content,
	#search-details {
		width: 100%;
		max-width: 100%;
		margin-top: 75px !important;
	}

	.gutter2 {
		width: auto !important;
		margin: 0 20px;
	}

	.sliderContainer {
		width: 87%;
	}

	/* MUST be 87% for Chrome - which does not recognize justify-content: unsafe */
	.splide__arrow--prev {
		left: -1.8em !important;
	}

	.splide__arrow--next {
		right: -1.8em !important;
	}

	/* ALWAYS show the add-to-cart button on smaller viewports - common to feature and slider containers *
    * rather than a centered circle, show add to cart in the lower right as a rectangle with a rounded upper left corner */
	.feature-item [class^="effect-"] .img .overlay,
	/* CSS selector for effect-* is first class */
	.feature-item [class*=" effect-"] .img .overlay,
	/* CSS selector for effect-* is NOT the 1st class */
	div[class^="effect-"] .img .overlay,
	/* CSS selector for effect-* is first class */
	div[class*=" effect-"] .img .overlay {
		/* CSS selector for effect-* is NOT the 1st class */
		left: unset;
		border: 1px solid #002855;
		border-radius: unset;
		border-top-left-radius: 25px;
		border-bottom: 0px;
		border-right: 0px;
		right: 0px;
		bottom: 0px;
		transform: scale(1.0);
		/*    right: -2px; bottom: -2px; transform: scale(0.9); */
		/*    right: -5px; bottom: -5px; transform: scale(0.8); */
	}

	.material-icons.atcIcon {
		float: right;
	}

	.feature-item .product-image-text {
		overflow: unset;
		white-space: unset;
		max-width: unset;
	}

	/* and increase the title and price text */
	.feature-item .item-title,
	.feature-item .item-price {
		font-size: 120%;
	}

	.splide__slide .product-image-text {
		text-align: center;
	}

	/* search results styling */
	#search-details {
		margin-bottom: 5px;
	}

	.search-filter-title {
		font-size: x-large;
	}

	#search-filters,
	#search-sort select {
		z-index: 1;
		background: #FFF;
	}

	/*{ position:absolute; top: 0px; left: 0px; }  */
	.search-active-filters {
		margin-top: 0;
	}

	#search-sort-btn {
		height: 25px;
	}

	li.refine-value-label {
		width: initial;
		overflow: initial;
	}

	li.refine-value-label a {
		font-size: x-large;
	}

	li.refine-value-label a:hover,
	li.refine-value-label a:focus {
		font-size: x-large;
	}

	.search-result-item {
		grid-template-rows: 150px auto auto;
	}

	.imageContainer {
		height: 150px;
	}

	.search-buttons {
		margin-top: 2px;
	}

	.search-buttons {
		display: flex;
		justify-content: space-around;
		flex-wrap: nowrap;
		/* flex-direction: row-reverse; */
	}

	.addToCartBTN {
		padding: 0px 18px;
		width: min-content;
		background-color: unset;
		margin-top: unset;
		border: 2px solid #002855;
		border-radius: 8px;
	}

	.search-add-to-wishlist {
		border: 2px solid #002855;
		height: 30px;
		border-radius: 8px;
	}

	.addToCartBTN.addToCartUnvail {
		border-color: #6D6D6D;
		background-color: unset !important;
	}

	.addToCartBTN:not(.addToCartUnvail):hover,
	.addToCartBTN:not(.addToCartUnvail):focus,
	.search-add-to-wishlist:hover,
	.search-add-to-wishlist:focus {
		background: #002855;
		color: white
	}

	.addToCartBTN:not(.addToCartUnvail):hover .aTcBTNtext:after,
	.addToCartBTN:not(.addToCartUnvail):focus .aTcBTNtext:after,
	.search-add-to-wishlist:hover i.material-icons,
	.search-add-to-wishlist:focus i.material-icons {
		color: white;
	}

	.aTcBTNtext:after,
	.addToCartUnvail .aTcBTNtext:after {
		font-family: 'Material Icons Round';
		font-size: 28px;
		vertical-align: text-bottom;
		-webkit-font-feature-settings: 'liga' 1;
		-moz-font-feature-settings: 'liga' 1;
		font-feature-settings: 'liga' 1;
		right: .1em;
	}

	.aTcBTNtext:after {
		content: 'add_shopping_cart';
		color: #002855;
	}

	.addToCartUnvail .aTcBTNtext:after {
		content: 'remove_shopping_cart';
		color: #6D6D6D;
	}

	/* increase search filter text size, button size and bold button text */
	.search-filter-section,
	.search-filter-content {
		font-size: large;
	}

	.search-add-to-wishlist i.material-icons {
		font-size: 28px;
		padding: 0px 18px;
	}

	/* round corners of sort button to match filter button */
	#search-sort-btn {
		border-radius: 8px;
	}

	#search-controls {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}
}

.sdd_cart_redirect {
	font-size: 16px;
	color: #002855;
}

/* order responsive */
.order-col-1 img {
	max-width: 80px;
}

.res-cost {
	display: none;
	font-size: .8em;
}


@media only screen and (max-width: 398px) {
	.cart-contents .item-desc {
		max-width: 130px !important;
		min-width: 130px !important;
	}
}

@media screen and (max-width: 1100px) {
	.cart-contents .item-desc {
		padding-left: 10px;
		text-align: left;
		min-width: 170px;
		max-width: 170px;
	}

}

@media screen and (max-width: 950px) {
	.cart-contents .item-desc {
		padding-left: 10px;
		text-align: left;
		min-width: 140px;
		max-width: 140px;
	}

	#cart-block {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
}

@media screen and (min-width: 1170px) {
	.cart-contents .item-desc {
		padding-left: 10px;
		text-align: left;
		min-width: 250px;
		max-width: 25px;
	}
}


.description-blurb img {
	max-width: 100%;
	height: auto;
}

.description-blurb {
	max-width: 1250px;
	margin: 20px auto;
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: row;
}

.description-blurb h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
}


.description-blurb2>* {
	flex: 1 0 auto;
}

.description-column {
	padding: 15px;
	font-size: 1.1em;
	text-align: left;
}

.description-column p {
	font-size: 1.1em;
	text-align: left;
}

.description-column:last-child {
	padding: 15px;
	min-width: 70%;
}

.description-column img {
	min-width: 250px;
}




/*new account css*/

/* New Look for Account Page */
.contentBoxes {
	background: #fbfbf9;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	min-height: 200px;
	border: 1px solid #ececec;
	padding: 10px;
	color: #656565;
	font-size: 12px;
	max-width: 94% !important;
	padding: 20px 3%;
	width: auto !important;
	margin: 0px !important;
}


.contentBoxes h2 {
	color: #002855;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 0px;
}

.defaultBTN {
	border-radius: 10px !important;
}




.account-home-boxes {
	margin: 0 auto;
	max-width: 100%;
	width: 78%;
	float: right;
}

#accountsettings {}

#adminmenu {
	float: left;
	width: 20%;
	padding: 0px 20px 0px 0px;
}

#adminmenu ul {
	list-style: none;
}

#adminmenu ul li {
	border-radius: 5px;
	padding: 10px 15px;
	border: 1px solid #ececec;
	text-transform: uppercase;
	margin: 5px 0px;
	font-size: 1.4em;
}




#account-side-menu {
	float: left;
	width: 120px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	margin: 10px;
}

#account-side-menu li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
}

#account-side-menu li a:link,
#account-side-menu li a:visited {
	color: #5E7830;
	display: block;
	background: url(images/menu1.png);
	padding: 8px 0 0 10px;
}

#account-side-menu li a:hover {
	color: #26370A;
	background: url(images/menu1.png) 0 -32px;
	padding: 8px 0 0 10px;
}

#account-side-menu li a:active {
	color: #26370A;
	background: url(images/menu1.png) 0 -64px;
	padding: 8px 0 0 10px;
}

#account-side-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hideadmin {}

.right-admin {
	max-width: 74%;
	float: left;
}

.acctaddeditcard td,
#add_billing_address_block div.dd,
#add_billing_payment_details div.dd,
#add_billing_address_block h3,
#add_billing_payment_details h3 {
	text-align: left;
}



#downloadLibrary {
	display: none;
}

#manageaddress {
	display: none;
}

#accountsettings {
	display: none;
}

#history {
	display: none;
}

#paymentinformation {
	display: none;
}

.right-admin {
	max-width: 72% !important;
	float: left;
	margin-left: 1% !important;
}

#paymentinformation::before {
	content: "";
	display: block;
	height: 9999px;
	margin-top: -9999px; //higher thin page height
}


/* Style the tab */
.tab {}


:target {
	display: block
}

.account-home-navigation {
	display: none;
}

.account-home .account-home-navigation {
	display: block;
}

.account-home .account-inside-navigation {
	display: none;
}

/* Style the buttons inside the tab */
.tab button {}

/* Change background color of buttons on hover */
.tab button:hover {}

/* Create an active/current tablink class */
.tab button.active {}

/* Style the tab content */
.tabcontent {
	display: none;
}


.dropdown {
	display: none;
}

.account-home-box {
	width: 100%;
}


.right-admin {
	max-width: 74%;
	float: left;
}

.acctaddeditcard td,
#add_billing_address_block div.dd,
#add_billing_payment_details div.dd,
#add_billing_address_block h3,
#add_billing_payment_details h3 {
	text-align: left;
}

.right-admin {
	max-width: 70% !important;
	margin: 1% !important;
	float: left;
}

.acctaddeditcard td,
#add_billing_address_block div.dd,
#add_billing_payment_details div.dd,
#add_billing_address_block h3,
#add_billing_payment_details h3 {
	text-align: left;
}

.header_customer {
	text-align: left;
	padding-top: 10px;
	font-weight: 500;
	padding-bottom: 2px;
}

.order-header {
	height: 14px;
	width: 100%;
	background-color: #002855;
	padding-bottom: 15px;
	color: #ffffff;
	padding-top: 10px;
	font-size: 1.3em;
}

.search-page-list li,
.order-page-list li {
	margin: 2px;
	font-size: 14px;
	float: left;
	display: block;
	padding: 2px 8px;
	border: solid 0px #cecece !important;
	border-radius: 20px;
}

#adminmenu {

	padding: 0px 0px 0px 0px;
}

.acct_form_cancel {
	display: block;
	width: 87%;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px;
}

#billing-form-validate-button {
	padding: 5px 50px;
	font-weight: 400;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

#add_billing_choose_payment_block,
.payment-details,
#payment-frame {
	display: none;
}

#payment-saq-a-form-div {
	width: 100% !important;
	text-align: left !important;
	display: block;
	height: 400px;
}

/*end new account css*/

@media only screen and (max-width: 600px) {
	.description-blurb {
		flex-direction: column;
	}

	.description-column {
		padding: 15px;
	}

	.description-column:last-child {
		padding: 15px;
		min-width: 70%;
	}


	.mobile-head-desc {
		display: none;
	}

	.order-alt-row {
		padding: 10px;
	}

	.row-spacer {
		height: 30px;
	}

	.order-row {
		display: flex;
	}

	.order-row td {
		display: flex;
	}

	.order-top-row-1 {
		display: none;
	}

	.order-row th {
		display: none;
	}

	.order-col-1 img {
		max-width: 60px;
		text-align: center;
		margin: 0px auto 5px auto;
	}

	.order-col-1,
	.order-colh-1 {
		text-align: left;
		width: 20% !important;
		padding: 5px 10px !important;
		vertical-align: top !important;
	}

	.order-col-4,
	.order-colh-4 {
		display: flex;
		float: left;
	}

	.order-col-5,
	.order-colh-5 {
		display: flex;
		float: left;
	}

	.order-col-1,
	.order-colh-1 {
		text-align: left;
		width: auto;
	}

	.order-col-1,
	.order-colh-1 {
		text-align: left;
		width: auto !important;
	}

	.order-col-2 {
		width: 80% !important;
		vertical-align: top;
		text-align: left;
		padding: 10px;
		height: auto;
		display: flex;
		min-width: auto;
		flex-direction: column;
	}

	.order-col-2 i {
		float: left !important;
	}

	.order-col-3 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		flex-direction: column;
		padding: 5px !important;
	}

	i.left {
		float: left !important;
	}

	.order-col-4 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		padding: 5px !important;
		flex-direction: column;
	}

	.order-col-5 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		padding: 5px !important;
		flex-direction: column;
	}

	.order-col-6 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		padding: 5px !important;
		flex-direction: column;
	}

	.order-col-7 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		flex-direction: column;
		padding: 5px !important;
		margin-left: 10px;
	}

	.order-col-8 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		flex-direction: column;
		padding: 5px !important;
		margin-left: 10px;
	}

	.order-col-9 {
		width: auto !important;
		vertical-align: top;
		text-align: left !important;
		display: flex;
		float: left;
		flex-direction: column;
		padding: 5px !important;
		margin-left: 10px;
	}

	.tableReview td,
	.tableReview td span {
		padding: 0px 0;
		font-size: 13px;
	}

	.author-stock {
		width: auto;
		vertical-align: top;
		text-align: left;
		display: flex;
		flex-direction: column;
	}

	.order-alt-row p {
		font-size: 1em;
	}

	.order-shipment-section {
		padding: 7px 5px;
		width: 100%;
		display: block;
		border: 0px !important;

	}

	.order-address-section {
		padding: 20px 20px;
		border-top: dotted 2px #ccc !important;
		min-height: 130px;
		width: 100%;
		border-bottom: dotted 2px #ccc !important;
	}

	.order-section-delivery-0 {
		display: flex;
		flex-direction: column;
	}

	.order-section-delivery-0 :nth-child(1) {
		order: 2;
	}

	.order-section-delivery-0 :nth-child(2) {
		order: 3;
	}

	.order-section-delivery-0 :nth-child(3) {
		order: 3;
	}

	.order-section-delivery-0 :nth-child(4) {
		order: 2;
	}

	.order-section-delivery-0 :nth-child(5) {
		order: 1;
	}

	.order-section-delivery-0 :nth-child(6) {
		order: 1;
	}

	.shipping-method {
		float: none !important;
		max-width: 100% !important;
		padding: 20px 0px;
		line-height: 2em;
	}

	.include-gift {
		float: none !important;
	}

	.include-gift div {
		text-align: left !important;
	}

	#legacy {
		width: 100%;
	}

	.order-shipment-header {
		padding: 10px 20px;
		border-radius: 0px;
	}

	.tbody-payment {
		display: block;
	}

	.tbody-payment tr {
		display: block;
	}

	.tbody-payment tr {
		overflow: hidden;
	}

	.tbody-payment tr td {
		overflow: hidden;
	}

	.order-totals {
		width: 80% !important;
		display: block;
		padding: 5px 20px;
		margin: 0px auto;
	}

	.select-payment {
		display: block;
		width: 100% !important;
		padding: 5px 20px;
	}

	.order_section_header {
		padding: 15px 20px;
		font-size: 16px;
	}

	#login_gradient,
	.login_gradient {
		margin: 0px !important;
	}

	.order_font {
		max-width: 90%;
		text-align: center !important;
	}

	.tableReview {
		border-width: 0px;
	}

	.defaultBTN {
		padding: 8px 15px !important;
		border-radius: 15px !important;
		min-height: 30px !important;
	}

	.tbody-payment .defaultBTN {
		height: auto !important;
		padding: 3px 8px !important;
		border-radius: 10px !important;
		font-size: 10px;
	}

	.shipping-method .defaultBTN {
		height: auto !important;
		padding: 3px 8px !important;
		font-size: 10px;
		border-radius: 10px !important;
	}

	.fa-3x {
		font-size: 2em !important;
	}

	.greyborder {
		border-color: #cccccc;
		margin-top: 1px;
		border-width: 1px;
		border-radius: 5px;
		padding: 5px;
		margin: 3px;
	}

	.order_font .defaultBTN {
		height: auto !important;
		padding: 3px 10px !important;
		border-radius: 10px !important;
		font-size: 11px;
		text-align: center;
		display: inline;
	}

	#progress-bar {
		display: inline-block;
		position: relative;
		vertical-align: middle;
		overflow: hidden;
		max-width: 90%;
	}

	.cart_empty_message {
		padding: 50px;
	}

	#checkoutBtnContainer {
		display: flex;
		justify-content: space-between;
		width: 400px;
		padding-left: 5px;
		font-size: 1em;
		font-weight: bold;
		max-width: 90% !important;
	}

	.different1 {
		display: none;
	}

	.shipping-method {
		width: 90% !important;
		clear: both;
		padding: 5%;
	}

	.tokenizer-buttons div {
		padding-left: 0px !important;
		margin-left: 0px !important;
		text-align: center !important;
	}

	#signon div[id$="_customers"] {
		min-width: 100%;
	}

	.billing-form_body {
		width: auto;
	}

	.billing_section .dl-horizontal .dt,
	.billing_section .dl-horizontal dt {
		width: 0px;
	}

	.billing_section .dl-horizontal .dd,
	.billing_section .dl-horizontal dd {
		margin-left: 20px;
	}

	.billing_section_head {
		margin: 0 0 8px 0px;
	}

	#cc-name,
	#cc-card,
	#cc-exp,
	#cc-cvv {
		width: 100%;
	}

	#add_billing_address_details .checkout-form_row--left {
		margin-left: 15% !important;
	}

	#add_ship_address_block .checkout-form_row--left {
		margin-left: 15% !important;
	}

	.signon_input label,
	.checkout-form_label {
		padding-left: 5px;
	}

	.order-shipment-header {
		display: block;
	}

	.order-shipment-row {
		display: block;
	}

	.cc-details {
		width: 100% !important;
		text-align: left !important;
		display: block;
		max-width: 300px;
	}

	.cc-details {
		width: 100% !important;
		text-align: left !important;
		display: block;
		max-width: 300px;
	}

	.tok-fld {
		width: 100%;
		height: 30px;
		position: relative;
		margin-left: 5px;
		margin-bottom: 7px;
		text-align: right;
	}

	.tok-lbl {
		padding-right: 7px;
		text-align: right;
		width: 40%;
		display: inline-block;
		float: left;
	}

	#cc-name,
	#cc-card,
	#cc-exp,
	#cc-cvv {
		display: inline-block;
		height: 20px;
		padding-left: 3px;
		position: relative;
		float: left;
		left: auto;
		max-width: 50%;
	}

	.order tbody {
		max-width: 100%;
		display: block;
	}

	.order-finish-table {
		max-width: 100%;
		display: block;
	}

	.order-finish-td {
		max-width: 100%;
		display: block;
		width: 100%;
	}

	.order-finish-tr {
		max-width: 100%;
		display: block;
	}

	.success-gift-card {
		max-width: 100% !important;
	}

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
		max-width: 95% !important;
	}

	.home_order_table {
		max-width: 100%;
	}

	.order-header {
		max-width: 100%;
	}

	.order_table_btn_column {
		display: block;
		width: 87%;
		border-bottom: 1px dotted;
		padding: 0px 0px 5px;
	}

	.contentBoxes {
		box-shadow: 0px #ffffff !important;
		-webkit-box-shadow: 0px 0px 0px -4px rgb(0 0 0 / 38%) !important;
		margin: 0px !important;
		max-width: 100% !important;
	}

	#acct_edit_shipadd {
		max-width: 90% !important;
	}

	.wrap-acct .contentBoxes {
		width: 920px;
		max-width: 90% !important;
		box-shadow: 0px 0px 0px;
		margin: 2.5% !important;
	}

	.wrap-acct .defaultBTN {
		padding: 5px 10px !important;
		border-radius: 10px !important;
		min-height: 20px !important;
	}

	.order_table_id_column {
		float: left;
		width: 30%;
	}

	.order_items_list {
		max-width: 92%;
		padding: 15px;
	}

	.order_editing_explanation_div {
		max-width: 200px;
	}

	.order_floating_edit_buttons {
		float: none;
	}

	.order_editing_ship_address {
		background-color: transparent;
	}

	.order_status_title {
		padding: 15px;
	}

	.contentBoxes {
		max-width: 90% !important;
		margin: 0px auto !important;
		box-shadow: 0px 0px 0px !important;
		margin-top: 30px !important;
	}

	body.account h2 {
		padding-left: 0px;
	}

	#library-wrapper {
		max-width: 100%;
	}

	#library-wrapper div {
		max-width: 100%;
	}

	.library-right {
		padding-left: 0px;
	}

	.library-left {
		max-width: 100%;
	}

	.library-product {
		margin-top: 20px;
	}

	.library-top {
		margin-top: 20px;
		max-width: 90% !important;
		margin-left: auto;
		box-shadow: 0px 0px 0px #ffffff;
		margin-right: auto;
		padding: 0px;
	}

	.tab-content input {
		padding: 3px;
	}

	.blue-bar h6 {
		margin-left: 20px;
	}

	.library-top .contentBoxes {
		border-color: #b50000;
		min-height: 100px;
		margin: auto;
		margin-bottom: 20px;
		max-width: 90% !important;
		padding: 5%;
	}

	.download-info-center {
		float: left !important;
		padding: 0px 20px;
	}

	.tab-content {
		max-width: 100%;
		margin: 0px 0% !important;
	}

	.mag_case {
		max-width: 100% !important;
		margin: 0px auto;
	}

	.acctaddeditcard td,
	#add_billing_address_block div.dd,
	#add_billing_payment_details div.dd,
	#add_billing_address_block h3,
	#add_billing_payment_details h3 {
		text-align: left;
		padding: 2px;
	}

	.acctaddeditcard tbody {
		display: block;
	}

	.acctaddeditcard input,
	.acctaddeditcard select {
		margin: 2px;
		padding: 5px;
	}

	.acctaddeditcard_tr {
		display: block;

	}

	.acctaddeditcard {
		display: block;
		max-width: 100%;
	}

	.acctaddeditcard_td {
		display: block;
		width: 320px;
		margin: 0px auto;
	}

	#registered_customers {
		width: 100% !important;
	}

	#new_customers {
		width: 100% !important;
		margin: 20px 0px !important;
		padding-right: 0px !important;
	}

	#existing_customers {
		width: 100% !important;
		margin: 20px 0px !important;
		padding-right: 0px !important;
	}

	.cp_table {
		max-width: 100%;
		display: block;
	}

	.cp_table tbody {
		max-width: 100%;
		display: block;
	}

	.cp_table_tr {
		max-width: 100%;
		display: block;
	}

	.cp_table_td {
		max-width: 100%;
		display: block;
	}

	.static_content_override {
		display: block;
		max-width: 100%;
	}

	.order-row-divider {
		margin: 20px auto;
		background-color: #cccccc;
	}

	.address_change_table {
		padding: 5% !important;
		display: block;
		max-width: 90%;
	}

	.address_change_table tr {
		display: block;
		max-width: 100%;
		padding-bottom: 3px;
	}

	.address_change_table textarea {
		max-width: 100%;
	}

	.address_change_table tr td {
		display: block;
		max-width: 100%;
		padding-bottom: 3px;
	}

	.ship_table {
		max-width: 100%;
		display: block;
	}

	.ship_table tbody {
		max-width: 100%;
		display: block;
	}

	.ship_table_tr {
		max-width: 100%;
		display: block;
	}

	.ship_table_td {
		max-width: 100%;
		display: block;
	}

	.mag_case_inner {
		max-width: 90%;
		border: red solid 1px;
	}

	.css_cornerfg {
		background: transparent;
	}

	.css_corner {
		display: none;
	}

	#acct_add_address {
		display: block;
		max-width: 100%;
	}

	body.account .tabset {
		padding-left: 0px;
	}

	.form_info {
		max-width: 90%;
	}

	#accnt_shipad_confirm_changes {
		display: block;
		max-width: 100%;
	}

	#accnt_shipad_confirm_changes tbody {
		display: block;
		max-width: 100%;
	}

	.order_editing_buttons_table,
	.order_editing_buttons_table tbody,
	.order_editing_buttons_table tr {
		display: block;
	}

	.order_editing_container_table {
		max-width: 100%;
		display: block;
	}

	.order_editing_container_table tbody {
		max-width: 100%;
		display: block;
	}

	body.account .tabset {
		max-width: 90% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left;
	}

	#acct_edit_shipadd tr td:nth-child(even),
	#acct_edit_shipadd tr li,
	#accnt_shipad_confirm_changes tr td:nth-child(even),
	#acct_confirm_delete_shipad tr td:nth-child(even),
	#acct_add_address tr td:nth-child(even),
	#acct_add_address tr li,
	#accnt_add_shipad_confirm tr td:nth-child(even),
	#accnt_add_shipad_confirm tr li {
		text-align: left;
		padding: 3px;
	}

	#acct_add_address input,
	#acct_add_address select {
		margin: 2px;
		padding: 3px;
	}

	#existing_customers {
		margin: 20px 0px !important;
		padding-right: 0px !important;
	}

	#new_customers {
		margin: 20px 0px !important;
		padding-right: 0px !important;
	}

	.order_header_bill_ship_address,
	.order_header_bill_ship_address_editmode {
		margin: 5%;
		margin-right: auto;
		width: auto;
		max-width: 90%;
	}

	.order-section-downloads .order-address-section {
		display: none;
		min-height: auto;
	}

	#delete_credit_card_confirm {
		display: block;
		max-width: 100%;
	}

	#delete_credit_card_confirm tbody {
		display: block;
		max-width: 100%;
	}

	#delete_credit_card_confirm tr {
		display: block;
		max-width: 100%;
	}

	#acct_confirm_delete_shipad {
		display: block;
		max-width: 100%;
	}

	.confirm_billing_table {
		display: block;
		max-width: 100%;
	}

	.confirm_billing_table tbody {
		display: block;
		max-width: 100%;
	}

	.confirm_billing_tr {
		display: block;
		max-width: 100%;
	}

	.confirm_billing_td {
		display: block;
		max-width: 100%;
	}

	.confirm_billing_div {
		display: block;
		max-width: 100%;
	}

	#edit_cc_card_name_acct {
		max-width: 198px;
	}

	#accnt_add_shipad_confirm {
		display: block;
		max-width: 100%;
	}

	#accnt_add_shipad_confirm input {
		max-width: 180px;
	}

	.accordian .img-for-sale:before {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}

	.img-for-sale a {
		padding: 0px 5px 5px;
		border-radius: 5px;
	}

	.accordian>ul>li {
		padding: 5px 10px !important;
	}

	#cart-block {
		flex-direction: column;
	}

	.item-row_bottom {
		flex-grow: 3;
	}

	.item-wrapper-main {
		display: flex;

	}

	.cart-contents .destination {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.for-delivery {
		width: 40%;
	}

	.for-pickup {
		width: 40%;
	}

	.cart-contents .remove {
		margin-top: 12%;
		margin-right: 0px;
		padding-right: 0px;
	}

	.cart-break {
		flex-basis: 100%;
		height: 0;
	}

	.cart-contents .destination {
		flex-direction: row;
	}

	.cart-contents .item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: auto;
	}

	.cart-contents .remove {
		width: auto;
	}

	.item-wrapper-main {
		flex-wrap: wrap;
	}

	.cart-contents .item-desc {
		max-width: 170px;
		min-width: 170px;
	}

	.cross-sell2 .defaultBTN {
		padding: 4px 8px !important;
		border-radius: 15px !important;
		min-height: 25px !important;
		font-size: .8em;
	}

	.cart-contents .item-img-wrapper {
		max-width: 45px;
		margin-left: 3px;
	}

	.item-single {
		flex-direction: column;
		justify-content: space-evenly;
	}


	/* new responsive css for account */
	.account-home-boxes {
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		float: none;
	}

	.dropdown {
		display: block;
	}

	#adminmenu {
		float: none;
		width: 90%;
		padding: 0px 0px 0px 0px;
		margin: 0px 5%;
	}

	#adminmenu ul {
		list-style: none;

	}

	#adminmenu ul li {
		border-radius: 5px;
		padding: 10px 15px;
		border: 1px solid #ececec;
		text-transform: uppercase;
		margin: 5px 5px;
		font-size: 1em;
	}

	.dropdown_list {
		margin: 15px auto;
		width: auto;
		position: relative;
		box-sizing: border-box;
		font-size: 1.3em;
		text-transform: uppercase;
		font-family: lato;
	}

	.dropdown_list li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.dropdown_list span.dropdown {
		display: block;
		margin: 0;
		padding: 0 10px;
		width: auto;
		height: 40px;
		line-height: 38px;
		background: #fff;
		border-radius: 3px;
		border: 1px solid #cccccc;
		cursor: pointer;
		overflow: hidden;
	}

	.dropdown_list span.dropdown.is-active {
		border-radius: 3px 3px 0 0;
	}

	.dropdown_list span.dropdown:hover,
	.dropdown_list span.dropdown:active {
		background: #f1f1f1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.dropdown_list span.dropdown:after {
		float: right;
		margin-top: 0;
		margin-left: 10px;
		width: 15px;
		height: 100%;
		content: "";
		color: ineherit;
		font-family: 'icons';
		text-align: center;
		font-size: inherit;
		vertical-align: top;
	}

	.dropdown_list span.dropdown.is-active:after {
		content: ""
	}

	.dropdown_list a:hover {
		text-decoration: none;
		border-bottom: 0;
	}

	.dropdown_list .drop {
		display: block;
		float: left;
		margin: 0;
		width: 100%;
		max-height: 0;
		position: absolute;
		background: #fff;
		top: 40px;
		border-radius: 0 0 3px 3px;
		z-index: 10;
		overflow-y: auto;
		opacity: 0;
		transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1);
	}

	.dropdown_list span.is-active+.drop {
		max-height: 350px;
		border: 1px solid #cccccc;
		border-top: 0;
		opacity: 1;
		transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
	}

	.dropdown_list .drop li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		height: auto;
		border-top: 1px dotted #ccc;
	}

	.dropdown_list .drop li:first-child {
		border-top: 0
	}

	.dropdown_list .drop li a {
		float: none;
		display: block;
		margin: 0;
		padding: 6px 10px 6px 25px;
		height: auto;
		width: auto;
		text-transform: none;
		color: inherit;
		background: #fff;
		text-align: left;
		border-radius: 0;
		border: 0;
	}

	.dropdown_list .drop li a:hover,
	.dropdown_list .drop li a:active {
		background: #f1f1f1;
	}

	.dropdown_list .drop li a:before {
		display: inline-block;
		margin-left: -15px;
		margin-right: 5px;
		width: 10px;
		height: inherit;
		content: "\00BB";
		color: inherit;
		font-family: 'icons';
		text-align: center;
		font-size: inherit;
		vertical-align: top;
	}

	.right-admin {
		max-width: 90% !important;
		margin: 5% !important;
		float: none;
		display: block;
	}

	.review-order-summary {
		margin: 5%;
		width: 90%;
	}

	.right-admin {
		max-width: 90% !important;
		margin: 1% !important;
		float: left;
	}

	.acct_form_cancel {
		width: 80%;
	}

	/*end new account responsive css */

	.checkout-form_row {
		flex-direction: column;
		align-items: flex-start;
	}

	.checkout-form_row--left,
	.checkout-form_row--right {
		grid-column: 1/-1;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.billing-form_input {
		width: 100%;
	}

}


.item-single {
	display: flex;
	width: 100%;
}

.done_button {
	font-size: 1em;
	display: inline-block;
	padding: 5px 25px;
	letter-spacing: .05em;
}

.ebook-subtotal {
	padding: 5px 8px;
	background: rgba(183, 199, 211, 0.5);
	border-radius: 10px;
	margin-left: -5px;
	font-weight: 900;
	width: auto;
}

#smsMainSU {
	width: 100%;
}

#smsContainer75 {
	display: none;
}

#smsInputContainer {
	margin: 0px 25px 0px 0px;
}

.smsInputBox {
	border: 1px #E0E0E0 solid;
	height: 28px;
	font-size: 14px;
	margin: 0px 0px 0px 10px;
	border-radius: 5px;
}

.smsButtonSU {
	height: 28px;
	width: auto;
	font-size: 14px;
	font-weight: 500;
	border-radius: 20px;
	padding: 0px 20px;
}

#smsIconContainer {
	float: none;
	width: 70px;
	height: auto;
	margin: 20px auto 10px auto;
	height: 70px;
}

#smsBtnContainerSU {
	float: none;
	width: auto;
	height: 75px;
	display: inline-block;
}

#smsInputContainer {
	float: none;
	width: auto;
	height: 75px;
	margin: 0px 25px 0px 0px;
	display: inline-block;
}

#smsBtnContainerSU {
	float: none;
	display: inline;
}

#progressbar {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.sms-label {
	display: inline-block;
	font-size: 14px !important;
}

.thank_you {
	color: #002855;
}

.ui-widget-overlay {
	background: #222222 !important;
	opacity: .5 !important;
	filter: Alpha(Opacity=50) !important;
}



#category-bar>li {
	margin: 0;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 1.1em;
	padding: 0 10px;
}


/* 2022 design update  */

#category-bar>li {
	margin: 0;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 1.1em;
	padding: 0 15px;
	font-family: lato;
}

.moduleHeaderLeft {
	font-family: lato;
	margin-bottom: 7px;
}

.product-image-text {
	font-family: lato;
	margin-top: 7px;
}

header {
	font-family: lato;
}

#category-bar {
	padding-top: 0;
	max-height: none;
}

.order-address-section span {
	display: block;
}

.ui-dialog .ui-dialog-content {
	font-family: 'Lato';
	padding: 10px !important;
}

.cart-break-wide {
	flex-basis: 100%;
	height: 0;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 15px;
}



/* 2022 design update  */
#category-bar {
	border-top: 0px solid #7997AB !important;
	border-bottom: 2px solid #7997AB !important;
	width: 100% !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	padding: 0 !important;
	position: relative;
	align-items: stretch;
	z-index: 999;
}


header {
	background-image: url(images/header-background.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: top !important;
	background-size: 100% 42px;
	border: 0px solid;
	height: 120px;
	margin-top: 0px !important;
	font-family: lato !important;
}

#content {
	margin-top: 50px;
}

.rffh-primary.header-violator {
	background: #B7C7D3;
	margin-top: 0px;
	position: relative;
	width: 100%;
	z-index: 9999;
}

.box {
	color: #002855;
	background: #FFF;
	margin-top: 30px;
	position: absolute !important;
	z-index: 9999 !important;
}

@media screen and (max-width: 840px) {
	.box {
		margin-top: 35px;
	}
}

#category-bar .topic-column.extra {
	border-left: #535353 solid 0px;
}

.category-bar-topic {
	background-color: #ffffff !important;
	border-right: 2px solid #7997AB;
	border-left: 2px solid #7997AB;
	border-bottom: 2px solid #7997AB;
}



#category-bar .topic-column.extra {
	display: none;
}

.category-bar-topic {
	border-right: 1px solid #7997AB !important;
	border-left: 1px solid #7997AB !important;
	padding: 20px !important;
	border-bottom: 1px solid #7997AB !important;
	font-family: 'Lato';
	font-size: 1.1em !important;
	border-top: 0px !important;
	box-shadow: 2px 2px 2px #cccccc;
	margin-top: 0px !important;
}

#category-bar>li {
	padding-bottom: 0;
}

.category-bar-topic li h3 {
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 13px;
	font-size: 1.1em !important;
	margin-top: 10px;
	text-transform: uppercase !important;
}

div#mainContainer {
	margin-top: 80px;
}

#pdpOverview {
	margin-top: 30px;

}

#pdpOverview p {
	padding: 10px;
}

body {
	font-family: 'Lato';
}

#category-bar .category-bar-topic.active {
	z-index: 99;
	position: absolute !important;
	top: 100%;
}

#category-bar {
	overflow: visible;
}

#category-bar>li {
	padding-bottom: 0;
}

.account-container-wrapper {
	top: 85px !important;
}

/* image resize to container */
.image_resize {
	width: 100%;
	height: 100%;
}

/* ============================================================
   Constructor.io Autocomplete — Modern Styles
   ============================================================ */

/* --- Search area wrapper (flex row: input + bookie btn) --- */
.rffh-search {
	border: none;
	margin-left: 5px;
	border-radius: 0;
	position: relative;
	background: transparent;
}

/* --- Search input container --- */
#search-field {
	border: 1.5px solid #d0d4da;
	border-radius: 12px;
	background: #f5f6f8;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	position: relative;
}
#search-field:focus-within {
	border-color: #002855;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(0, 40, 85, 0.10);
}

/* --- Form & input — kill every possible border/outline the CIO library injects --- */
.cio-autocomplete,
.cio-form {
	width: 100% !important;
	height: 100% !important;
}

.cio-autocomplete {
	padding: 0 !important;
	position: relative;
	height: 38px !important;
}

.cio-autocomplete .cio-input,
.cio-autocomplete .cio-input:focus,
.cio-autocomplete .cio-input:active,
.cio-autocomplete .cio-input:hover {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	color: #1a1a1a !important;
	background: transparent !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
	padding-left: 16px !important;
	height: 100% !important;
}

input[id^="cio-autocomplete"][id$="-input"],
input[id^="cio-autocomplete"][id$="-input"]:focus,
input[id^="cio-autocomplete"][id$="-input"]:active,
input[id^="cio-autocomplete"][id$="-input"]:hover {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	font-size: 15px !important;
	height: 100% !important;
}

.cio-submit-btn,
.cio-clear-btn {
	border: none;
	background: transparent;
	font-size: 1.5em;
	cursor: pointer;
}

/* --- Dropdown menu --- */
ul.cio-results,
ul[id^="cio-autocomplete"][id$="-menu"] {
	position: absolute;
	left: -2px;
	right: -2px;
	top: calc(100% + 4px);
	z-index: 9999;
	width: calc(100% + 4px) !important;
	max-height: none;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0 !important;
	margin: 0;
	background: #fff;
	border: 1.5px solid #d0d4da;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .14);
	list-style: none;
	box-sizing: border-box;
}

/* Stack sections vertically, kill any CIO runtime gap/padding */
ul.cio-results,
ul[id^="cio-autocomplete"][id$="-menu"] {
	flex-direction: column !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

/* High-specificity override — beats CIO's runtime-injected padding-bottom */
#search-field ul.cio-results,
#search-field ul[id^="cio-autocomplete"][id$="-menu"] {
	padding: 0 !important;
	gap: 0 !important;
}

/* --- Section containers --- */
li.cio-section {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}

/* --- Section title --- */
.cio-section-name {
	display: block;
	padding: 12px 20px 6px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .8px;
	color: #8a8f98;
	font-family: 'Lato', sans-serif;
}

li.cio-section:first-child .cio-section-name {
	display: none;
}

/* --- Section item list --- */
ul.cio-section-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.cio-section-items li {
	max-height: none;
}

/* --- Search Suggestions section --- */
li.cio-section-search-suggestions ul.cio-section-items li {
	padding: 0;
	margin: 0;
}

li.cio-section-search-suggestions ul.cio-section-items li>* {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 12px 20px;
	cursor: pointer;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	transition: background .12s ease;
	gap: 0;
}

li.cio-section-search-suggestions ul.cio-section-items li>*:hover,
li.cio-section-search-suggestions ul.cio-section-items li[aria-selected="true"]>* {
	background: #f0f4f8;
}

li.cio-section-search-suggestions ul.cio-section-items li>*::before {
	content: '\e8b6';
	font-family: 'Material Icons';
	font-size: 18px;
	color: #8b94a3;
	flex-shrink: 0;
	margin-right: 10px;
}

/* Suggestion text: bold the matched (typed) portion, keep rest readable */
p.cio-suggestion-text {
	margin: 0 !important;
	padding: 5px 15px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: #1a1a1a !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
}

p.cio-suggestion-text em,
p.cio-suggestion-text strong,
p.cio-suggestion-text b,
.cio-suggestion-text .cio-highlight {
	font-weight: 700 !important;
	font-style: normal !important;
	color: #002855 !important;
}

/* Suggestion result count */
.cio-suggestion-count,
.cio-result-count {
	margin-left: auto;
	font-size: 12px;
	color: #aaa;
	padding-left: 8px;
}

/* --- In-Group / Category suggestions --- */
li.cio-section-search-suggestions .cio-term-in-group {
	padding-left: 36px;
	font-weight: 600;
	font-size: 14px;
}

li.cio-section-search-suggestions .cio-term-in-group::before {
	content: '\e5db';
	font-family: 'Material Icons';
	font-size: 16px;
	color: #888;
	margin-right: 8px;
	vertical-align: middle;
}

li.cio-section-search-suggestions ul.cio-section-items li .cio-term-in-group {
	display: flex;
	align-items: center;
}

/* --- Products section --- */
li.cio-section-products {
	background: #f4f7fb;
	border-top: 1px solid #e0e6ef;
	margin-top: 4px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Override CIO library's injected horizontal padding on the products section */
.cio-autocomplete .products,
.cio-autocomplete .cio-section-products {
	padding: 0 !important;
}

/* Hide CIO's rendered section name — font-size:0 gets overridden by CIO's injected stylesheet */
.cio-section-products .cio-section-name {
	display: none !important;
}

/* Our own label via li::before — CIO cannot touch pseudo-elements on our li */
li.cio-section-products::before {
	content: 'YOU MIGHT ALSO LIKE';
	display: block;
	padding: 14px 20px 8px;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: .8px;
}

/* Override CIO library's injected fixed height on product items */
.cio-autocomplete .cio-section-products .cio-item,
.cio-autocomplete .products .cio-item {
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
}

li.cio-section-products ul.cio-section-items {
	display: flex;
	flex-wrap: nowrap;
	padding: 4px 12px 14px;
	gap: 10px;
}

/* Card — white background lives on the li, which wraps image + text */
li.cio-section-products ul.cio-section-items li {
	flex: 1 1 0;
	min-width: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .08);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	cursor: pointer;
}

/* Lift + shadow on hover — card stays white */
li.cio-section-products ul.cio-section-items li:hover,
li.cio-section-products ul.cio-section-items li[aria-selected="true"] {
	background: #fff;
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 40, 85, .14);
	border-color: rgba(0, 40, 85, .18);
}

/* Re-assert transparent on all children during hover to beat CIO's injected hover styles */
li.cio-section-products ul.cio-section-items li:hover *,
li.cio-section-products ul.cio-section-items li[aria-selected="true"] * {
	background: transparent !important;
}

/* Inner link/div — layout only, transparent so the li's white shows through */
li.cio-section-products ul.cio-section-items li>* {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px 6px 12px;
	background: transparent !important;
	text-decoration: none;
	color: #1a1a1a;
	font-family: 'Lato', sans-serif;
	box-sizing: border-box;
	width: 100%;
}

/* Force all CIO-injected child backgrounds transparent so the li white shows */
#search-field li.cio-section-products ul.cio-section-items li * {
	background: transparent !important;
	box-shadow: none !important;
}

li.cio-section-products .cio-product-image,
li.cio-section-products img {
	width: 80px;
	height: 110px;
	object-fit: contain;
	margin-bottom: 8px;
	border-radius: 0;
	flex-shrink: 0;
}

/* Product name — 3-line clamp */
li.cio-section-products .cio-product-text,
li.cio-section-products .cio-product-name {
	font-size: 12px;
	line-height: 1.4;
	font-weight: 600;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: none;
	margin: 0;
	width: 100%;
}

/* Product price if rendered */
li.cio-section-products .cio-product-price {
	font-size: 13px;
	font-weight: 700;
	color: #002855;
	margin-top: 4px;
}

/* --- Recent Searches (zero-state custom section) --- */
li.cio-section[class*="recent-searches"] .cio-section-name,
li.cio-section[class*="Recent"] .cio-section-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px 6px;
	font-size: 11px;
	font-weight: 700;
	color: #8a8f98;
	text-transform: uppercase;
	letter-spacing: .8px;
}

li.cio-section[class*="recent-searches"] ul.cio-section-items li>*,
li.cio-section[class*="Recent"] ul.cio-section-items li>* {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	cursor: pointer;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	transition: background .12s ease;
}

li.cio-section[class*="recent-searches"] ul.cio-section-items li>*:hover,
li.cio-section[class*="Recent"] ul.cio-section-items li>*:hover {
	background: #f0f4f8;
}

li.cio-section[class*="recent-searches"] ul.cio-section-items li>*::before,
li.cio-section[class*="Recent"] ul.cio-section-items li>*::before {
	content: '\e889';
	font-family: 'Material Icons';
	font-size: 18px;
	color: #b0b5be;
	margin-right: 12px;
	flex-shrink: 0;
}

/* ============================================================
   Responsive: Tablet (601–900px)
   ============================================================ */
@media screen and (max-width: 900px) and (min-width: 601px) {

	li.cio-section-products .cio-product-image,
	li.cio-section-products img {
		width: 64px;
		height: 88px;
	}

	li.cio-section-products .cio-product-text,
	li.cio-section-products .cio-product-name {
		font-size: 11px;
	}
}

/* ============================================================
   Responsive: Mobile (<= 600px)
   ============================================================ */
@media screen and (max-width: 600px) {

	ul.cio-results,
	ul[id^="cio-autocomplete"][id$="-menu"] {
		position: fixed;
		left: 0 !important;
		right: 0 !important;
		/* width intentionally omitted — left:0 + right:0 constrains to viewport
		   without the 100vw scrollbar-width vicious-cycle overflow bug on iOS */
		max-height: calc(100vh - 120px);
		max-height: calc(100dvh - 120px);
		overflow-y: auto;
		overflow-x: hidden;
		border-radius: 0 0 12px 12px;
		border-left: none;
		border-right: none;
		box-shadow: 0 12px 40px rgba(0, 0, 0, .16);
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		scrollbar-width: none;
	}

	ul.cio-results::-webkit-scrollbar,
	ul[id^="cio-autocomplete"][id$="-menu"]::-webkit-scrollbar {
		display: none;
	}

	/* Larger touch targets for suggestions */
	li.cio-section-search-suggestions ul.cio-section-items li>* {
		padding: 14px 20px;
		font-size: 16px;
		min-height: 48px;
	}

	/* Products: horizontal swipe carousel */
	li.cio-section-products ul.cio-section-items {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 8px;
		padding: 4px 14px 14px;
		margin: 0;
		scrollbar-width: none;
	}

	li.cio-section-products ul.cio-section-items::-webkit-scrollbar {
		display: none;
	}

	li.cio-section-products ul.cio-section-items li {
		flex: 0 0 140px;
		max-width: 140px;
		min-width: 140px;
		scroll-snap-align: start;
		border-radius: 10px;
	}

	li.cio-section-products ul.cio-section-items li:hover,
	li.cio-section-products ul.cio-section-items li[aria-selected="true"] {
		transform: none;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
		border-color: transparent;
	}

	/* Recent searches */
	li.cio-section[class*="recent-searches"] ul.cio-section-items li>*,
	li.cio-section[class*="Recent"] ul.cio-section-items li>* {
		padding: 14px 20px;
		font-size: 16px;
		min-height: 48px;
	}
}

/* ============================================================
   End Constructor.io Autocomplete Styles
   ============================================================ */