body {background-color: #d1eff4}
td.top {background: url(topbg.jpg) bottom left repeat-x;}
td.topleft {background: url(topbg.jpg) bottom right repeat-x;}
td.topright {background: url(topbg.jpg) bottom left repeat-x;}
td.bottom {background: url(bottombg.jpg) top repeat-x;}
td.middle {background-color: #d8cbb7;}
td.album {border-top: #6a5946 3px solid; border-left: #6a5946 3px solid;
  border-bottom: #6a5946 3px solid; border-right: #6a5946 3px solid;}
.caption {font-size: 11px; color: #000000; font-family: verdana, helvetica, sans-serif; padding-top: 2px;}
.title {font-size: 12px; color: #000000; font-family: verdana, helvetica, sans-serif; font-weight: bold;}
td.box {color: #000000; font-size: 11px; font-family: verdana, helvetica, sans-serif;
  border: 1px solid #000000; padding: 5px;
  background-color: #d8cbb7; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45;}
th.box {color: #000000; font-size: 11px; font-family: verdana, helvetica, sans-serif; font-weight: bold;
  border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;
  background-color: #d8cbb7; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}
table.bottom {border-spacing: 20 0; padding-top: 15px;}
td.text {color: #000000; font-size: 11px; font-family: verdana, helvetica, sans-serif;}
a {color: #000000; text-decoration: none}
a:hover {color: #116a88; text-decoration: none}

.stepcarousel {position: relative; border: 0px; overflow: scroll; height: 142px;}
.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .belt img{border:1px solid #000000;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 10px; width: 132px;}
.out {float: left; overflow: hidden; margin: 10px; width: 130px; border-color: #6a5946 0px;}
.over {float: left; overflow: hidden; margin: 10px; width: 130px; border-color: #6a5946 3px solid;}

td.album {border-top: #6a5946 3px solid; border-left: #6a5946 3px solid;
  border-bottom: #6a5946 3px solid; border-right: #6a5946 3px solid;}

#dhtmltooltip{position: absolute; border: 1px solid black; padding: 2px; color: black; font-size: 11px;
  background-color: #d8cbb7; visibility: hidden; z-index: 100; font-family: verdana, helvetica, sans-serif;}


#largeImage{position:relative;}
.largeImage{border:1px solid #000000;}
#largeImage img{border:10px solid #FFFFFF;}
.content img{border:1px solid #000000; margin: 4px; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; 
  opacity: 0.65;}
.content .activeImage{border:5px solid #317082; padding:0px; margin: 0px; filter:alpha(opacity=100); -moz-opacity:1;
  -khtml-opacity: 1; opacity: 1;}

#scrolldiv{position:relative;}
#parentContainer{width:500px; height:100%; overflow:hidden; border:0px solid #BC8FBD; float:left; 
  position:relative;}
#content{padding: 5px; position:relative; text-align: left;}
#slider{width:13px; margin-left:2px; height:500px; float:left;}
#scrollbar{width:13px; position:relative; height:390px;	/* Total height - 40 pixels */}
#theScroll{margin:1px; width:13px; height:50px; background-color:#6a5946; position:absolute;	
  top:0px; left:0px; cursor:pointer;}
#scrollUp,#scrollDown{margin:1px; width:13px; height:10px; cursor:pointer;}
#scrollUp{margin-bottom:2px;}
#scrollDown{margin-top:2px;}
#scrollDown span,#scrollUp span{font-family: Symbol;}