/* 
2023-04-20 - SL - em added for nested paragraphs
2023-02-09 - SL - medium-narrow widow fix 
*/

@charset "UTF-8";

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small,strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
}

em,
em p {
	font-style: italic !important;
}

/* Sometimes they add extra formatting in their "shout line" - this is to fix that. */
.bold,
.bold p{
	font-weight: bold !important;
}

.content .bold p{
	font-size: 16px !important;
}

.content b p {
	font-size: 16px !important;
	font-weight: bold !important;
}

input,
textarea,
button
{
	border-radius:0;
}

textarea
{
	vertical-align:top;
	overflow:auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
	-webkit-appearance:none;
	margin:0;
}

hr
{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #EEE;
	margin:1em 0;
	padding:0;
}

textarea
{
	resize:vertical;
}

a { text-decoration:none; }

img { max-width:100%; }

body
{
	background:#d0cec9;
	font:16px/24px Helvetica Neue,Helvetica,Arial,sans-serif;
	color:#000;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

	#header
	{
		
	}
	
		#pre-header
		{
			height:34px;
			border-bottom:1px solid #fff;
			background: #949a90;
		}
		
			.container
			{
				width:950px;
				margin:auto;
			}
			
				#pre-header ul
				{
					margin:0;
					padding:10px 0 0;
					font:0.75em/15px Helvetica Neue,Helvetica,Arial,sans-serif;
					float:right;
				}
				
					#pre-header li
					{
						margin:0 0 0 12px;
						display:inline-block;
					}
					
						#pre-header ul a
						{
							color:#FFF;
						}
						
						#pre-header ul a i
						{
							font-size: 15px;
						}
						
						/*
						#pre-header ul a.icon-link
						{
							width:15px;
							height:15px;
							background:url(../img/header/pre-header/icon-link/bg.png) center top no-repeat;
							display:block;
							text-indent:-100000px;
						}
						
						#pre-header ul a.icon-link:hover
						{
							background-position:center -15px;
						}
						
						#pre-header ul a.icon-link.facebook
						{
							background-position:center -30px;
						}
						
						#pre-header ul a.icon-link.facebook:hover
						{
							background-position:center -45px;
						}*/
						
		#main-header
		{
			position:relative;
			z-index: 9999;
		}
		
				#navigation
				{
					padding:25px 0 0;
					display:block;
				}
				
					#logo
					{
						width:182px;
						height:50px;
						background:url(../img/logo-white.png) no-repeat;
						background-size: 100%;
						display:block;
						float:left;
						text-indent:-100000px;
						position:relative;
						z-index:2;
						filter: invert(.8);
					}
					
					#header-search
					{
						width:100%;
						position:absolute;
						top:40px;
						z-index:1;
					}
					
						#header-search fieldset
						{
							width:auto;
							float:right;
						}
						
							#header-search .form-group
							{
								width:192px;
								height:24px;
							}
							
							.backgroundsize #header-search .form-group
							{
								background-size:400px 48px;
							}
							
								#header-search label,
								#header-search .form-control,
								#header-search .submit
								{
									height:12px;
									padding:6px 4px;
									border-radius: 15px;
									margin:0;
									border:0;
									font:0.75em/1em Helvetica Neue,Helvetica,Arial,sans-serif;
									color:#888;
									display:block;
									outline:0;
									cursor:text;
								}
								
								label.overlay
								{
									position:absolute;
									z-index:1;
								}
								
								#header-search label
								{
									width:auto;
									margin:0 0 0 25px;
								}
								
								#header-search .form-control
								{
									width:157px;
									padding-right:10px;
									display:block;
									float:right;
								}
								
								.backgroundsize #header-search .form-control
								{
									background-size:400px 48px;
								}
								
								#header-search .submit
								{
									width:25px;
									height:25px;
									padding:0;
									font-size:1px;
									background:transparent;
									display:block;
									text-indent:-100000px;
									cursor:pointer;
									z-index:5;
								}
					
					#nav-wrap
					{
						clear:both;
					}
					
						#nav
						{
							width:950px;
							margin:auto;
							padding:10px 0 0;
							list-style:none;
							text-align:center;
						}
						
							#nav > li
							{
								width:auto;
								margin:0 0 0 8px;
								display:inline-block;
								text-align:left;
							}
							
							#nav > li.first
							{
								margin:0;
								float:left;
							}
							
							#nav > li.last
							{
								float:right;
							}
							
								#nav > li > a
								{
									height:35px;
									padding:14px 15px 16px;
									font:1.125em/1em Helvetica Neue,Helvetica,Arial,sans-serif;
									color:#434343;
									display:block;
									
									-webkit-transition:all 0.333s ease;
									-moz-transition:all 0.333s ease;
									-ms-transition:all 0.333s ease;
									-o-transition:all 0.333s ease;
									transition:all 0.333s ease;
								}
								
									#nav > li > a small
									{
										padding:5px 0 1px;
										font:0.65em/1em Helvetica, Arial, sans-serif;
										color:#555;
										display:block;
										
										-webkit-transition: all 0.333s ease;
										-moz-transition: all 0.333s ease;
										-ms-transition: all 0.333s ease;
										-o-transition: all 0.333s ease;
										transition: all 0.333s ease;
									}
									
								#nav > li > a:hover,
								#nav > li:hover > a
								{
									background:#1E3047;
									color: #ddd;
								}
								
									#nav > li > a:hover small,
									#nav > li:hover > a small
									{
										color:#ddd;
									}
									
								#nav.hoverIntent > li > a:hover,
								#nav.hoverIntent > li:hover > a
								{
									background:transparent;
								}
								
									#nav.hoverIntent > li > a:hover small,
									#nav.hoverIntent > li:hover > a small
									{
										color:#ddd;
									}
									
								#nav.hoverIntent > li.hovering > a:hover,
								#nav.hoverIntent > li.hovering:hover > a
								{
									background:#949a90;
								}
								
									#nav.hoverIntent > li.hovering > a:hover small,
									#nav.hoverIntent > li.hovering:hover > a small
									{
										color:#ddd;
									}
									
								#nav .dd
								{
									width:100%;
									background:#949a90;
									display:block;
									position:absolute;
									left:-100000px;
									z-index:5;
									opacity:0;
									
									-webkit-transition: opacity 0.333s ease, left 0s ease 0.333s;
									-moz-transition: opacity 0.333s ease, left 0s ease 0.333s;
									-ms-transition: opacity 0.333s ease, left 0s ease 0.333s;
									-o-transition: opacity 0.333s ease, left 0s ease 0.333s;
									transition: opacity 0.333s ease, left 0s ease 0.333s;
								}
								
								#nav.hoverIntent > li:hover .dd
								{
									left:-100000px;
									opacity:0;
								}
								
								#nav > li:hover .dd,
								#nav.hoverIntent > li.hovering .dd,
								#nav.hoverIntent > li.hovering:hover .dd
								{
									left:0;
									opacity:1;
									
									-webkit-transition: opacity 0.333s ease;
									-moz-transition: opacity 0.333s ease;
									-ms-transition: opacity 0.333s ease;
									-o-transition: opacity 0.333s ease;
									transition: opacity 0.333s ease;
								}
								
									#nav .dd .dd-inner
									{
										display:block;
									}
								
										#nav ul.container
										{
											padding:15px 0;
											font:0.8125em/1.5em Verdana, Arial, sans-serif;
											list-style:none;
											color:#E2E2E2;
										}
									
											#nav li.big-block
											{
												width:735px;
												float:right;
											}
										
												#nav li.big-block strong
												{
													padding:0 0 5px;
													display:block;
												}
										
												#nav ul.fourths,
												#nav ul.thirds
												{
													padding:10px 0;
													border-top:1px solid #fff;
													border-bottom:1px solid #fff;
													list-style:none;
													display:block;
												}
												
												#nav ul.fourths
												{
													padding:10px 0 0;
												}
											
												.csscolumns #nav ul.fourths
												{
													-moz-column-count: 4;
													-moz-column-gap: 0px;
													-webkit-column-count: 4;
													-webkit-column-gap: 0px;
													column-count: 4;
													column-gap: 0px;
												}
											
												.csscolumns #nav ul.thirds
												{
													-moz-column-count: 3;
													-moz-column-gap: 0px;
													-webkit-column-count: 3;
													-webkit-column-gap: 0px;
													column-count: 3;
													column-gap: 0px;
												}
											
													#nav ul.fourths li,
													#nav ul.thirds li
													{
														width:25%;
														float:left;
													}
												
													#nav ul.thirds li
													{
														width:33.333%;
													}
												
													.csscolumns #nav ul.fourths li,
													.csscolumns #nav ul.thirds li
													{
														width:100%;
														float:none;
													}
												
														#nav ul.fourths a,
														#nav ul.thirds a
														{
															color:#fff;
															display:block;
															-webkit-transition: all 0.3s ease;
															-moz-transition: all 0.3s ease;
															-ms-transition: all 0.3s ease;
															-o-transition: all 0.3s ease;
															transition: all 0.3s ease;
														}
													
														#nav ul.fourths a:hover,
														#nav ul.thirds a:hover
														{
															color:#eee;
															text-decoration: underline;
															cursor: pointer;
														}
													
											#nav li.promotion
											{
												width:170px;
												padding:10px;
												border:1px solid #DDD;
												background:#FFF;
												float:left;
											}
										
												#nav li.promotion a
												{
													display:block;
												}
											
													#nav li.promotion img
													{
														display:block;
													}
													
	#hero
	{
		background:url(../img/hero/bg.gif) center bottom repeat-x;
	}
	
			#slider
			{
				width:100%;
				height:370px;
				padding:10px;
				border:1px solid #DDD;
				background:#FFF;
				float:left;
				position:relative;
			}
				
				#slider-target
				{
					width:100%;
					height:100%;
					position: relative;
					overflow: hidden;
					visibility: hidden;
				}
				
					#slides
					{
						width:100%;
						height:100%;
						position:relative;
						overflow: hidden;
					}
					
						.slide
						{
							width:100%;
							height:100%;
							float:left;
							position: relative;
							display: flex;
						    align-items: center;
						}
					
							.slide a
							{
								display:block;
							}
						
								.slide img
								{
									margin:auto;
									display:block;
								}
						
				#slide-controls
				{
					width:auto;
					height:10px;
					position:absolute;
					list-style:none;
					z-index:4;
					bottom:20px;
					left:20px;
				}
				
					#slide-controls li
					{
						display:block;
						margin:0 5px 0 0;
						float:left;
					}
					
						#slide-controls a
						{
							width:10px;
							height:10px;
							background:url(../img/hero/slide-controls/bg.png) center top no-repeat;
							display:block;
							text-indent:-100000px;
						}
						
						.backgroundsize #slide-controls a
						{
							background:url(../img/hero/slide-controls/bg@2x.png) center top no-repeat;
							background-size:10px 20px;
						}
						
						#slide-controls a.active
						{
							background-position:center bottom;
						}
			
			#promotion
			{
				width:170px;
				height:370px;
				padding:10px;
				border:1px solid #DDD;
				background:#FFF;
				float:right;
			}
			
	#main
	{
		padding:25px 0 15px;
		background:#FFF;
	}
	
	#main.page-about .page-title{
		display: none;
	}
	
			.content
			{
				width:690px;
				float:right;
			}
			.content-768
			{
				clear:none;
				float: left;
			}
			.catalog-page .content
			{
				width:670px;
			}
				
				header.page-title.content
				{
					text-align:left;
				}
				
				.catalog-page header.page-title.content
				{
					width: 100%;
				}
				
				.content article
				{
					padding-top:10px;
					padding-bottom:5px;
					margin-top:5px;
					border-top:1px solid #EEE;
				}
				
				.content article:first-child
				{
					padding-top:0;
					margin-top:0;
					border-top:none;
				}
				
				.content-halves
				{
					margin:0 0 0 -20px;
				}
				
					.content-half
					{
						width:335px;
						padding:0 0 0 20px;
						float:left;
					}
				
			.sidebar
			{
				width:235px;
				float:left;
			}
			
			.sidebar .slick-list{
				overflow-x: hidden;
				margin-bottom: -5px;
			}
			
			.sidebar .th_image_row{
				padding-right: 2px;
			}
			
			.slick-slide {
			    outline: none !important;
			    cursor: pointer;
			}
			
			.slider-nav{
				margin-bottom: 15px;
			}
			
			.catalog-page .sidebar
			{
				width:255px;
			}
			
				.catalog-page .sidebar img
				{
					margin-top: 0px;
				}
			
				.sidebar span.visual
				{
					max-width:245px;
					padding:4px;
					margin:0 auto 10px;
					border: 1px solid #EEE;
					position:relative;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					-ms-box-sizing: border-box;
					box-sizing: border-box;
					display:block;
				}
				
