.outer
{
    margin-top: 7px;
    position: relative;
    height: 155px;
    background: transparent url('http://images.bookwire.com/App_Themes/Images/bookcover_setup.jpg?1.0.0.1') no-repeat;
    background-position:left center;
    -moz-background-position:left center;
    -webkit-background-position:left center;
    -khtml-background-position:left center;
   -o-user-background-position:left center;
    background-size: 83% 112%;    
}

.outer_lt_ie8
{
    /*position: relative;*/
    height: 175px;
    width:131px;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.bookwire.com/App_Themes/Images/bookcover_setup.jpg?1.0.0.1',sizingMethod='scale');
}
.outerFeaturedContent
{
    position: relative;
    height: 205px;
    background: transparent url('http://images.bookwire.com/App_Themes/Images/bookcover_setup.jpg?1.0.0.1') no-repeat;
    background-size: 79% 108.5%;
    background-position:45% center;
}
.outerFeatured_lt_ie8
{
    margin-left:20px;
    margin-top:-10px;
    width:79%;
    height: 222px;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.bookwire.com/App_Themes/Images/bookcover_setup.jpg?1.0.0.1',sizingMethod='scale');
}

.lt-ie8 .outer
{
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F000000',EndColorStr='#7F000000'); /* IE6,IE7 */
}
.ie8 .outer
{
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F000000',EndColorStr='#7F000000')"; /* IE8 */
}
#footer
{
    padding-top: 25px;
}
.book
{
    cursor: pointer;
    height: 134px;
    width: 79px;
}
.animate, .transition, .transform
{
    height: 137px;
    width: 87px;
    margin-left:8px;
}

.transform_lt_ie8
{
    height: 137px;
    width: 87px;
    margin-left:10px;
    margin-top:10px;
    position:relative;
}
.transformFeatured_lt_ie8
{
    position:relative;
}
.plain .animate, .plain .transition, .plain .transform, .plain .transform2
{
    border: 5px solid #000000;
    background-color: deeppink;
    padding: 5px;
   height: 137px;
    width: 87px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transform: translate(13px, 13px) translateX(13px);
}
.plain .transform2
{
    position: absolute;
    height: 180px;
    width: 180px;
    top: -15px;
    left: -15px;
}
.transition
{
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: .4s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-property: -moz-transform;
    -webkit-transition-duration: .4s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-property: -moz-transform;
    -o-transition-duration: .4s;
    -o-transition-timing-function: ease-in-out;
}
#body:after, .clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ie #body, .ie .clearfix
{
    zoom: 1; /* triggers hasLayout */
    display: block; /* resets display for IE/Win */
}