.global_header {
  -webkit-backface-visibility: hidden;
}
book-mainContainer *{
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;


  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;

}


	#book-mainContainer ul li {
		list-style-type: none !important;
		margin: 0 !important;
	}

	.book-header{
		width:100%; 
		overflow:hidden;
	}
	#book-inner-thumbContainer {
		
		list-style: none;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	#book-covers {
		width: 960px;
		height: 260px;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		
		margin-bottom: 10px;
	}
	#book-inner-coverContainer {
		width:  2160px; /* width  adjusted to number of books */
		
		padding:0;
		
		position: static; 
		-webkit-transition: -webkit-transform 600ms; 
		-webkit-transform-origin: 0px 0px; 
		-webkit-transform: translate3d(0px, 0px, 0px); 
		
		-ms-transition-property: -ms-transform;
		-ms-transform-origin-x: 0px;
		-ms-transform-origin-y: 0px;
		-ms-transition-duration: 600ms;
		-o-transition-property: -o-transform;
		-o-transform-origin-x: 0px;
		-o-transform-origin-y: 0px;
		-o-transition-duration: 600ms;
		-moz-transition-property: -moz-transform;
		-moz-transform-origin-x: 0px;
		-moz-transform-origin-y: 0px;
		-moz-transition-duration: 600ms;
		
	}
	.book-cover {
		float:  left;
		width:  230px;
		height: auto;
		padding: 8px;
		background-color: transparent;
		cursor: pointer;
	}
	.dummy {
		cursor: default;
	}
	
	.book-cover > img {
		width: 230px;
		height: auto;
	}
	
	
	.book-cover:first-child {
		padding-left: 0;
	}
	.book-cover-inner {
		color: #444;
		text-align: left;
		font-size: .9em;
		line-height: 1em;
	}
	.book-cover-inner-text{
		padding: 5px 5px 5px 0;
		width:   100%;
		font-size: .7em;
		line-height: 1em;
	}
	
		
	#book-covers .left_arrow_holder {
		position: absolute;
		top:50%;
		left:0;
		z-index: 100;
	}
	
	#book-covers .left_arrow {
		width:26px;
		height:28px;
		cursor:pointer;
		position:relative;
		top:-22px;
		background: no-repeat url("/dotcom/images/16400003_05192013/img/nav_arrows_3.png") 0px 0px;
	}
	#book-covers .left_arrow:hover {
		background-position: 0px -29px;
	}
	
	#book-covers .right_arrow_holder {
		position: absolute;
		top:50%;
		right:0;
		z-index: 100;
	}
	
	#book-covers .right_arrow {
		width:26px;
		height:28px;
		cursor:pointer;
		position:relative;
		top:-22px;
		background: no-repeat url("/dotcom/images/16400003_05192013/img/nav_arrows_3.png") -27px 0px;
	}
	#book-covers .right_arrow:hover {
		background-position: -27px -29px;
	}




@media only screen 
	and (min-width: 300px)
	and (orientation: landscape)
{

	.book-header{
		width:300px; 
	}
	#book-covers{
		width: 300px;
	}
	#thumbnail_container {
		width: 300px;
	}
	#book-covers {
		height: 160px;
	}
	.book-cover {
		width: 120px;
	}
	.book-cover-inner {
		width: 120px;
		height: 120px;
	}
	.book-cover-inner > img {
		width: 120px;
		height: 120px;
	}
	.book-cover-inner-text{
		width: 110px;
		display: none;
	}
}

@media only screen 
	and (min-width: 480px)
	and (orientation: landscape)
{

	.book-header{
		width:480px; 
	}
	#book-covers{
		width: 480px;
	}
	#thumbnail_container {
		width: 480px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	
	.book-cover-inner-text{
		width: 200px;
		display: none;
	}
}

@media only screen 
	and (min-width: 640px)
	and (orientation: landscape)
{
	.book-header{
		width:640px; 
	}
	#book-covers{
		width: 640px;
	}
	#thumbnail_container {
		width: 640px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	
	.book-cover-inner-text{
		width: 200px;
		display: block;
	}
}

@media only screen 
	and (min-width: 960px)
	and (orientation: landscape)
{
	.book-header{
		width:960px; 
	}
	#book-covers{
		width: 960px;
	}
	#thumbnail_container {
		width: 960px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	
	.book-cover-inner-text{
		width: 200px;
		display: block;
	}
}
/*
@media only screen 
	and (min-device-width : 768px)
	and (max-device-width : 1024px)
	and (orientation: landscape)
{
	.book-header{
		width:1020px; 
	}
	#book-covers{
		width: 1020px;
	}
	#thumbnail_container {
		width: 1020px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner-text{
		width: 200px;
		display: block;
	}
}

*/






@media only screen 
	and (min-width: 150px)
	and (orientation: portrait)
{

	.book-header{
		width:150px; 
	}
	#book-covers{
		width: 150px;
	}
	#thumbnail_container {
		width: 150px;
	}
	
	#book-covers {
		height: 60px;
	}
	.book-cover {
		width: 42px;
	}
	
	.book-cover-inner {
		width: 42px;
		height: 42px;
	}
	.book-cover-inner > img {
		width: 42px;
		height: 42px;
	}
	.book-cover-inner-text{
		width: 40px;
		display: none;
	}
}

@media only screen 
	and (min-width: 240px)
	and (orientation: portrait)
{

	.book-header{
		width:240px; 
	}
	#book-covers{
		width: 240px;
	}
	#thumbnail_container {
		width: 240px;
	}
	
	#book-covers {
		height: 135px;
	}
	.book-cover {
		width: 120px;
	}
	
	.book-cover-inner {
		width: 120px;
		height: 120px;
	}
	.book-cover-inner > img {
		width: 120px;
		height: 120px;
	}
	.book-cover-inner-text{
		width: 100px;
		display: none;
	}
}

@media only screen 
	and (min-width: 320px)
	and (orientation: portrait)
{
	.book-header{
		width:320px; 
	}
	#book-covers{
		width: 320px;
	}
	#thumbnail_container {
		width: 320px;
	}
	
	#book-covers {
		height: 135px;
	}
	.book-cover {
		width: 120px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 120px;
		height: 120px;
	}
	
	.book-cover-inner-text{
		width: 110px;
		display: none;
	}
}

@media only screen 
	and (min-width: 480px)
	and (orientation: portrait)
{

	.book-header{
		width: 960px; 
	}
	#book-covers{
		width: 960px;
	}
	#thumbnail_container {
		width: 960px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner-text{
		width: 200px;
		display: none;
	}

}

@media only screen 
	and (min-height: 768px)
	and (orientation: portrait)
{

	.book-header{
		width:960px; 
	}
	#book-covers{
		width: 960px;
	}
	
	#thumbnail_container {
		width: 960px;
	}
	
	#book-covers {
		height: 260px;
	}
	.book-cover {
		width: 230px;
	}
	
	.book-cover-inner {
		width: 230px;
		height: 230px;
	}
	.book-cover-inner > img {
		width: 230px;
		height: 230px;
	}
	
	.book-cover-inner-text{
		width: 200px;
		display: block;
	}
}
