/* 2013 Rebranding Stylesheet for www.hup.harvard.edu */
@import url('core-webfonts.css');

/* LOGO font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; */
/* SANS-SERIF font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif; */
/* SERIF font-family: 'Chronicle Text', Georgia, serif; */
/* Harvard Red: #C4262E */
/* Dark Gray Variant: #3F3F3F */
/* Harvard Gray: #8F9193 */
/* Lighter Gray Variant: #7F7F7F */

/* Browser Reset */
html, body { height: 100%; }
html, body,  div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, dl, dt, dd, p, img {
	margin: 0;
	padding: 0;
	border: none;
}
ul { list-style: none; list-style-image: none; }
form, input {
	display: inline;
	margin: 0;
	padding: 0;
}
body {
	background-color: #E7E7E7;
	background-image: url(header/bg-grey.gif);
	color: #3F3F3F; /* Dark gray variant of #8F9193 */
	font-family: 'Helvetica Neue', Graphik, Helvetica, Arial, sans-serif;
	font-size: 85%; /* base font-size: Previously 12px but looks mega-big in IE */
	font-weight: normal;
	line-height: 1.4;
	background-repeat: repeat;
}

/* Basic Element Styling */

h1, h2, h3, h4, h5, h6 {
	color: #3F3F3F;
	font-weight: bold;
	line-height: 1.4;
}
h1 { padding-top: 1em; font-size: 2em; }
h2 { font-size: 1.5em; font-weight: normal; line-height: 1.5; }
h3 { margin: 1em 0; font-size: 1.5em; }
h4 { margin: 1em 0; font-size: 1.3em; text-transform: uppercase; }
h5 { margin: 1em 0; font-size: 1.1em; color: #7F7F7F; font-weight: normal; }
h6 { margin: 1em 0; font-size: 1.1em; }

input { font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

dl dt,
p {
	font-size: 1.1em;
	line-height: 1.6;
}

/* Default Image Border and Link Styling */
a {
	color: #0d539d;
	text-decoration: none;
	font-weight: normal;
}
a:hover { text-decoration: underline; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

img { border: 1px solid #8F9193; }
a img { border: 1px solid #8F9193; }
a:hover img { border: 1px solid #8F9193; }

/* Button Styling */
/* Need to check this against results-list.php and checkout pages */
.button {
	background-color: #8F9193;
	color: #FFF;
	font-size: 1.1em;
	vertical-align: text-top;
}
a.button {
	margin-left: 0.5em;
	border: 1px solid #8F9193;
	padding: 0.5em 1em;
	background-color: #8F9193;
	color: #FFF;
	text-decoration: none;
}
div#mainContent a.button:hover { background-color: #7F7F7F; }
div#mainContent a.button:active { background-color: #3F3F3F; }

a.button img {
	border: none;
	vertical-align: middle;
	float: none;
}


/* Float Fixes */
.clearfix:after,
img.last-child:after,
p.last-child:after,
li.last-child:after,
p.floatfix {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear { clear: both; }

/* Page Layout Components */

div#header,
div#nav {
	width: 100%;
	min-width: 850px;
	background-color: #FFF;
	font-size: 75%;
}
div#container {
	width: 1400px;
	margin: 20px auto 20px auto;
	border-top: 1px #666666 solid;
	background: #ffffff;	
}
div#mainContent,
div#footer,
div#copyright {
	clear: both;
	margin: 0 auto;
	padding: 0 0;
	width: 100%;
}
div#mainContent {
	border-right: 1px solid #8F9193;
	border-left: 1px solid #8F9193;
	background-color: #FFF;
	padding: 0px 0 10px 0; 
}
div#mainColumn {
	padding: 10px 1.8% 10px 0;
	text-align: center;
	}
div#rightColumn {
	padding: 0 0 1em 1.8%;
	width: 17%;
	min-width: 125px;
	float: left;
}
/* Featured Product Badges */
div#rightColumn div.ads { margin-top: 2em; }
div#rightColumn div.ad img { margin: 0; }

div#rightColumn div.ad a.textOnly {
	display: block;
	margin: 1em 0;
	padding: 0.5em 1em;
	width: 80%;
	background-color: #8F9193;
	color: #FFF;
	font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	/* font-weight: bold; */
	line-height: 1.4;
	text-decoration: none;
	text-shadow: 0px -1px 0px #3F3F3F;
}
div#rightColumn div.ad a.textOnly:hover { background-color: #C4262E; }

