diff --git a/frontend/templates/home.html b/frontend/templates/home.html
index 72c7c92b..285295cd 100755
--- a/frontend/templates/home.html
+++ b/frontend/templates/home.html
@@ -44,7 +44,7 @@ function put_un_in_cookie2(){
                 <h3 class="featured_books">Today's Featured Free eBook</h3>
                     {% with featured as work %}
                         <div class="book-detail">
-                            <div id="book-detail-img" style="float:left;padding-right:10px">
+                            <div id="book-detail-img" class="book-cover" style="float:left;padding-right:10px">
                             <a href="{% url 'work' featured.id %}">
                                 {% if work.googlebooks_id %}
                                     <img src="{{ work.cover_image_thumbnail }}" alt="Find {{ work.title }} at Google Books" title="Find {{ work.title }} at Google Books" width="131" height="192" />
diff --git a/frontend/templates/manage_campaign.html b/frontend/templates/manage_campaign.html
index faac7c12..4cbd6a45 100644
--- a/frontend/templates/manage_campaign.html
+++ b/frontend/templates/manage_campaign.html
@@ -66,7 +66,7 @@ Please fix the following before launching your campaign:
 (Or, <a href="{% url 'rightsholders' %}">go back</a> to rights holder tools page.)<br />
 <div style="height:15px;"></div>
 <div class="book-detail">
-	<div id="book-detail-img">
+	<div id="book-detail-img" class="book-cover" >
 		<a href="#"><img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
     </div>
     
diff --git a/frontend/templates/pledge.html b/frontend/templates/pledge.html
index 4dceca24..23582e95 100644
--- a/frontend/templates/pledge.html
+++ b/frontend/templates/pledge.html
@@ -15,7 +15,7 @@
 {% block doccontent %}
 <div style="height:15px"></div>
 <div class="book-detail">
-	<div id="book-detail-img">
+	<div id="book-detail-img" class="book-cover" >
 		<a href="{% url 'work' work.id %}"><img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
     </div>
     
diff --git a/frontend/templates/purchase.html b/frontend/templates/purchase.html
index 5fe8d6fd..4befdc02 100644
--- a/frontend/templates/purchase.html
+++ b/frontend/templates/purchase.html
@@ -17,7 +17,7 @@
 {% block doccontent %}
 <div style="height:15px"></div>
 <div class="book-detail">
-	<div id="book-detail-img">
+	<div id="book-detail-img" class="book-cover" >
 		<a href="{% url 'work' work.id %}"><img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
     </div>
     
diff --git a/frontend/templates/work.html b/frontend/templates/work.html
index eba745d5..55b1b4f1 100644
--- a/frontend/templates/work.html
+++ b/frontend/templates/work.html
@@ -82,7 +82,7 @@
                                     <img src="{{ work.cover_image_thumbnail }}" alt="Find {{ work.title }} at Google Books" title="Find {{ work.title }} at Google Books" width="131" height="192" /></a>
                                 </div>
                             {% else %}
-                                <div id="book-detail-img">
+                                <div id="book-detail-img" class="book-cover" >
                                     <img itemprop="image" src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" />
                                 </div>
                             {% endif %}