.table1{
float: left;
width: 254px;
height: 260px;
}
#table2{
float: left;
width: 250px;
height: 280px;
}
#table2 td, #table2 th 
{
padding:3px 7px 2px 12px;
}
.scrollable {
position : relative;
overflow : hidden;
width :245px;
height : 284px;
border : 1px solid #ccc;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;
}
.scrollable img {
float : left;
margin : 4px 5px 0px 5px;
background-color : #fff;
padding : 2px;
border : 1px solid #ccc;
cursor : pointer;
}
.scrollable .active {
border : 2px solid #000;
z-index : 9999;
position : relative;
}
.scrollable {
float : left;
}

a.right {
position : relative;
float : left;
width : 30px;
height : 30px;
clear : right;
margin-right : 0;
top: 130px;
left: 4px;
cursor : pointer;
background : url(navr.jpg) no-repeat;
}
a.right:hover {
background-position: bottom;
}
a.right:active {
background-position: bottom;
}
a.left {
position : relative;
float : left;
width : 30px;
height : 30px;
margin: 0;
top: 130px;
right: 4px;
cursor : pointer;
background : url(navl.jpg) no-repeat;
}
a.left:hover {

background-position: bottom;
}
a.left:active {
background-position: bottom;
}

a.disabled {
visibility : hidden !important ;
}