div#footer {
	border: 1px solid #8F9193;
	background-color: #FFF;
}
div#copyright {
	padding: 0.5em 2em;
	font-style: normal !important; /* Needs to override possible unclosed <em> in blogfeed include */
	text-align: center;
	background-image: url(header/bg-grey.gif);
	background-repeat: repeat;
}

/* Header (Logo + Search Box) */

div#header a#logo {
	padding: 0;
	width: 780px;
	height: 109px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#header div#searchBox {
	margin: 30px 40px 20px 20px;
	height: 40px;
	float: right;
}
div#header div#searchBox p {
	clear: both;
	margin: 0.5em 0;
	color: #8F9193;
	font-size: 0.9em;
	text-align: right;
}
div#header div#searchBox p a { color: #8F9193; }
div#header div#searchBox p a:hover { color: #3F3F3F; }



/* Top Nav Bar (About & Contact, Browse, etc. + Resources for: x, y, z) */

div#nav { clear: both; }
ul#topNav,
ul#secondaryNav {
	padding-left: 20px;
	height: 100%;
		font-size: 75%;
}


/* Top, red nav bar ("About and Contact" etc.) */
ul#topNav { background-color: #0d539d; }
ul#topNav li {
	display: block;
	font-size: 1em;
	line-height: 1.4;
	text-align: center;
	float: left;
	width: 12.5%;
}
ul#topNav li a {
	display: block;
	margin: 0;
	border-right: 1px solid #666;
	border-left: 1px solid #003;
	padding: 0.6em 1em;
	background-color: #0d539d;
	color: #E7E7E7;
	text-shadow: 0px -1px 0px #333;
	font-weight: normal;
}
ul#topNav li.first a { border-left: none; padding-left: 0; }
ul#topNav li a:hover { color: #FFF; text-decoration: none; }

#activetab {background-color: #ffffff;}


/* Secondary Nav Bar ("Resources for:") */
ul#secondaryNav {
	clear: both;
	border-bottom: 1px solid #8F9193;
}
ul#secondaryNav li {
	display: block;
	padding: 0;
	float: left;
}
ul#secondaryNav li.first { padding: 0.4em 0.5em 0.4em 0; }
ul#secondaryNav li a {
	display: block;
	padding: 5px 8px 5px 8px;
	width: none;
	font-weight: normal;
}
/* Some Misc. Inline Stuff */

.caption { font-size: 0.9em; font-style: italic; }
.footnote {
	font-size: x-small;
	line-height: 0;
	vertical-align: super;
}
.publicationTitle { font-style: italic; }
.publicationTitle .publicationTitle { font-style: normal; }

