.backtotop.affix {
	 /* position: fixed; */
    bottom: 20px;
	right: 10px;
	z-index: 1;
	background-color: #006837;
	padding: 6px;
	border-radius: 4px;
	color: white;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
/* Large desktop */
@media (min-width: 1200px) {
}

/* container sizes - search bootstrap.min.css for 1170px  */

span.scale{background-color: yellow;}
/*div{border: 1px dotted red;box-sizing: border-box;}
span{border: 1px dotted aqua;}*/

/* ================================ */

html{box-sizing: border-box;}
@media (min-width: 768px) {
	html{	background-color: #DDD;
		padding: 0 20px 0 20px;
		}
	}
	
body{
  font-family: 'Roboto', sans-serif;
  padding: 0 30px;
}

/* Landscape phones and down */
@media (max-width: 480px) {
	body{ padding: 0px;}  
}

a{color: #006837;}
a:hover, a:focus {
color: black}

h1 {
    font-size: 20px;
    font-weight: normal;
    color: #006837;
    margin-top: 0;
    margin-bottom: 1em;
}

h2 {
    font-size: 17px;
    color: #006837;
    padding-top: 0.7em;
    padding-bottom: 0;
}

h3 {
    font-weight: bold;
    color: #006837;
	font-size: 1em;
}

div#imprintsContainer{border: 2px solid #006837; border-radius: 10px;}
@media (min-width: 768px) {
	div#imprintsContainer{border: none; border-radius: 10px;}	
	li.imprintButton{background-color:#eee; border-radius: 8px; margin: 2px; width: 10em; text-align: center;}
/* 	li.imprintButton:nth-child(3n+1):before { content: '\a'; position: static; white-space: pre; } */
	li.imprintButton a{ padding: 4px;}
	li.imprintCurrent{background-color: #006837;}
	.navbar-default .navbar-nav>li.imprintCurrent>a{color:white;}
}

div#imprints a.btn{float:right;}
nav#imprints{border: none; background-color: white; margin: 5px 0 0 0; box-shadow: none; background-image: none;}
div#xs-imprintsMenu{float: none; margin: 0; background-color: transparent;}
div#xs-imprintsMenu button{border:none; padding: 0px;}

div#xs-imprintsMenu a.btn {padding-top: 4px; padding-bottom: 2px; color: red;}
div#xs-imprintsMenu button.navbar-toggle:hover, div#xs-imprintsMenu button.navbar-toggle:focus {background-color: white;}
	
/* MENUBAR */
nav#menuBar{background-color: #006837; background-image: none; color: white; margin: 5px; padding-bottom: 5px;}
@media (min-width: 768px) {
	nav#menuBar{padding-bottom: 0px; margin-bottom: 16px;}
	}

div#bs-example-navbar-collapse-1{background-color: #006837; background-image: none; padding-left: 0; margin-left: 0;}

nav#menuBar.navbar-default .navbar-nav > li > a{color: white; padding-top: 15px; height: 50px;}
nav#menuBar.navbar-default .navbar-nav > .active > a {background-image: none; box-shadow: none;}
nav#menuBar.navbar-default .navbar-nav > li > a:hover{color: #dba409;}


nav#menuBar button.navbar-toggle:hover, nav#menuBar button.navbar-toggle:focus {background-color: #006837; background-image: none;}
div#bs-example-navbar-collapse-1 ul li{}
nav#menuBar span.icon-bar{background-color:white;}
button#menuButton{float:left;}

span#menuBarSearch{float:right; padding-top: 0.8em;}
input#searchBox{margin: 0px;}
button#searchButton{background-color: #006837; margin-left: 4px; float:right; border: 2px solid transparent; color: #ddd;}
form#xsSearch{padding-bottom: 5px;}
input#xsSearchBox{width: 80%; margin: 0px; float: left;}
button#xsSearchButton{background-color: #006837; margin-left: 4px; float:left; border: 2px solid transparent; color: #ddd;}
button.btn-primary#search_btn{background-image: none; border: none; background-color: transparent; box-shadow: none;}

div#browseMenu{    color: #006837; font-weight: normal; font-size: 12pt;}
div#browseMenu ul{list-style-type: none; width: 100%; padding: 20px 0px 0px 10px;}
@media (min-width: 992px) {
	div#browseMenu ul{width: 80%;}
}


div#browseMenu ul li{border-top: 2px solid #888; padding-left: 10px;}
div#browseMenu ul li:first-child{border:none;}
div#browseMenu ul li, div#browseMenu ul li a{color: #888;}

ul.browseList{padding: 0px;}
ul.browseList li {list-style-type: none;}
ul.browseList li a:hover{background-color: silver; text-decoration: none;}
ul.browseList li a{width: 48%; border: 1px solid silver; float: left; padding: 4px; margin: 2px; border-radius: 4px; height: 3em; text-align: center;
	}

div#followLinks{font-weight: normal; font-size: 10pt;}
div#followLinks ul{list-style-type: none; padding: 20px 0px 0px 10px;}
div#followLinks ul li{border-top: 2px solid #888;}
div#followLinks ul li:first-child{border:none;}
div#followLinks ul li, div#followLinks ul li a{color: #888;}
div#followLinks img{height: 1.5em; margin: 4px;}

div#twitter{float:left; clear: both; margin-top: 20px;}
@media (min-width: 992px) {
	div#twitter{clear: none; padding: 0px;}
}

/* static pages */

div#mainContent{min-height: 500px; padding: 0 25px;}

ul.AuthorsListGroups li {
    float: left;
    padding: 5px;
    list-style-type: none;
    clear: right;
}

ul.AuthorsList{	padding: 0px;clear: both; }

ul.AuthorsList li {list-style-type:none;}
ul.AuthorsList li a:hover{background-color: silver; text-decoration: none;}
ul.AuthorsList li a{
   width: 48%; border: 1px solid silver; float: left; padding: 4px; margin: 2px; border-radius: 4px; height: 3em; text-align: center;} 
   
div#carousel-skyhorse-normal{height:15vw;}
div#carousel-skyhorse-normal img{max-height:40vw; max-width: 100%;}
div#carousel-skyhorse-XS{height:40vw;}
div#carousel-skyhorse-XS img{max-height:38vw; max-width: 100%;}

div#carousel-skyhorse-normal a#carousel-arrow{opacity: 1; font-size: 48px;}
div#carousel-skyhorse-XS a#carousel-arrow{opacity: 1; font-size: 20px;}
span#carousel-arrow{color: white; text-shadow: 
	-2px  0px 8px #006837, 
	 2px  0px 8px #006837, 
	 0px  2px 8px #006837, 
	 0px -2px 8px #006837, 
	-4px  0px 12px white, 
	 4px  0px 12px white, 
	 0px  4px 12px white, 
	 0px -4px 12px white;}
.carousel-control.left, .carousel-control.right{background-image: none; width: 0px;}
.carousel-inner{width: 80%; margin-left: auto; margin-right: auto;}
div.carousel-inner div.item div {
    padding-bottom: 4px;
}
.carousel-inner img{
	box-shadow: 2px 2px 4px silver;
    border: 1px solid silver;
}

/* SEARCH RESULTS */
div.productlist_page ul {padding: 0px;}
div.productlist_page ul li{/* border-bottom: 1px solid silver; */ overflow: hidden; padding: 0 0 10px 0; /*border: 1px solid #006837;*/}
div#SearchResults{margin: 0 0 10px 0;}
div#SearchResults div{/*border: 1px dotted orange;*/}
div#SearchResults img{background-color: white;
}

div#SearchResults{overflow: hidden; border-bottom: 1px solid silver; padding: 5px 0;}
/* dl.search-results div#SearchResults{overflow: hidden; border-bottom: 1px solid silver; padding: 5px 0;} */

div#SearchResults span.coverImageSpan{ display:block; min-height:40px; min-width:60px; margin-bottom: 10px; /* background-image: url("../../../images/template/logo_bw_skyhorse.jpg"); */  background-size: 18px 35px; background-repeat: no-repeat; background-position: center;
box-shadow: 2px 2px 4px silver; border: 1px solid silver;}

ul.AuthorsListGroups {
    overflow: hidden;
    background-color: #ddd;
    font-weight: bold;
}
	 
.productlist_pagenav { 
	display:none;
    padding: 5px;
    text-align: center;
    background-color: #ddd;
    margin-bottom: 16px;
}	 
	 
.browselist_pagenav { 
    padding: 5px;
    text-align: center;
    background-color: #ddd;
    margin-bottom: 16px;
}	 

.browselist_pagenav a, .browselist_pagenav span, .productlist_pagenav a,  .productlist_pagenav span {
    padding: 0 4px;
    font-weight: bold;
}	 

span.productlist_pagenav_fl, span.productlist_pagenav_cur {
    color: #999;
}
	 
/* product pages */

div#coverImage{padding: 0px;}
div#coverImage span.coverImage{
    display: block;
    /* background-color: red; */
    /* background-image: url("../../../images/template/logo_bw_skyhorse.jpg"); */
    background-size: 40px 80px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100px;
	}
	
