.mask {
position:relative;
width:455px;
height:341px;
overflow:hidden;
padding:35px 0 0;
margin:0 0 0 70px;
}

.mask_progress {
margin:20px 0 0 25px;
position:relative;
width:455px;
height:341px;
overflow:hidden;
}

#scroll_nav a, #thumb_nav a {
margin:0 8px 0 0;
width:12px;
height:12px;
display:inline-block;
background:#9cb02e;
text-decoration:none;
color:#9cb02e;
font-size:9pt;
}

#scroll_nav a em,#thumb_nav a em {
display:none;
}

#scroll_nav a.activeSlide,#thumb_nav a.activeSlide {
background:#630;
color:#630;
}

#scroll_nav a:focus,#thumb_nav a:focus {
outline:none;
}

#slideshow {
position:relative;
width:455px;
height:341px;
overflow:hidden;
}

#slideshow div {
width:455px;
height:341px;
}

#nav_holder {
position:relative;
padding:10px 0 0 30px;
}

#thumb_nav_holder{
position:relative;
padding:5px 0 0 0;
text-align: center;
}

#nav_holder a, #thumb_nav_holder a {
text-decoration:none;
color:#9cb02e;
padding: 1px;
}

a#thumb_prev,a#thumb_next {
position: relative;
top: 10px;
}

a#prev, a#thumb_prev {
margin:0 8px 0 0;
}

a#next {
margin:0 0 0 -2px;
}

#thumb_show {
position:relative;
width:240px;
height:230px;
overflow:hidden;
}

#thumb_show div {
width:240px;
height:230px;
}

#info {
position:absolute;
top:90px;
left:325px;
}

table#progress_holder {
width:100%;
border:none;
}

table#progress_holder td#progress_right {
vertical-align:bottom;
width:70%;
}

table#progress_holder td#progress_left {
vertical-align:bottom;
width:30%;
padding:0;
font-size:10pt;
}

table#progress_holder td#progress_left p {
margin:0 0 0 5px;
padding:0;
line-height:normal;
}

table#progress_holder td#progress_left h2 {
margin:0 0 10px 5px;
padding:0;
}

.port {
margin-left:42px;
}

/*hover menu for thumbs*/

div.sc_menu_wrapper img, p.thumbs img {
margin: 0 10px 10px 0;
}

div.sc_menu_wrapper {
  position: relative;   
  height: 230px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 240px;
  overflow: auto;
}