/* Social Media Buttons (These occasionally go in other places besides the footer) */
div.socialMediaBtns {
	clear: both;
	height: 40px;
	float: right;
}
div.socialMediaBtns a {
	display: block;
	margin: 0 8px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
}
div.socialMediaBtns a.fbkIcon { background: url('/images/graphics/icon-facebook.png') 0 0 no-repeat; }
div.socialMediaBtns a.fbkIcon:hover { background: url('/images/graphics/icon-facebook_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.twtIcon { background: url('/images/graphics/icon-twitter.png') 0 0 no-repeat; }
div.socialMediaBtns a.twtIcon:hover { background: url('/images/graphics/icon-twitter_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.pntIcon { background: url('/images/graphics/icon-pinterest.png') 0 0 no-repeat; }
div.socialMediaBtns a.pntIcon:hover { background: url('/images/graphics/icon-pinterest_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.ytbIcon { background: url('/images/graphics/icon-youtube.png') 0 0 no-repeat; }
div.socialMediaBtns a.ytbIcon:hover { background: url('/images/graphics/icon-youtube_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.emlIcon { background: url('/images/graphics/icon-email.png') 0 0 no-repeat; }
div.socialMediaBtns a.emlIcon:hover { background: url('/images/graphics/icon-email_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.rssIcon { background: url('/images/graphics/icon-rss.png') 0 0 no-repeat; }
div.socialMediaBtns a.rssIcon:hover { background: url('/images/graphics/icon-rss_hover.png') 0 0 no-repeat; }
div.socialMediaBtns a.blgIcon { background: url('/images/graphics/icon-blog.png') 0 0 no-repeat; }
div.socialMediaBtns a.blgIcon:hover { background: url('/images/graphics/icon-blog_hover.png') 0 0 no-repeat; }
/* When social media buttons appear in main page content, center them */


/* Footer */

#footer h4 { margin: 1em 0 0.5em; }

/* Left Column: Recent News */
#footer div#leftCol {
	width: 25%;
	float: left;
	border-right: 1px solid #8F9193;
	
}


#footer div#leftCol h4 {
	margin-left: 20px;
}


#footer div#leftCol ul {		
	list-style-image: url('/images/graphics/gray-dot.gif');
	list-style-type: circle;
	margin: 0 10px 0 10px;
}
#footer div#leftCol ul li { 
	margin: 0 10px 10px 25px; 
	padding-bottom: 10px;
	
	}
#footer div#leftCol img {
	clear: right;
	margin: 0 0 0.5em 0.5em;
	float: right;
}

#footer div#leftCol p {
	margin: 0 15px 1em 15px;
	font-size: 1em;
	line-height: 1.4;
}


/* Center Column */
#footer div#centerCol {
	margin-left: 1%;
	margin-right: 1%;
	padding: 0 1%;
	width: 45%;
	float: left;
	margin-bottom: 30px;
	
}

#footer div#centerCol p {
	margin: 0 0 1em 0;
	font-size: 16px;
	line-height: 28px;
}


}
#footer div#centerCol div.socialMediaBtns { width: 240px; }

#footer div#centerCol img {
	float: none;
	margin-top: 0.25em;
	margin-right: 0em;
	margin-left: 0;
}


/* Right Column, with featured blog post excerpt */
#footer div#rightCol {
	width: 25%;
	float: left;
	position: relative;
	border-left: 1px solid #8F9193;
	
}

#footer div#rightCol h4 {
	margin-left: 20px;
}

#footer #rightCol dl {
	position: relative;
	padding-bottom: 1em;
}


#footer div#rightCol ul li {
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;	
	}

/* Title of Featured Blog Post */
div#footer div#rightCol dl dt { line-height: 1.4; }
div#footer div#rightCol dl dt a { font-weight: bold; }
#footer div#rightCol a.readMore {}

/* Copyright */
div#copyright p {
	margin: 0.5em 0;
	font-size: 0.9em;
}
div#copyright a {
	color: #3F3F3F;
	white-space: nowrap;
}

/* Page Guts */
div#mainContent a.jumpLink { white-space: nowrap; }

div#mainContent form ::-webkit-input-placeholder { color: #666; font-style: italic; }
div#mainContent form :-moz-placeholder { color: #666; font-style: italic; }



div#mainContent p,
div#mainContent ul,
div#mainContent ol {
	margin: 1em 0;
	font-size: 1.2em;
}
div#mainContent p.caption {
	margin: 0;
	color: #8F9193;
	font: normal normal 1em/1.4 Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div#mainContent p.caption a { color: #8F9193; font-weight: bold; }

div#mainContent p.jumpNav { margin-top: 0; padding-top: 1em; }

div#mainContent p.last { margin-bottom: 0; }
div#mainContent p.theSmallPrint {
	clear: both;
	border-top: 1px dotted #8F9193;
	padding-top: 0.5em;
	font-size: 1em;
}
div#mainContent p.toTop {
	clear: both;
	margin-top: 1em;
	margin-bottom: 0;
	border-top: 1px solid #8F9193;
	padding-top: 0.5em;
}
div#mainContent p.jumpNav a,
div#mainContent p.toTop a { font-weight: bold; }
div#mainContent ul {
	list-style-image: url('/images/graphics/gray-dot.gif');
	list-style-type: disc;
}
div#mainContent ul li {
	margin: 0.1em 0;
	line-height: 1.4;
}
div#mainContent ul li a img {
	margin-top: 3px;
	margin-right: 5px;
	float: left;
}