div#coverImage span.coverImage img#coverImage{box-shadow: 3px 3px 15px 5px silver; border: 1px solid #aaa;}

div#sampleContent{background-color: #006837; border: none; border-radius: 4px; text-align: center; color: white;}

@media (min-width: 768px) {
	div#contentRight{padding: 0px;}
}
#recordTitle, #recordSubtitle, #recordAuthors{display:block;clear:both;}
span#recordTitle{font-size: 1.7em; line-height: 1.2em; color: #006837; padding-bottom: 0px; margin-bottom: 0px; border: 0px none;}
span#recordSubtitle{font-size: 1.2em; color: black; padding-bottom: 0px; margin-bottom: 0px; border: 0px none;}
span#recordAuthors{font-size: 1.2em; color: #006837; font-weight: bold; padding-bottom: 10px; margin-bottom: 0px; border: 0px none;}

/* div#recordFormatBuy{border: 1px solid #ddd; margin: 5px; padding: 3px;} */
div.recordFormatName{clear:both; color: #006837; padding-right: 1em;}
div.recordFormatPrice{clear:both; font-weight: bold;}

img.buyButton { clear: both; padding: 4px 4px 4px 0px;} /* img.img-responsive.buyButton.col-xs-4 { padding: 0 2px;} */

ul#titleTabs{padding-bottom: 10px;}
ul#titleTabs li{padding-top: 10px;}

ul#titleTabs>li.active>a, ul#titleTabs>li.active>a:hover, ul#titleTabs>li.active>a:focus {
    color: #fff;
    background-color: #006837;
}

div.tab-content{border: none; padding: 10px 5px 5px 5px; min-height: 150px; margin-bottom: 16px; overflow: hidden;}
span.biblioHeading{color: #006837; font-weight:bold; padding-right: 1em; clear:left;}

span.relatedTitleImage{}
span.relatedTitleImage img{width:100%;}

li.seriesIndexTitle{
    list-style-type: none;
    text-align: center;
}

li.seriesIndexTitle span{
	display: block;
	padding: 4px;
	clear: left;
	width: 100%;
	list-style-type: none;
    /*height: 5em;*/
    border: 1px solid #006837;
	border-radius: 5px;
	margin: 5px;
	}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:white;background-color:#006837; font-weight: bold;}

.navbar-default .navbar-toggle{border: 0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: none;}
span#recordDescription .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: none;}

div#xsDetails img{padding-bottom:4px;}
div.xsFormatDetails{padding: 0px; overflow:hidden; margin-bottom: 8px; float:left; padding-right: 10px;}

div#footer{padding: 10px 0 10px 0; color: #999; background-color: #ddd; width: 100%; font-weight: bold;}
span#footerLeft a{color: #999;}
span#footerRight{text-align: right;}

div#search-query-explained{display:none;}