Index: lams_tool_images/web/includes/css/jquery.jcarousel.skin.css
===================================================================
diff -u -rfd6a44adca1e0d4ee031b0b8b442de4ee8974d74 -rb713ba2015fa5dd8d2c888e27699217b033ee397
--- lams_tool_images/web/includes/css/jquery.jcarousel.skin.css	(.../jquery.jcarousel.skin.css)	(revision fd6a44adca1e0d4ee031b0b8b442de4ee8974d74)
+++ lams_tool_images/web/includes/css/jquery.jcarousel.skin.css	(.../jquery.jcarousel.skin.css)	(revision b713ba2015fa5dd8d2c888e27699217b033ee397)
@@ -4,20 +4,9 @@
 }
 
 .jcarousel-skin-tango .jcarousel-container-horizontal {
-    width: 575px;
     padding: 10px 35px;
 }
 
-.jcarousel-skin-tango .jcarousel-clip-horizontal {
-    width:  575px;
-    height: 108px;
-}
-
-.jcarousel-skin-tango .jcarousel-item {
-    width: 100px;
-    height: 100px;
-}
-
 .jcarousel-skin-tango .jcarousel-item-horizontal {
     margin-right: 8px;
 }
@@ -32,7 +21,6 @@
  */
 .jcarousel-skin-tango .jcarousel-next-horizontal {
     position: absolute;
-    top: 50px;
     right: 3px;
     width: 32px;
     height: 32px;
@@ -57,7 +45,6 @@
 
 .jcarousel-skin-tango .jcarousel-prev-horizontal {
     position: absolute;
-    top: 50px;
     left: 3px;
     width: 32px;
     height: 32px;
Index: lams_tool_images/web/pages/learning/learning.jsp
===================================================================
diff -u -r0f6fefcd6c8a98859a9d673514968eabeed70348 -rb713ba2015fa5dd8d2c888e27699217b033ee397
--- lams_tool_images/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 0f6fefcd6c8a98859a9d673514968eabeed70348)
+++ lams_tool_images/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision b713ba2015fa5dd8d2c888e27699217b033ee397)
@@ -22,7 +22,7 @@
 	<c:set var="thumbnailImageDimensions" value="${sessionMap.thumbnailImageDimensions}" />
 
 	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/jquery.jcarousel.css'/>" />
-	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/jquery.jcarousel.skin.css'/>" />
+	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/jquery.jcarousel.skin.css' />" />
 	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/galleria.css'/>" >
 	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/jquery.rating.css'/>"/>
 	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/includes/css/thickbox.css'/>" />
@@ -41,10 +41,29 @@
 		#main_image{margin: 0 auto 20 0; height: ${(mediumImageDimensions*3)/4 + 40}px; width: ${mediumImageDimensions}px;}
 		#main_image img{margin-bottom: 10px; border: 1px solid #111;}
 		
-		.check_for_new{position: relative; top: -123px; left: 660px;}
-		.add_new_image{position: relative; top: -90px; left: 660px;}
+		.check_for_new{position: relative; top: ${-thumbnailImageDimensions - 23}px; left: ${thumbnailImageDimensions*5 + 160}px;}
+		.add_new_image{position: relative; top: ${-thumbnailImageDimensions + 10}px; left: ${thumbnailImageDimensions*5 + 160}px;}
 		
 		.after_main_image{text-align: left; margin: 30px 0; padding-top: 30px; clear:both;}
+		
+		/* parameters borrowed from jquery.jcarousel.skin.css */
+		.jcarousel-skin-tango .jcarousel-container-horizontal {
+    		width: ${thumbnailImageDimensions*5 + 75}px;
+    	}
+    	.jcarousel-skin-tango .jcarousel-clip-horizontal {
+		    width:  ${thumbnailImageDimensions*5 + 75}px;
+		    height: ${thumbnailImageDimensions + 8}px;
+		}
+		.jcarousel-skin-tango .jcarousel-item {
+		    width: ${thumbnailImageDimensions}px;
+		    height: ${thumbnailImageDimensions}px;
+		}
+		.jcarousel-skin-tango .jcarousel-next-horizontal {
+	    	top: ${thumbnailImageDimensions/2}px;
+	    }	
+		.jcarousel-skin-tango .jcarousel-prev-horizontal {
+    		top: ${thumbnailImageDimensions/2}px;
+    	}	    
     </style>
     
 	<script type="text/javascript" src="<html:rewrite page='/includes/javascript/jquery-1.2.6.pack.js'/>" ></script>