navbody {
	font-family: "-apple-system", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "sans-serif";
	font-size: 16px;
	line-height: 1.4375;
}

.content {
	margin-top: 70px;
}

.sidebar {
	margin-top: 35px;
}

.navbar-brand img {
	margin-top: -1px;
	margin-right: -5px;
	margin-left: -5px;
}

.navbar-toggle  {
	margin-top: 18px;
}


.navbar-inverse .navbar-nav>li>a {
	color:#e3e3e3;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
	background-color:#444444;
}

#selected {
	color: #333 !important;
	background-color:#f5f5f5;
}

.navbar .nav>li>a {
  font-size: 13px;
  line-height: 40px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
}

#submenu {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	margin-bottom: 5px;
	background: #f5f5f5;
}

.nav>li>a:focus, .nav>li>a:hover{text-decoration:none;background-color:#fff}

.nav-pills>li>a:hover {border-radius: 0}

.navbar {
	border: 0 !important;
}

#submenu li {
    float: none;
}

#submenu li>a {
    text-align: center;
}

p.action, span.action, p.cds, p.novels, p.pdf, p.listen, p.kindle, p.ios, p.android, p.bulk, p.download, p.email, p.print, p.gift, p.monthly {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.btn-primary a {color: white;text-decoration:none;}

.glyphicon {font-size: 16px; top: 3px; margin-right: 8px;}

.page-content {
	font-size: 18px;
	line-height: 1.44444;
}

p, ul, table, dl dd {
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "-apple-system", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "sans-serif";
	font-weight: bold;
	margin: 1em 0;
	line-height: 1.2;
}

h1, .h1 {font-size: 30px; letter-spacing: -0.5px; margin: 1em 0;}
h2, .h2 {font-size: 26px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 18px; margin-bottom: 1px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}

.navbar-search {
	display: none;
}

.media-left img {
	width: 64px;
	border-radius: 4px;
}

#bio {
	font-size: 0.875em;
	font-style: italic;
	color: #888;
	
}

.biopic {
	width: 128px;
	border-radius: 4px;
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
}

.media-right {
	padding-left: 15px;
}

.jumbotron {
	margin-top: 80px;
	background: #f5f5f5 url(/css/css-images/banner-lg-otc.png) bottom 20px right 25px no-repeat;
	background-size: auto 360px;
}

.jumbotron .glyphicon {
	font-size: inherit;
	line-height: inherit;
	color: #296294 !important;
	text-decoration: none !important;
	margin-right: 0.8em;
}

.jumbotron p {
	font-weight: 400 !important;
}

.jumbotron .btn-lg {
	letter-spacing: 1px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.65);
	box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.650);
}

#homepage-header h1 {
	margin-top: 0;
	font-size: 36px;
	letter-spacing: 0px;
}

#homepage #announcement {
	background-image: -ms-linear-gradient(top, #FAFAFA 0%, #F3F3F3 100%);
	background-image: -moz-linear-gradient(top, #FAFAFA 0%, #F3F3F3 100%);
	background-image: -o-linear-gradient(top, #FAFAFA 0%, #F3F3F3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(100, #F3F3F3));
	background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #F3F3F3 100%);
	background-image: linear-gradient(to bottom, #FAFAFA 0%, #F3F3F3 100%);
}

#homepage  #announcement .media-body p {
	line-height: 23px !important;
	margin: 0;
}

#homepage .media-body-header {
	margin: 0;
	padding-top: 0;
	padding-bottom: 2px;
}

#announcement .media-left {
	padding-right: 19px;
}

#announcement .media-left img {
	width: 96px;
}

.media-body {
	line-height: 22px;
}

#homepage .media-body {
	line-height: 21px;
}

.btn-alternate {
	margin-left: 15px;
}

footer {
	font-size: 14px;
	line-height: 1.428571429;
}

.thumbnail img {
	border-radius: 4px;
}

/* ORDER FORM FIXES - MAY MESS UP OTHER FORMS */

.form-group {margin-bottom: 0.5em}

.form-group .control-label {
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	padding-top: 6px;
}

.logo750 { width: 250px; }

