html, body {
padding: 0;
margin: 0;
}

body {
color: #333;
background: #fff;
font: 62.5% "trebuchet ms", trebuchet, tahoma, verdana, sans-serif;
text-align: center;
padding: 30px 0;
}

:focus {
outline: none;
}

#hold {
width: 802px;
margin: 0 auto;
position: relative;
}

#cont {
width: 800px;
height: 602px;
overflow: hidden;
margin: 0 auto;
border: 1px solid #333;
text-align: left;
position: relative;
}

/* ------ Stuff in the slickbox div ------ */

.slickbox {
width: 415px;
height: 598px;
position: absolute;
left: 374px;
top: 8px;
z-index: 1;
background: transparent;
}

.slickbox span {
position: absolute;
top: 40px;
left: 8px;
background: #fff;
text-align: right;
}


.slickbox span img {
width: 400px;
border: 1px solid #333;
}

.slickbox .nav {
right: 1px;
padding: 10px 0 0 0;
position: absolute;
width: 100%;
background: #fff;
text-align: right;
height: 40px;
background: #fff;
top: 0px;
}

.slickbox .nav a {
padding: 4px 12px;
background: #eee;
border: 1px solid #ccc;
margin: 0 4px 0 0;
color: #333;
position: relative;
z-index: 100;
}

.slickbox .nav a:hover {
color: #eee;
background: #5794C4;
}

.slickbox .nav a.activeSlide {
background: #cfcfcf;
}


/* ------ slider specific CSS ------ */

.sliderGallery {
position: relative;
width: 366px;
height: 602px;
border-right: 1px solid #ccc;
}
        
.sliderGallery ul {
position: absolute;
list-style: none;
margin: 0;
padding: 0;
top: -1px;
left: 16px;
width: 348px;
z-index: 100;
}
        
.sliderGallery ul li {
width: 350px;
height: 126px;
margin: -1px 0 0 0;
padding: 0;
position: relative;
}
        
.slider {
width: 16px;
height: 602px;
position: relative;
background: #333 url(sliderstuff/slidestripe.png) top center repeat-y;
margin: 0 0 0 -1px;
z-index: 100;
}
        
.handle {
position: absolute;
cursor: move;
height: 180px;
width: 16px;
top: 1px;
left: 1px;
background: #1690ef;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
z-index: 2;
}

.slider span {
cursor: pointer;
position: relative;
height: 95px;
width: 16px;
float: left;
clear: left;
border-right: 1px solid #333;
margin: -1px 0 0 0;
}

.slider span.top, .slider span.bottom {
height: 20px;
background: #fdf;
z-index: 100;
text-indent: -9999px;
overflow: hidden;
}

.slider span.top {
background: url(sliderstuff/up.jpg) center center no-repeat;
border-bottom: 1px solid #333;
}
.slider span.bottom {
border-bottom: none;
border-top: 1px solid #333;
background: url(sliderstuff/down.jpg) center center no-repeat;
}

.slider span a {
text-decoration: none;
display: block;
width: 20px;
height: 110px;
position: relative;
z-index: 100;
}

/* ------ format the items and the jQuery applied classes ------ */

.items img {
width: 100px;
height: 100px;
border: 1px solid #333;
padding: 1px;
background: #000;
margin: 10px 0 0 10px;
}

.items div {
float: right;
width: 210px;
margin: 10px 10px 0 0;
display: inline;
}

.items div h2 {
font-size: 1.6em;
font-weight: bold;
margin: 0;
padding: 0 0 4px 0;
background: #fff;
}

.items div h2 span {
font-size: .7em;
font-weight: normal;
display: block;
color: #999;
background: #fff;
}

.items div p.quip {
color: #6F6F6F;
font: bold 1.1em georgia, serif;
padding: 5px 0 0 0;
margin: 0;
}

.items li.notactive  {
opacity: 0.2;
-moz-opacity: 0.2;
filter: alpha(opacity=20);
border: 1px solid #ccc;
background: #ddd;
}

.items li.notactive h2, .items li.notactive span {
background: #ddd;
}

.items li.active h2, .items li.activeh h2, .items li.active span, .items li.activeh span {
background: #fff;
}

.items li, .items li.active, .items li, .items li.activeh {
width: 350px;
background: #fff;
border-right: 1px solid #fff;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
}

.items li.active img, .items li.activeh img {
border: 3px solid #5794C4;
width: 96px;
height: 96px;
}

.items li.notactive.activeh {
border-right: 1px solid #ccc;
width: 349px;
}

.items li.active.activeh {
border-right: 1px solid #fff;
width: 349px;
}

.items li.activeh div {
margin: 10px 9px 0 0;
}

/* ------ Loading divs ------ */

#load {
position: absolute; 
top: 140px; 
right: 136px; 
z-index: 110;
}

#cover {
position: absolute; 
width: 802px; 
height: 605px; 
background: #fff; 
top: 0; 
left: 0; 
z-index: 111;
}

#load2 {
position: absolute; 
top: 180px; 
left: 360px; 
z-index: 112;
}