/* Responsive video code (used on news/multimedia.html and /news/video-archive.html); no max size currently (expands to fit the width of whatever div it's in) */
/*
div#mainContent div.videoContainer {
	padding-top: 30px;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
	overflow: hidden;
}
div#mainContent div.videoContainer iframe,
div#mainContent div.videoContainer object,
div#mainContent div.videoContainer embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
*/
/* MailChimp Embedded Sign-Up Form (appears on HUP mailing list signup and MCLI mailing list sign-up pages) */
#mc_embed_signup form {
}

/* Google Custom Search (appears on 404 pages - also see specific styles for Advanced Search) */

div#mainContent div#cse {
	margin-top: 1em;
	width: 100%;
	overflow: hidden;
}
div#mainContent div#cse div.gsc-control-cse { padding: 0 !important; }
div#mainContent div#cse div.gsc-control-cse table td { border-top: none; }

/* Google Site Search Results (these styles overwrite Google's default styles) */
div#mainContent div#cse-search-form input.gsc-input  { padding: 0.5em !important; }
div#mainContent div#cse-search-form input.gsc-search-button { height: auto; padding: 0.5em; }

div#mainContent div#cse div.gsc-control-cse { padding: 0; }
div#mainContent div#cse table { margin: 0 !important; }
div#mainContent div#cse td a.gs-title { color: #3F3F3F; }
div#mainContent div#cse td a.gs-title:hover { color: #C4262E; }
div#mainContent div#cse .gsc-webResult .gsc-result {
	padding: 0.5em 0;
	border-bottom: 1px dotted #8F9193;
}
div#mainContent div#cse .gs-result b { color: #C4262E !important; }
div#mainContent div#cse div#resInfo-0 {
	margin: 0;
	padding: 0;
}
div#mainContent div#cse img { margin: 0; }
div#mainContent div#cse td { padding: 0; }
div#mainContent div#cse td.gcsc-branding-img-noclear img {
	margin: 0;
	padding: 0;
	border: none;
	float: none;
}

/* Google Search Inside: Appears on Error Pages, Advanced Search, and Book Pages (/catalog.php) */
div#mainContent form#searchInside {
	display: block;
	margin: 1em 0 0 0;
}
div#mainContent form#searchInside input {
	border: 1px solid #8F9193;
	border-radius: 5px;
	font-size: 1em;
	float: left;
}
div#mainContent form#searchInside input[type='text'],
div#mainContent form#searchInside input#a_horizontal_searchbox {
	margin: 0 0.5em 0.5em 0;
	padding: 0.25em 1em 0.25em 22px; /* Right padding needs to clear the magnifying glass image */
	width: 60%;
	background: #FFF url('/images/graphics/icon_magnifying-glass_14x14.gif') 4px center no-repeat;
	color: #7F7F7F;
}
div#mainContent form#searchInside input[type='text']:focus,
div#mainContent form#searchInside input#a_horizontal_searchbox:focus { color: #3F3F3F; }
div#mainContent form#searchInside input[type='submit'] {
	margin-right: 0;
	margin-bottom: 0.5em;
	padding: 0.25em 0.5em;
	background-color: #8F9193;
	color: #FFF;
}
div#mainContent form#searchInside input[type=submit]:focus {
	border-color: #3F3F3F;
	background-color: #7F7F7F;
	color: #FFF;
	outline: none;
}
div#mainContent form#searchInside input[type='submit']::-moz-focus-inner { border: 0; }
div#mainContent form#searchInside input[type='submit']:hover { background-color: #7F7F7F; }
div#mainContent form#searchInside input[type='submit']:active { background-color: #3F3F3F; }

