.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -180px;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

div.ss
{
position: relative;
height: 96px;
background: #565656;
}

/* some styling for triggers */
#triggers {
    text-align:center;
    }
    
 #triggers img {
cursor:pointer;
margin:0 5px;
background-color:#fff;
border:1px solid #ccc;
padding:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
                                
                                
/* styling for elements inside overlay */
    .details {
	        font-size:11px;
                color:#fff;
                text-align:justify;
                margin:10px;
            }
                                                
    .details h3 {
                color:#aba;
                font-size:15px;
	        margin:0 0 10px 0;
            }
                            
                        
                        
/*portfolio_int from*/
    #triggers {text-align:center;}
    #triggers img {cursor:pointer;margin:0 5px;background-color:#fff;border:1px solid #ccc;padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px;}
    .next, .prev {position:absolute;top:40%;border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    .prev {left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
    .next {right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;}
    .next:hover, .prev:hover { text-decoration:underline;    background-color:#000;}
    .disabled { visibility:hidden;}
    .info { position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666;}
    .info strong { display:block;}
    .progress { position:absolute; top:45%;left:50%; display:none;}
    .next, .prev, .info {  background:#333 !important; background:rgba(0, 0, 0, 0.6) repeat-x;}
    .details { font-size:11px; color:#fff; text-align:justify; margin:10px;}
    .details h3 { color:#aba; font-size:15px; margin:0 0 10px 0;}
    .scrollable {position:relative; overflow:hidden; width: 90%; height:100px; margin-left:5%;}
    .scrollable .items { width:20000em; position:absolute; clear:both;}
    .scrollable a{ float:left; background-color:#fff; margin:0px; padding:2px; border:1px solid #ccc; cursor:pointer;height:60px; -moz-border-radius:4px;   -webkit-border-radius:4px; display:block; margin-right:10px;}
    .scrollable a img {height:60px;}
    .next, .prev { position:absolute; top:40%; -moz-border-radius:5px; -webkit-border-radius:5px; } 
    .progress { position:absolute; top:45%; left:50%; display:none; } 
    #thumbs a.active img { outline:1px solid #000; z-index:9999; position:relative; }    
    
/*vinyl*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffff;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
color: #000000;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}