/*
				.sidebar span.visual .slider{
					height: 300px;
				}
*/
				
				.sidebar span.visual .slider .slick-slide{
					display: inline-block;
				}
				
				.sidebar a.img
				{
					margin:auto;
					display:block;
				}
				
					img.treated
					{
						max-width:100%;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						-ms-box-sizing: border-box;
						box-sizing: border-box;
					}
					
					.sidebar img.max-235
					{
						max-width:100%;
						display:block;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						-ms-box-sizing: border-box;
						box-sizing: border-box;
						display:block;
					}
				
				.sidebar ul.sub-nav
				{
					padding-top:0;
				}
				
			ul#catalogs
			{
			
			}
			
				ul#catalogs li
				{
				    display: inline-block;
				    list-style: none;
				    max-width: 200px;
				    margin: 0 20px 30px 0;
				    vertical-align: top; 
				    text-align: center;
				}
				
		@media all and (min-width: 969px){
			.catalog-page .mainCatalog{

					margin-top: 140px; 
					text-align: center;
				}
			}
			
			.col-group
			{
			
			}
			
				.col
				{
				
				}
				
				.col.fourth
				{
					width:25%;
					float:left;
				}
				
					.visual.pull-left
					{
						width:70px;
						height:100px;
						margin:0 0 0 11px;
						position:relative;
					}
					
						.visual.pull-left img
						{
							padding:2px;
							border:1px solid #EEE;
							display:block;
							position:absolute;
							bottom:0;
							
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							-ms-box-sizing: border-box;
							box-sizing: border-box;
						}
					
					.written.pull-right
					{
						width:135px;
						padding:15px 0 0;
						margin:0 11px 0 0;
					}
					
						#main h1
						{
							margin:0 0 5px;
							font:bold 1.875em/1.135em Helvetica Neue,Helvetica,Arial,sans-serif;
							color:#000;
						}
						
							#main h1 small
							{
								font:0.6em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
								display:block;
							}
							
							#main h1 small.page
							{
								padding:0 0 10px;
								border-bottom:1px solid #EEE;
								font:0.5em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
								color:#888;
							}
						
						#main h2,
						#main legend
						{
							font:1.25em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
							color:#000;
						}
						
						#main .col-group h2
						{
							font:1em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						}
						
							#main h2 a
							{
								color:#000;
							}
							
						#main h3
						{
							font:1em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
							color:#000;
						}
						
							#main h3 a
							{
								color:#000;
							}
						
						#main h4
						{
							padding:0 0 10px;
							font:0.925em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
							color:#555;
						}
						
						#main blockquote
						{
							padding:10px 10px 0;
							margin:2px 0 10px;
							border:1px solid #F2F2F2;
							background:#F7F7F7;
							-webkit-border-radius: 3px;
							border-radius: 3px;
						}
						
							#main blockquote p.source
							{
								font-style:italic;
							}
							
							#main blockquote p.source + p.date
							{
								margin-top:-10px;
							}
						
						#main p,
						#main address,
						#main ul,
						#main ol
						{
							padding:0 0 10px;
							font:0.8125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						}
						
							#main address strong.block
							{
								font:1.25em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
								color:#000;
								display:block;
							}
							
							span.highlight
							{
								padding:1px 3px;
								margin:-1px -3px;
								background:#B7E2EF;
								background:rgb(185, 225, 240);
								background:rgba(185, 225, 240, 0.5);
								display:inline-block;
							}
						
						#main p.error
						{
							color:#BF171D;
						}
						
						#main ul.dropdown-menu
						{
							width:100%;
							padding:5px 0;
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							-ms-box-sizing: border-box;
							box-sizing: border-box;
						}
							
							#main ul.buttons li
							{
								padding:5px 0 0;
							}
							
							#main ul.buttons li:first-child
							{
								padding:0;
							}
						
						#main .fourth p,
						#main .fourth address,
						#main .fourth ul,
						#main .fourth ol,
						#main ul.books
						{
							font:0.75em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						}
						
							#main p strong,
							#main ul strong,
							#main address strong
							{
								color:#555;
							}
						
						#main .written.pull-right p + p
						{
							padding:3px 0 0;
						}
						
							p a,
							address a,
							ul a,
							ol a,
							.teal
							{
								color:#000;
								-webkit-transition: color 0.3s ease;
								-moz-transition: color 0.3s ease;
								-ms-transition: color 0.3s ease;
								-o-transition: color 0.3s ease;
								transition: color 0.3s ease;
							}
							
							p a:hover,
							address a:hover,
							ul a:hover,
							ol a:hover,
							a.teal:hover
							{
								color:#666;
							}
							
							.button,
							#main .submit
							{
								padding:2px 15px;
								border:1px solid #000;
								background: #000;
								color:#FFF;
								display:inline-block;
								-webkit-border-radius: 4px;
								border-radius: 4px;
								outline:0;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-ms-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
							}
							
							.button.flat
							{
								padding:2px 15px;
								border:1px solid #000;
								background: #000;
								color:#FFF;
								display:inline-block;
								-webkit-border-radius: 4px;
								border-radius: 4px;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-ms-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
							}
							
							.button.block
							{
								padding:5px 0;
								text-align:center;
								display:block;
							}
							
							.button:hover,
							.button:active,
							.btn-group.open .button,
							#main .submit:hover,
							#main .submit:active
							{
								background: #666;
								border:1px solid #666;
								color:#FFF;
							}
							
							.button.flat:hover,
							.button.flat:active
							{
								border:1px solid #666;
								background: #666;
								color:#FFF;
							}
							
							img.treated
							{
								padding:4px;
								margin:auto;
								border:1px solid #EEE;
								display:block;
							}
							
							.modal-wrap
							{
								width:100%;
								height:100%;
								position:fixed;
								left:0;
								top:0;
								z-index:6;
								display:none;
							}
							
								.modal-bg
								{
									width:100%;
									height:100%;
									background:url(../img/main/modal-bg/bg.png);
									display:block;
									position:absolute;
									left:0;
									top:0;
									z-index:7;
								}
								
								.modal
								{
									max-width:280px;
									padding:10px;
									margin:-200px auto 0;
									background:#FFF;
									position:relative;
									top:50%;
									z-index:8;
								}
								
									.modal-inner
									{
										
									}
									
										#main ul.sellers
										{
											margin:0;
											padding:0;
										}
										
											ul.sellers li
											{
												margin:10px 0 0;
											}
											
												ul.sellers a
												{
													width:100%;
													height:80px;
													padding:0;
												}
												
													ul.sellers a span.logo
													{
														width:100%;
														height:100%;
														background:url(../img/main/modal-bg/sellers/bg4.png) center top no-repeat;
														display:block;
														text-indent:-100000px;
													}
													
													ul.sellers a.barnes-and-noble span.logo
													{
														background-position:center -80px;
													}
												
													ul.sellers a.ww-norton span.logo
													{
														background-position:center -160px;
													}
												
													ul.sellers a.indie-bound span.logo
													{
														background-position:center -240px;
													}
						
						#main nav.pagination-wrap
						{
							text-align:center;
						}
							
							.pagination
							{
								padding-left:0;
								margin:20px 0 0;
								display:inline-block;
								border-radius:4px;
							}
							
								.pagination > li
								{
									display:inline;
								}
								
									.pagination > li > a,
									.pagination > li > span
									{
										padding:6px 12px;
										margin-left:-1px;
										border:1px solid #E5E5E5;
										line-height:1.42857143;
										color:#47ACCA;
										text-decoration:none;
										background-color:#FFF;
										position:relative;
										float:left;
									}
								
									.pagination > li:first-child > a,
									.pagination > li:first-child > span
									{
										margin-left:0;
										border-top-left-radius:4px;
										border-bottom-left-radius:4px;
									}
								
									.pagination > li:last-child > a,
									.pagination > li:last-child > span
									{
										border-top-right-radius:4px;
										border-bottom-right-radius:4px;
									}
								
									.pagination > li > a:hover,
									.pagination > li > span:hover,
									.pagination > li > a:focus,
									.pagination > li > span:focus
									{
										color:#2E4767;
										background-color:#F5F5F5;
										border-color:#E5E5E5;
									}
								
									.pagination > .active > a,
									.pagination > .active > span,
									.pagination > .active > a:hover,
									.pagination > .active > span:hover,
									.pagination > .active > a:focus,
									.pagination > .active > span:focus
									{
										border-color:#2E4767;
										background-color:#2E4767;
										color:#FFF;
										cursor:default;
										z-index:2;
									}
						
						div.row
						{
							padding:10px 0 0;
							clear:both;
						}
						
						#page-1 div.row.row-Upcoming{
							display: none;
						}
						
							.row header
							{
								margin:0;
								border-bottom:3px solid #000;
								display:block;
							}
							
								.row header h2,
								.row header p
								{
									width:auto;
									display:inline-block;
									vertical-align:bottom;
									float:left;
									padding: 3px 0 8px 0;
								}
								
								#main .row header p
								{
									padding:10px 0 8px 10px;
								}
								
								.row header p.pull-right
								{
									float:right;
								}
							
							#main ul.books
							{
								margin:0 0 0 -10px;
								list-style:none;
								display: flex;
								flex-wrap: wrap;
							}
							
								ul.books li
								{
									width:180px;
									margin:10px 0 0 10px;
									border:1px solid #EEE;
									float:left;
								}
								
								ul.books.four-wide li
								{
									width:163px;
								}
								
									ul.books li > a
									{
										display:block;
										height: 100%;
									}
									
										ul.books span.visual,
										ul.books span.written
										{
											padding:5px;
											display:block;
											position:relative;
										}
									
											
											ul.books span.visual img
											{
												display:block;
											}
											
										ul.books span.written
										{
											padding-top:0;
											background-position:center bottom;
										}
										
										.backgroundsize ul.books span.visual,
										.backgroundsize ul.books span.written
										{
											background-size:180px 800px;
										}
									
											#main ul.books span
											{
												font:1em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
												color:#000;
												position:relative;
												display:block;
												z-index:2;
											}
											
											#main ul.books .h3
											{
												font-weight:bold;
											}
											
											#main ul.books .p
											{
												padding:0 0 10px;
											}
											
											#main ul.books .p.contributors
											{
												color:#888;
											}
											
											#main ul.books .new-book,
											#main ul.books .new-book2,
											#main span.visual .new-book,
											#main span.visual .upcoming-book
											{
												width:80px;
												height:80px;
												background:url(../img/main/books/book/new-book/bg.png) right top no-repeat;
												display:block;
												text-indent:-100000px;
												position:absolute;
												right:-1px;
												top:-1px;
											}
											
											#main span.visual .upcoming-book
											{
												background:url(../img/main/books/book/upcoming-book/bg.png) right top no-repeat;
											}
											
											.backgroundsize #main ul.books .new-book,
											.backgroundsize #main ul.books .new-book2,
											.backgroundsize #main span.visual .new-book,
											.backgroundsize #main span.visual .upcoming-book
											{
												background:url(../img/main/books/book/new-book/bg@2x.png) right top no-repeat;
												background-size:80px 80px;
											}
											
											.backgroundsize #main span.visual .upcoming-book
											{
												background:url(../img/main/books/book/upcoming-book/bg@2x.png) right top no-repeat;
												background-size:80px 80px;
											}
											
						#main form
						{
							
						}
						
							#main fieldset
							{
								
							}
							
								#main legend
								{
									padding:0 0 13px;
								}
								
								#main .form-group
								{
									margin:0 0 10px;
									border:1px solid #EEE;
								}
								
								#main .form-group.url
								{
									display:none;
								}
								
								#main .form-group.relative
								{
									position:relative;
								}
								
									#main label,
									#main .form-control
									{
										padding:8px 10px;
										margin:0;
										font:0.8125em/1.25em Helvetica Neue,Helvetica,Arial,sans-serif;
										color:#000;
										outline:none;
									}
									
									#main .form-control.search
									{
										padding-right:44px;
									}
									
									#main label
									{
										
									}
									
									#main .search-submit
									{
										width:36px;
										height:36px;
										padding:0;
										border:1px solid #0E2747;
										background:#2E4767 url(../img/main/sidebar-search/submit/bg.png) center center no-repeat;
										color:#2E4767;
										display:block;
										font:1px/0px Verdana, sans-serif;
										cursor:pointer;
										text-indent:-100000px;
										position:absolute;
										right:-1px;
										top:-1px;
									}
									
									#main .form-control
									{
										width:100%;
										border:1px solid #FFF;
										background: #fafafa;
										background: -moz-radial-gradient(center, ellipse cover, #fafafa 60%, #f5f5f5 100%);
										background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%,#fafafa), color-stop(100%,#f5f5f5));
										background: -webkit-radial-gradient(center, ellipse cover, #fafafa 60%,#f5f5f5 100%);
										background: -o-radial-gradient(center, ellipse cover, #fafafa 60%,#f5f5f5 100%);
										background: -ms-radial-gradient(center, ellipse cover, #fafafa 60%,#f5f5f5 100%);
										background: radial-gradient(ellipse at center, #fafafa 60%,#f5f5f5 100%);
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=1 );
										
										-webkit-box-sizing: border-box;
										-moz-box-sizing: border-box;
										-ms-box-sizing: border-box;
										box-sizing: border-box;
									}
									
									#main textarea.form-control
									{
										resize:none;
									}
									
									#main .submit
									{
										width:auto;
										margin:0;
										font:0.8125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
										display:inline-block;
										float:right;
										cursor:pointer;
									}
									
	#footer
	{
		background:#d0cec9;
		padding-top: 30px;
	}
	
			#footer-logo
			{
				width:182px;
				height:50px;
				background:url(../img/logo-white.png) no-repeat;
				background-size: 100%;
				margin:0 auto 30px;
				display:block;
				text-indent:-100000px;
				filter: invert(.8);
				
			}
			
			#footer .col-group
			{
				padding:0 0 15px;
			}
			
				#footer .spacer
				{
					width:100%;
					height:15px;
					clear:both;
				}
				
				.col.third
				{
					width:300px;
					float:left;
				}
				
				.col.third.left
				{
					padding-left:0;
				}
				
				.col.third.middle
				{
					width:225px;
					padding:0 25px;
				}
				
				.col.third.right
				{
					width:375px;
					padding-right:0;
				}
				
					#footer .half,
					ul.halves li
					{
						width:50%;
						float:left;
					}
					
					#footer h3,
					#footer address strong.block
					{
						font:bold 12px/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						color:#333;
						display:block;
					}
					
					#footer address strong
					{
						color:#333;
						font-weight:normal;
					}
					
					#footer p,
					#footer address,
					#footer ul,
					#footer ol
					{
						padding:0 0 21px;
						font:0.8125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						color:#333;
					}
					
						#footer p a,
						#footer address a,
						#footer ul a
						{
							color:#333;
						}
							
							#footer p a:hover,
							#footer address a:hover,
							#footer ul a:hover
							{
								color:#444;
								text-decoration: underline;
								cursor: pointer;
							}
							
			#footer p.centered
			{
				padding:10px 0 25px;
			}
			
@media all and (max-width: 59.313em), all and (max-device-width: 48em)
{

body
{
	/*background:#949a90;*/
}
.description-text p {
	font: 0.9125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif !important; 
}
		#pre-header
		{
			height:10px;
			background-position:center top;
			background-size:1px 10px;
			background:#d0cec9;
		}
			
			.container
			{
				width:300px;
			}
			
				#pre-header ul
				{
					display:none;
					padding:2px 0 0;
				}
			
					#pre-header li
					{
						margin:0 0 0 5px;
					}
					
				#navigation
				{
					padding:0;
				}
				
					#logo
					{
						width:182px;
						height:50px;
						margin:7px 0 0;
						background:url(../img/logo-white.png) no-repeat;
					}
					
					.backgroundsize #logo
					{
						background:url(../img/logo-white.png) no-repeat;
						background-size:182px 50px;
						padding: 5px;
					}
					
					#search-toggle,
					#nav-toggle
					{
						padding:5px;
						margin:5px 0 5px 5px;
						border:0;
						background:transparent;
						-webkit-border-radius:4px;
						border-radius:4px;
						text-indent:-100000px;
						float:right;
						cursor:pointer;
						outline:none;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-ms-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					
						.icon-search
						{
							width:20px;
							height:20px;
							background:url(../img/header/main-header/search-toggle/bg.png) center top no-repeat;
							display:block;
						}
						
						.backgroundsize .icon-search
						{
							background:url(../img/header/main-header/search-toggle/bg@2x.png) center top no-repeat;
							background-size:20px 40px;
							filter: invert(1);
						}
						
						.backgroundsize #main .search-submit
						{
							background:#2E4767 url(../img/main/sidebar-search/submit/bg@2x.png) center center no-repeat;
							background-size:36px 36px;
						}
						
						#search-toggle:hover .icon-search
						{
							background-position:center bottom;
						}
					
					#search-toggle.active,
					#search-toggle:hover,
					#nav-toggle.active,
					#nav-toggle:hover
					{
						background-color:#888;
					}
					
					#nav-toggle
					{
						padding:8px;
					}
						
						.icon-bar
						{
							width:20px;
							height:2px;
							background:#434343;
							display:block;
							-webkit-border-radius:1px;
							border-radius:1px;
						}
						
						.icon-bar+.icon-bar
						{
							margin-top:4px;
						}
					
					#nav-wrap,
					#header-search
					{
						display:none;
					}
					
					#header-search
					{
						padding:10px 0;
						position:relative;
						background:#d0cec9;
						top:auto;
						clear:both;
					}
					
						#header-search fieldset
						{
							float:none;
						}
							
							#header-search .form-group
							{
								width:300px;
								background:#fff;
								float:right;
								border-radius: 60px;
							}
							
							.backgroundsize #header-search .form-group
							{
								background:#fff;
								background-size:400px 48px;
							}
							
								#header-search label
								{
									width:auto;
								}
								
								#header-search .form-control
								{
									width:265px;
									background:#fff;
								}
								
								.backgroundsize #header-search .form-control
								{
									background:#fff;
									background-size:400px 48px;
								}
						
					#nav-wrap
					{
						background:#d0cec9;
					}
					
						#nav
						{
							width:100%;
							padding:5px 0;
						}
						
							#nav > li,
							#nav > li.first,
							#nav > li.last
							{
								margin:2px 0;
								display:block;
								float:none;
							}
							
								#nav > li > a
								{
									height:auto;
									padding:5px 10px;
									display:block;
								}
								
	#hero
	{
		background:#FFF;
	}
	
		#hero .container
		{
			width:100%;
		}
	
			#slider
			{
				width:100%;
				height:auto;
				padding:5px 0 0;
				margin:0;
				border:0;
				float:none;
			}
				
				#slide-controls
				{
					margin:10px auto -5px;
					text-align:center;
					position:relative;
					bottom:auto;
					left:auto;
				}
				
					#slide-controls li
					{
						display:inline-block;
						float:none;
					}
				
	#main
	{
		padding:15px 0 10px;
	}
	
			.content,
			.sidebar
			{
				width:auto;
				float:none;
				clear:both;
				max-width: 100% !important;
			}
			
				.sidebar a.img.max-235
				{
					max-width:235px;
				}
				
				.toggled
				{
					height:64px;
					overflow:hidden;
					position:relative;
				}
				
					.toggled .overlay
					{
						width:100%;
						height:64px;
						background:url(../img/main/toggled/overlay/bg.png) center bottom repeat-x;
						position:absolute;
						bottom:0;
						left:0;
						z-index:2;
					}
					
					.toggled .toggler
					{
						padding:0 0 10px;
						font:0.8125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
						color:#333;
						text-align:right;
						position:absolute;
						bottom:0;
						right:5px;
						z-index:3;
					}
					
					.toggled.open .toggler
					{
						display:block;
						position:relative;
					}
					
				.content-halves
				{
					margin:0;
				}
				
					.content-half
					{
						width:auto;
						padding:0;
						float:none;
					}
					
							.row header
							{
								margin:0;
							}
							
								.row header h2 a
								{
									font-size:0.9em;
								}
								
								ul.books li,
								ul.books.four-wide li
								{
									width:140px;
								}
								
									ul.books span.visual,
									ul.books span.written
									{
									}
									
									.backgroundsize ul.books span.visual,
									.backgroundsize ul.books span.written
									{
									}
									
										#main ul.books h3
										{
											font:bold 1em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
										}
										
										
	#footer
	{
		
	}
	
			#footer-logo
			{
				width:182px;
				height:50px;
				margin:20px auto;
				background:url(../img/logo-white.png);
			}
			
			.backgroundsize #footer-logo
			{
				background:url(../img/logo-white.png);
				background-size:182px 50px;
				background-repeat: no-repeat;
			}
			
				#footer .spacer
				{
					display:none;
				}
				
				.col.third.left,
				.col.third.middle,
				.col.third.right
				{
					width:100%;
					padding:0;
					float:none;
					clear:both;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					-ms-box-sizing: border-box;
					box-sizing: border-box;
				}
						
.hidden-mobile { display:none !important; }
}

@media all and (max-width: 29.938em)
{
								.row header h2 a
								{
									max-width:300px;
									white-space:nowrap;
									overflow:hidden;
									text-overflow:ellipsis;
									display:inline-block;
								}
								
								#main .row header p
								{
									display:none;
								}
								
								ul.books li.odd
								{
									clear:both;
								}
								
									ul.books span.visual,
									ul.books span.written
									{
									}
									
									.backgroundsize ul.books span.visual,
									.backgroundsize ul.books span.written
									{
									}
}

@media all and (min-width: 30em) and (max-width: 35.438em)
{
			.container
			{
				width:458px;
			}
			
								ul.books li,
								ul.books.four-wide li
								{
									width:140px;
								}
								
								ul.books li.nr-3
								{
									clear:both;
								}
								
									ul.books span.visual,
									ul.books span.written
									{
									}
									
									.backgroundsize ul.books span.visual,
									.backgroundsize ul.books span.written
									{
									}
}

@media all and (min-width: 30em) and (max-width: 59.313em)
{
	/* 2023-02-09 - SL - medium-narrow widow fix */
	.sidebar {
		position:relative;
	}
			.sidebar-480
			{
				width:235px;
				margin-right:-235px;
				float:left;
				top:0;
			}
			
			.content-480
			{
				margin-left:250px;
				position:absolute;
				width: 100vw;
				clear:none;
				top: 0;
			}
			
				.toggled.open-480 { height:auto !important; max-height:none !important; }
				.toggled.open-480 .toggler,
				.toggled.open-480 .overlay { display:none !important; }
}

@media all and (min-width: 35.5em) and (max-width: 47.938em)
{

			.container
			{
				width:546px;
			}
			
								ul.books li,
								ul.books.four-wide li
								{
									width:127px;
								}
								
									ul.books span.visual,
									ul.books span.written
									{
									}
									
									.backgroundsize ul.books span.visual,
									.backgroundsize ul.books span.written
									{
									}
								
								ul.books li.nr-4
								{
									clear:both;
								}
								
								ul.books li.gt4,
								ul.books li.pseudo-book
								{
									display:none;
								}
}

@media all and (min-width: 35.5em) and (max-width: 59.313em), all and (min-width: 48em) and (max-device-width: 48em)
{
				.col.third.left,
				.col.third.middle,
				.col.third.right
				{
					width:50%;
					padding:0;
					float:left;
					clear:none;
				}
				
				.col.third.odd
				{
					padding-right:10px;
					clear:both;
				}
				
				.col.third.even
				{
					padding-left:10px;
				}
}

@media all and (min-width: 48em) and (max-width: 59.313em), all and (min-width: 48em) and (max-device-width: 48em)
{
			.container
			{
				width:740px;
			}
			
			.sidebar-768
			{
				width:235px;
				margin-right:-235px;
				float:left;
			}
			
			.content-768
			{
				clear:none;
				float: left;
			}
								
								
								
								ul.books li,
								ul.books.four-wide li
								{
									width:138px;
								}
								
								ul.books li.nr-5
								{
									clear:both;
								}
								
								.pseudo-book,
								ul.books li.gt5
								{
									display:none;
								}
}

@media all and (min-width: 59.375em) and (max-device-width: 48em)
{
			.container
			{
				width:950px;
			}
			
				.content
				{
					width:690px;
					float:right;
					clear:none;
				}
			
				.sidebar
				{
					width:235px;
					float:left;
					clear:none;
				}
			
								ul.books li,
								ul.books.four-wide li
								{
									width:180px;
								}
								
				.toggled { height:auto !important; max-height:none !important; }
				.toggler, .toggled .overlay { display:none; }
}

@media all and (min-width: 59.375em) and (min-device-width: 59.375em)
{
			.container { width:950px; }
	
	#nav-wrap,
	#header-search
	{
		display:block !important;
	}
	
			header + .content + .sidebar
			{
				margin-top:-40px;
			}
								
								ul.books.four-wide li.gt4
								{
									display:none;
								}
								
								ul.books li.nr-5,
								ul.books.four-wide li.nr-4,
								ul.books.four-wide li.nr-4.nr-5
								{
									clear:both;
								}
								
									ul.books.four-wide span.visual,
									ul.books.four-wide span.written
									{
									}
									
									.backgroundsize ul.books.four-wide span.visual,
									.backgroundsize ul.books.four-wide span.written
									{
									}
								
								ul.books.four-wide li.nr-5
								{
									clear:none;
								}
								
				.toggled { height:auto !important; max-height:none !important; }
				
	.hidden-desktop { display:none !important; }
}

.hidden { display:none !important; visibility:hidden; }
.invisible { visibility:hidden; }
.clearfix:before,
.clearfix:after
{
	content:" ";
	display:table;
}
.clearfix:after
{
	clear:both;
}
.clearfix
{
	*zoom:1;
}
.pull-left { float:left; }
.pull-right { float:right; }
.caps { text-transform:uppercase; }
.borderless { border:0; }
.no-padding { padding:0 !important; }
.centered { text-align:center; }
.lefted { text-align:left; }
.righted { text-align:right; }
.clearer { clear:both; }
ul.unstyled { list-style:none; }
.sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0; }

.btn-group
{
	max-width:245px;
	margin:0 auto 10px;
	position:relative;
}
.btn-group .button
{
	font:0.8125em/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
}
.caret
{
	display:inline-block;
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;
	border-top:4px solid;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}
.dropdown
{
	position:relative;
}
.dropdown-toggle:focus
{
	outline:0;
}
.dropdown-menu
{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	font-size:14px;
	background-color:#FFF;
	border:1px solid #DDD;
	border-radius:4px;
	background-clip:padding-box;
}
.dropdown-menu > li > a
{
	display:block;
	padding:3px 10px;
	clear:both;
	font-weight:normal;
	white-space:nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
	text-decoration:none;
	background-color:#F2F2F2;
}
.open > .dropdown-menu
{
	display:block;
}
.open > a
{
	outline:0;
}
.dropdown-menu-right
{
	left:auto;
	right:0;
}
.dropdown-menu-left
{
	left:0;
	right:auto;
}
.dropdown-header
{
	display:block;
	padding:3px 20px;
	font-size:12px;
	line-height:1.42857143;
	color:#999999;
}
.dropdown-backdrop
{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:990;
}
.pull-right > .dropdown-menu
{
	right:0;
	left:auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret
{
	border-top:0;
	border-bottom:4px solid;
	content:"";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu
{
	top:auto;
	bottom:100%;
	margin-bottom:1px;
}
.content h2 {
	margin-top: 6px;
}