/* Two-column styles */
div#mainContent .twoColumn {
	border-right: 1px solid #8F9193;
	padding: 0 2% 0 0;
	width: 47%;
	min-width: 200px;
	clear: none;
	float: left;
}
div#mainContent .twoColumn.last { border-right: none; padding: 0 0 0 2%; }
div#mainContent .twoColumn h3 { margin-top: 0; margin-bottom: 1em; }
div#mainContent .twoColumn h5 { margin-top: 0; }

/* Warning or Call-Out Messages */
div#mainContent .attn {
	margin: 1em auto;
	border: 1px solid #8F9193;
	padding: 0 1em;
	background-color: #FFEFF0;
}
div#mainContent .attn p { font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
div#mainContent .note {
	margin: 1em 0;
	border: 1px dotted #8F9193;
	padding: 1em;
}
div#mainContent .note p { margin: 0; }

div#mainContent p.shaded {
	border: 1px solid #8F9193;
	padding: 1em;
	background-color: #E7E7E7;
	font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}
div#mainContent p.shaded span.description {
	display: block;
	padding-bottom: 0.5em;
}

div.buttonLinkContainer { margin: 0 auto; width: 100%; }

div#mainContent div.listing { clear: both; }

div#mainContent div.listing h3 {
	clear: both;
	border-top: 1px solid #8F9193;
	border-bottom: 1px solid #8F9193;
	padding: 0.25em 0;
}
div#mainContent div.listing img {
	margin: 1.25em 1em 1em 0;
	float: left;
}
div#mainContent div.listing img.right {
	margin: 1.25em 0 1em 1em;
	float: right;
}
div#mainContent div.listing h3 img {
	margin: 0.35em 0.5em 0 0;
	border: none;
}
div#mainContent div.photoContainer {
	margin: 0.5em 2em 1em 0;
	/* width is set inline to match image size; see individual page HTML */
	float: left;
}
div#mainContent div.photoContainer.right {
	float: right;
	margin: 0.5em 0 1em 2em;
}
div#mainContent div.photoContainer img {
	margin: 0 0 0.5em 0;
	/* width is set inline; see individual page HTML */
	height: auto;
	float: none; /* Overwrites rule for images in listings */
}

/* Appears at the (top and) bottom of results-list.php */
div#mainContent div.searchresultnav {
	margin: 1.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
}
div#mainContent div.searchresultnav li { display: inline; }
div#mainContent div.searchresultnav li a.button {
	background-color: #E7E7E7;
	padding: 0.25em 1em;
	vertical-align: top;
}

/* Appears above and below search results table on results-list.php */
div#mainContent div.cartbuttons {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.4;
	text-align: right;
}
div#mainContent a.button.cartbutton { background-color: #C4262E; color: #FFF; }

div#mainContent table {
	clear: both;
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
	min-width: 600px;
	font-size: 1.1em;
	line-height: 1.4;
	text-align: left;
}
div#mainContent table tr th {
	border-top: 1px solid #8F9193;
	border-bottom: 1px solid #8F9193;
	padding: 0.5em;
	background-color: #E7E7E7;
	color: #3F3F3F;
	text-align: inherit; /* For IE */
}
div#mainContent table tr td {
	padding: 0.5em;
	vertical-align: top;
}
div#mainContent table tr td.jacket img {
	display: block;
	margin: 0.1em 0;
	width: 50px;
	text-align: center;
}
div#mainContent table tr td.title,
div#mainContent table tr td.author { width: 10%; }
div#mainContent table tr td.title { width: 20%; font-weight: bold; }

