/*
	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 */
body { min-width: 340px; margin: 0; margin-top: 40px; }

/* 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-top: 0.5em;
    display: inline-block;
    text-decoration: none;
    font-size: 1.1em;
    padding: 0px 10px;
}


/* 2022 design update  */

#category-bar > li {
    margin-top: 0.5em;
    display: inline-block;
    text-decoration: none;
    font-size: 1.1em;
    padding: 0px 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:10px;
max-height:2.2em;
}
.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;
    width: 100% !important;
    margin: 5px auto;
    margin-top: 0px !important;
	max-width: 100% !important;
    border-bottom: 2px solid #7997AB !important;
    padding-bottom: 13px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
	position: relative;
    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: 13px !important;
}
#category-bar > li {
    padding-bottom: 30px;
}
.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 li:hover .category-bar-topic {
    z-index: 99;
    position: absolute !important;
}
#category-bar {
    overflow: visible;
}
#category-bar > li {
    padding-bottom: 15px;
}
.account-container-wrapper {
    top: 85px !important;
}

/* image resize to container */
.image_resize {
    width: 100%;
    height: 100%;
}

/* Custom styles for Constructor */
.cio-autocomplete {
    padding: 5px!important;
}
.cio-autocomplete, .cio-form {
    width: calc( 100% - 20px )!important;
}
.cio-autocomplete .cio-input {
    border: 0px!important;
}
.cio-submit-btn, .cio-clear-btn {
      border:none;
      background:white;
      font-size:1.5em;
}
.rffh-search {
    border: 1px solid #002855;
    margin-left: 5px;
    border-radius: 50px;
}
input#cio-autocomplete-0-input:focus {
    outline-width: 0;
}
ul#cio-autocomplete-0-menu {
      padding: 0 10px;
      width: 90%;
      border: 1px solid #002855;
}
ul.cio-section-items li {
      max-height: 10px;
}
p.cio-suggestion-text {margin-bottom: 0;}
li.cio-section.cio-section-search-suggestions.Search.Suggestions.search-suggestions {
    width: 100%;
}
/* End Constructor styles */