//div{border:red solid thin}

body{
overflow:hidden;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:16px;
color:#000;
background:#fff}

p{
display:table-cell;
vertical-align: middle;
text-align:center}

a,span{
color:#000;
text-decoration:none;
cursor:pointer;
padding:2px 3px 0px 3px}

a:hover{background:#eee}

span.s:hover,span.v:hover{background:#eee}

span.selected{background:#ccc}

span.g{color:lightgrey}

span.g:hover{background:#fff}

span.h{display:none}

img.t{
filter:alpha(opacity=35);
opacity:0.35;
border:3px solid #fff;
clear:both}

img.t:hover{
filter:alpha(opacity=100);
opacity:1;
border:3px solid #ccc;
clear:both}

img.selected{
filter:alpha(opacity=100);
opacity:1;
border:3px solid #ccc;
clear:both}

#outer{
position:absolute;
height:600px;
width:950px}

#header{
position:absolute;
height:38px;
width:938px;
top:0px;
left:10px;}

#container{
position:absolute;
height:550px;
width:220px;
top:40px;
left:0px;}

#subjectscolumn{
position:absolute;
height:300px;
width:90px;
top:0px;
left:6px;}

#variationscolumn{
position:absolute;
height:300px;
width:100px;
top:0px;
left:108px;}

#caption{
position:absolute;
height:130px;
width:205px;
top:400px;
left:10px;}

#holder{
position:absolute;
height:550px;
width:115px;
top:40px;
left:223px;}

#thumbscolumn{
height:550px;
width:115px;}

#imagecolumn{
position:absolute;
height:550px;
width:550px;
top:40px;
left:364px;}

#mainimage{
height:550px;
width:550px;
display:table}

#main{
float:top;
display:block;
margin:auto}

.scroll-pane{
overflow:auto;
float:left}

.jScrollPaneContainer{
position:relative;
overflow:hidden;
z-index:1;}

.jScrollPaneTrack{
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#eee;}

.jScrollPaneDrag{
position:absolute;
background:#bbb;
cursor:pointer;
overflow:hidden;}

.jScrollPaneDragTop,
.jScrollPaneDragBottom,
.jScrollArrowUp,
.jScrollArrowDown{
display:none}