div#mainContent form.resultsContainer table { margin: 1.25em 0; }
div#mainContent form.resultsContainer table a { color: #3F3F3F; }
div#mainContent form.resultsContainer table a:hover { color: #C4262E; }
div#mainContent form.resultsContainer table tr th { padding: 0; }
div#mainContent form.resultsContainer table tr th a {
	display: block;
	margin: 0;
	padding: 0.5em;
}
div#mainContent form.resultsContainer table .sorted {
	border-right: 1px solid #8F9193;
	border-left: 1px solid #8F9193;
}
div#mainContent form.resultsContainer table .sorted a { color: #C4262E; }
div#mainContent form.resultsContainer table .addtocart { border-left: 1px dotted #8F9193; }
div#mainContent form.resultsContainer table tr th.addtocart span {
	display: block;
	padding: 0.5em;
}
div#mainContent form.resultsContainer table tbody tr td { border-bottom: 1px solid #8F9193; }
div#mainContent form.resultsContainer table tr td.jacket {
	padding: 0.5em 0;
	width: 10%;
	min-width: 50px;
}
div#mainContent form.resultsContainer table tr td.jacket img {
	margin: 0.25em auto 0 auto;
	width: 90%;
	min-width: 50px;
	min-height: auto;
	max-width: 100px;
	max-height: auto;
}
div#mainContent form.resultsContainer table .format,
div#mainContent form.resultsContainer table .date,
div#mainContent form.resultsContainer table .price,
div#mainContent form.resultsContainer table .addtocart { width: 10%; }
div#mainContent form.resultsContainer table .addtocart input {
	display: block;
	margin-bottom: 0.5em;
}
div#mainContent form.resultsContainer table tr td.addtocart span {
	display: block;
	color: #C4262E;
	font-style: italic;
}
div#mainContent form.resultsContainer table tr td.addtocart span.unavailable { color: #8F9193; }


/***** Styles for Individual Pages *****/

/***** Homepage (/index.html) Styles *****/
#home div#mainContent,
#home div#footer { min-width: 950px !important; } /* Set to width of slider images */
#home div#mainColumn {
	border-right: none;
	padding: 2em 0;
	width: 100%;
	position: relative;
}
#home div#rightColumn { display: none; }
#home div#mainColumn img { border: none; }

#mainColumn a:hover, #mainColumn a { text-decoration: none; border: none; }


#home div#mainContent div.slider-wrapper.theme-default {
	padding-bottom: 4em; /* Bottom padding allows space for slide indicators (circles) */
}
#home div.slider-wrapper.theme-default #slider {
	margin: 0 auto;
	width: 950px; /* Make sure all slider images are the same size */
	height: 400px; /* Make sure all slider images are the same size */
}
#home div.slider-wrapper.theme-default .nivo-controlNav {
  margin-left: 0;
  position: absolute;
  /* Depending on total # of slides, the % below may need to be increased/decreased in order to center the slide indicators (little circles) below the slides */
  left: 38%;
  bottom: -4em;
}

/* Can soon be deleted? */
#home div#mainContent h3#centennialLink {
	margin-top: 0;
	font-family: 'Chronicle Text', Georgia, serif;
	font-style: italic;
	text-align: center;
}
#home div#mainContent h3#centennialLink a { color: #3F3F3F; }

/***** End Homepage (/index.html) Styles *****/

/***** Catalog Page (/catalog.php) Styles *****/
body#catalogPage { position: relative; }
#catalogPage div#mainTop { padding: 1em 0; }
#catalogPage div#mainTop p,
#catalogPage div#mainTop ul li { font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Series titles, like "The I Tatti Renaissance Library" */
#catalogPage div#mainTop h5.series {}
/* Jacket */
#catalogPage img#pinterestLgJkt {
	position: absolute;
	top: 0;
	left: -1000px;
	opacity: 0;
}
#catalogPage div#mainTop img.jacket {
	margin: 0.5em 2% 1em 0;
	height: auto;
	max-width: 32%;
	float: left;
}
/* Main Title */
#catalogPage div#mainTop h1 { padding-top: 0; }
/* Subtitle */
#catalogPage div#mainTop h2 { margin-bottom: 0.5em; }
#catalogPage div#mainTop div#authorList { margin-top: 1em; }
/* Main Author(s) (each author gets his/her own line at the moment) */
#catalogPage div#mainTop h3 {
	margin: 0;
	border-bottom: 0;
	font-weight: normal;
}

/* 2nd-tier authors, like "Translated by" but also "Book Details," etc. */
#catalogPage div#mainTop h4 {
	margin: 0.5em 0;
	font-weight: normal;
	text-transform: none;
}
/* Just 2nd-tier authors */
#catalogPage div#mainTop div#authorList h4 { color: #8F9193; }
#catalogPage div#mainTop h3 a,
#catalogPage div#mainTop h4 a { color: #3F3F3F; }

