
body{
margin:0;
padding:0;
}

/*  #Tablet (Portrait)
Note: Design for a width of 768px
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
body{

}
}

/*	#Mobile (Landscape)
Note: Design for a width of 480px
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

.bookshelf-row{
display:none;
}

.bookshelf{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
}

.bookshelf{
margin-top:20px;
}

.bookshelf .shelf{
width:100%;
/*height:440px;*/
margin:0 auto
}

.bookshelf .shelf .row{
position:relative;
width:360px;
height:158px;
/*margin-left:33px;*/
margin: 20px auto 0px auto ;
}

.bookshelf .shelf .row:after{
background:url(images/wall-bookshelf.png);
background-size:100%;
background-repeat: no-repeat;
background-position:bottom left;
/*width:426px;*/
height:210px;
display:block;
content:"";
margin-left:-38px;
}

.bookshelf .shelf .row{
position:relative;
height:164px;
width:360px;
}

.bookshelf .shelf .row:after{
height:216px;
}

.bookshelf .shelf .loc{
position:absolute;
bottom:10px;
width:100%;
left:-5px;
}

.bookshelf .shelf .loc > div{
width:33%;
height:100%;
float:left;
text-align:center;
position:relative;
}

.bookshelf .shelf .hover,
.bookshelf-row .hover,
.bookshelf .shelf .loading{
z-index:2;
cursor:none;
background-color:white;
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
-moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
-ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
-o-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
}

.bookshelf .shelf_row{
width:92px;
height:145px;
}

.browser-support{
line-height:50px;
}

.browser-support:after{
content:".";
clear:both;
visibility: hidden;
}

.browser-support span{
float:left;
margin-right: 20px;
}

.support{
width:50px;
height:44px;
display:block;
float:left;
background:url(images/browser-support.gif);
}

.safari{
background-position: 0 0;
}

.chrome{
background-position: -50px 0;
}
.firefox{
background-position: -100px 0;
}
.ie{
background-position: -150px 0;
}

.shelf_row img{
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.book-title-x{
font-weight:bold;
padding:3px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