.thumbnail-orderform {
	display: none;
	text-align: center;
	border: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow:none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.thumbnail-orderform img {
	margin:0 auto;
}
.thumbnail-orderform .caption {
	padding: 15px 0 !important;
	margin:0 !important;
}

/*
label.required:after {content:' *'}
label.optional:after {content:''}
*/
label.optional {color: #BBB}
.label {padding: .25em .6em .25em;}

.audiojs .play-pause, .audiojs .scrubber, .audiojs .time, .audiojs .error-message {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.audiojs {
	border-radius: 5px;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #888;
    height: 35px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	width: 400px;
}

.audiojs .scrubber {
	background: #666;
	height: 16px;
	border: 0;
	width: 220px;
}

.audiojs .time {
	margin-left: 0;
	padding-left: 18px;
}

.page-content h3 {
	margin-bottom: 1px;
	padding-bottom: 0;
}

blockquote {
	font-size: 17px;
	color: #696969;
	border-left-width: 10px;
}

.page-content small {
	color: #999;
}

@media (max-width: 767px) {
	.font16xs {
		font-size: 16px !important;
	}
	h1, .h1 {font-size: 24px;}
	h2, .h2 {font-size: 20px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 14px;}
	h6, .h6 {font-size: 12px;}
	.page-content {
		font-size: 17px;
		line-height: 1.411764706;
	}
	footer {text-align: center; }
	#homepage-header {
		margin: 90px 0 45px;
		width: 100%;
		padding: 0;
		background: none;
	}
	#homepage-header h1 {
		font-size: 32px !important;
		letter-spacing: -1px;
		text-align: center;
	}
	#homepage-header p {
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		margin: auto 0;
		padding-left: 20px;
	}
	#homepage-header .glyphicon {
		
	}
	.navbar .nav>li>a {
	  font-size: 18px;
	  line-height: 24px;
	  font-weight: bold;
	  text-transform: uppercase;
	}	
	.navbar-form input {
		font-size: 18px;
		line-height: 1.5;
		padding: 15px;
	}
	.form-control {
		height: default;
	}
	.form-inline .btn {
		margin-top: 8px;
	}
	.input-group-btn .btn {
		margin-top: 0px;
	}
	#homepage .thumbnail, #homepage .well {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	#announcement .media-left img {
		width: 128px;
		margin: 0 auto;
		display: block;
	}	
	#announcement .media-left, #announcement .media-body {
		display: block;
		padding: 0;
	}
	#announcement .media-body {
		margin-top: 12px;
		width: auto;
	}
	#homepage .media-body-header {
		text-align: center;
	}
	#homepage #announcement {
		padding: 15px;
	}
	.media-left {
		padding-right: 8px;
	}
	.audiojs {
		width: 200px;
	}
	.audiojs .scrubber {
		width: 140px;
	}
	.audiojs .time {
		display: none;
	}
	.biopic {
		width: 96px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	.rewrap br {
		display: none;
	}
	ul {
		padding-left: 23px;
	}
}

@media (max-width: 991px) {
	#submenu {display: none;}
	.form-horizontal .btn {
		margin-top: 8px;
	}
	#homepage-header .btn-alternate {
		display: block;
		margin-top: 12px;
		margin-left: 0;
	}
	
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.page-content {
		font-size: 16px;
		line-height: 1.4375;
	}
	.sidebar h3 {
		font-size: 16px;
	}
	#homepage-header h1 {
		margin-top: 0;
		font-size: 32px !important;
		letter-spacing: 0px;
	}
	#header-free {
		margin-top: 0;
		margin-left: -3px;
		font-size: 50px;
		line-height: 50px;
	}

	.jumbotron {
		background: #f6f6f3  url(/css/css-images/banner-md-otc.png) top 25px right 115px no-repeat;
		background-size: auto 480px;
	}
	.jumbotron p {
		font-size: 24px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav li a span {
		;
	}
	#homepage-header h1 {
		text-align: center;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		font-size: 32px !important;
		letter-spacing: 0px;
	}
	#header-free {
		margin-top: 0;
		margin-left: -3px;
		font-size: 40px;
		line-height: 40px;
	}

	.jumbotron {
		background: #f6f6f3 url(/css/css-images/banner-sm-otc.png) bottom 45px right 40px no-repeat;  
		background-size: auto 240px;
	}
	#homepage .media-body-header {
		font-size: 20px;
	}
}

@media (min-width:768px) {
    #submenu li {
		float: left;
	    text-align: left;
	}
	#submenu li>a {
		margin-bottom: 0;
	}
	.footer-right {
		text-align: right;
	}
	.caption h3 span { display: block; }
	#homepage-header {
		border: 1px solid #ddd;
	}
	#homepage-header #learn-more {
		background: white;
		border-color: #BBB;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
    	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
   		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
	}
	#homepage-header #learn-more:hover {
		border-color: #999;
	}
	#fcn {
		line-height: 32px;
		margin-top: 32px;
		margin-bottom: 32px;
		padding: 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-form {
		display: none;
	}
	.navbar-search {
		display: block;
		float: right;
		margin-top: 10px;
	}
}

@media (min-width: 1199px) {
	.page-content {
		padding-right: 50px;
		font-size: 17px;
		line-height: 1.4375;
	}
	#header-free {
		margin-top: 0;
		margin-left: -3px;
		font-size: 50px;
		line-height: 50px;
	}
}

@media (max-width: 340px) {
	.hidden-xxs {
		display: none;
	}
	#homepage-header p {
		font-size: 17px;
	}
	#homepage-header h1 {
		font-size: 24px;
	}
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.media-left {
		padding-right: 5px;
	}
}

@media (max-width: 260px) {
	.media-left {
		display: none;
	}
	#homepage-header p {
		font-size: 15px;
	}	
}

.caption .btn {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.sidebar .thumbnail {
	max-width: 100% !important;
}

.sidebar p {
	font-size: 14px;
}

.sidebar .thumbnail img {
	margin-top: 18px;
	width: 90%;
}

#homepage #news, #homepage #commentary {
	padding-bottom: 15px;
}

#homepage #news h3, #homepage #commentary h3 {
	/* margin-top: 0; */
}

#homepage #news dt, #homepage #commentary dt {
	font-weight: normal !important;
	font-size: 14px;
}

.thumbnail .media-left img {
	max-width: none;
}

@media print {
	a[href]:after { content:""; }
	.sidebar {display: none;}
	blockquote {
		border-width: 0 0 0 15px;
}