/* Used for things like "Original Edition" */
#catalogPage div#mainTop p { margin: 0; }

/* Cart Link and Book Metadata */
#catalogPage div#bookMetaContainer {
	margin-top: 1em;
	padding: 1em 0 0 0;
	border-top: 1px dotted #8F9193;
}
#catalogPage div#bookMetaContainer h4 { clear: both; }
#catalogPage div#bookMetaContainer p,
#catalogPage div#bookMetaContainer ul {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}
#catalogPage div#bookMeta {
	margin-right: 2%;
	width: 31%;
	float: left;
}
#catalogPage div#bookMetaContainer p.format {}
/* Availability */
#catalogPage div#bookMeta p.date,
#catalogPage div#relatedproducts p.date { color: #8F9193; font-style: italic; }
#catalogPage div#bookMeta span.unavailable {
	display: inline-block;
	border: 1px solid #8F9193;
	border-radius: 11px;
	padding: 0.5em 1em;
	background-color: #EFEFEF;
	color: #8F9193;
	text-align: center;
}
#catalogPage div#bookMetaContainer div#bookDetails {
	margin-top: 0.25em;
	border-top: 1px dotted #8F9193;
	padding-top: 0.25em;
}
/* These links should behave like buttons (see above button styles) */
#catalogPage a#cartLink {}
#catalogPage a#deGLink {}

/* This is so "De Gruyter" doesn't wrap */
#catalogPage a#deGLink span { white-space: nowrap; }

/* .subject is actually used to contain both the subject links and Google Search Inside */
#catalogPage div.subject { width: 32%; float: left; }
#catalogPage div#bookMetaContainer div.subject h4 { margin-top: 0; }
#catalogPage div#bookMetaContainer div.subject ul { list-style: none; list-style-image: none; margin: 0; }

/* Google Search Inside */
#catalogPage div#bookMetaContainer form#searchInside input[type="text"] { width: 10.5em !important; }

/* ShareThis Widget */
#catalogPage div#shareThisContainer { margin: 1em 0;}
#catalogPage div#shareThisContainer div.stCntn { padding-bottom: 1em; float: left; }
#catalogPage p#shareThis span.stButton { margin-right: 0; width: 75px; }

/* "Request a digital exam copy" link on digital coursebooks pages */
#catalogPage li#courseBkNote {
	clear: both;
	margin: 0.5em 0 0 0;
	border-top: 1px dotted #8F9193;
	padding-top: 0.5em;
	padding-bottom: 15px;
	font-size: 0.9em;
}
#catalogPage li#courseBkNote a { font-weight: bold; }
#catalogPage li#courseBkNote span#whatsThis { display: none; }
#catalogPage li#courseBkNote:hover { padding-bottom: 0; }
#catalogPage li#courseBkNote:hover span#whatsThis {
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	width: 7em;
	height: 10px;
	font-size: 0.9em;
}
#catalogPage li#courseBkNote:hover span#whatsThis a { color: #000; font-weight: normal; }

/* "About This Book" links followed by catalog copy etc. */
#catalogPage div#mainBottom { clear: both; border-top: 1px solid #8F9193; }
#catalogPage div#mainBottom div#aboutThisBook { border-bottom: 1px dotted #8F9193; }

#catalogPage div#mainBottom div#aboutThisBook ul { margin: 1em 0 0 0; }
#catalogPage div#mainBottom div#aboutThisBook ul li {
	display: block;
	margin: 0 1em 1em 0;
	padding: 0 1em 0 0;
	border-right: 1px solid #8F9193;
	font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	float: left;
}
#catalogPage div#mainBottom div#aboutThisBook ul li:last-child { border-right: none; }
#catalogPage div#mainBottom div#aboutThisBook ul li a { color: #3F3F3F; }
#catalogPage div#mainBottom div#aboutThisBook ul li a:hover { color: #C4262E; }

/* Content Area */

/* Container to center fixed-size videos */
#catalogPage div#mainBottom div#content p.video {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#catalogPage div#mainBottom p#noContent {}

/* Reviews */
#catalogPage blockquote span.quo {} /* This entire span class should be deleted in WMD */
#catalogPage blockquote cite { font-style: normal; }

/* Tables of Content */
#catalogPage div#mainBottom div.toc { padding-top: 1em; }
#catalogPage div#mainBottom div.toc ul { margin: 0; }
#catalogPage div#mainBottom div.toc ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
	display: block;
}
#catalogPage div#mainBottom div.toc ul li ul li {
	margin: 0.25em 1em;
	/* ULs are set to 1.2em (120%) of base text size; below forces nested ones back to that size as well. Yay math! */
	font-size: 0.83333em; /* Because 1 x 1.2 x 0.83333 = 1. */
}
#catalogPage div#relatedLinks {
	margin-top: 1em;
	border-top: 1px dotted #8F9193;
}
#catalogPage div#relatedLinks ul { margin-bottom: 0; }
#catalogPage div#relatedLinks img { margin: 0 0 1em 1em; clear: right; float: right; }

/* Right Column */
/* Collapsible "Find at a Bookstore" sub-links */
#catalogPage div#bookLinks {
	border-bottom: 1px dotted #8F9193;
	margin: 1em 0;
	padding-bottom: 1em;
}
#catalogPage div#bookLinks a {
	display: block;
	margin: 0;
	padding: 0.5em 0;
	color: #3F3F3F;
}
#catalogPage div#bookLinks a:hover { color: #C4262E; }
#catalogPage div#bookLinks ul {
	margin: 0.5em 0 0 0;
	list-style: none !important;
	list-style-image: none; /* IE, ugh */
	font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	display: none;
}
#catalogPage div#bookLinks ul a {
	padding: 0;
	color: #C4262E;
}

#catalogPage div.relatedproducts { border-bottom: 1px dotted #8F9193; padding-bottom: 0.5em; }
#catalogPage div.relatedproducts h4 { margin-bottom: 0.5em; }
#catalogPage div.relatedproducts p {
	margin: 0;
	font-family: Graphik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
}
/* Hiding this stuff until I can go back in and edit product.php */
#catalogPage div.relatedproducts img { display: none; }
#catalogPage div.relatedproducts p.date { display: none; }
#catalogPage div.relatedproducts p.isbn { display: none; }
#catalogPage div.relatedproducts p.discount { display: none; }

#catalogPage div.relatedproducts p.format {
	clear: both;
	margin-top: 0.5em;
	border-top: 1px dotted #8F9193;
	padding-top: 0.5em;
}
#catalogPage div.relatedproducts p.price {}

/* Awards */
#catalogPage div#awards h4 {
	border-bottom: 1px dotted #C4262E;
	padding-bottom: 0.5em;
	margin: 1em 0 0 0;
}
#catalogPage div#awards ul {
	clear: both;
	list-style: none;
	list-style-image: none;
	border-bottom: 1px dotted #C4262E;
	margin: 0.25em 0;
	font-size: 1.1em;
}
#catalogPage div#awards ul li { padding: 0.5em 0; }
#catalogPage div#awards ul li a { color: #3F3F3F; }

/***** Search Results; Individual Author Pages (aka results-list.php?whatever) *****/
#resultsList div#mainContent,
#resultsList div#footer,
#resultsList div#copyright { min-width: 880px; }
#resultsList div#mainContent h1 { padding-top: 0; } /* Subject Heading */
#resultsList div#mainContent h3 { margin: 0.5em 0; } /* "See All XYZ Books" link */
#resultsList p.authorBio { border: 1px dotted #8F9193; padding: 1em; }
#resultsList ul.instrux { margin-bottom: 2em; font-size: 1.1em; }
#resultsList form.resultsContainer a#deGLink span {
	color: #3F3F3F !important;
	font-style: normal;
	white-space: nowrap;
}
#resultsList form.resultsContainer a#deGLink:hover span { color: #C4262E !important; }

/* About */
#aboutPage div#mapContainer {
	margin: 0.5em 0 1.5em 1em;
	border: 1px solid #8F9193;
	width: 400px;
	float: right;
}
#aboutPage div#mapContainer p.caption { padding: 0 0.5em; }