/* ---------- Component Gallery ---------- */
div.compGallery {
width: 428px;
height: 310px;
background-color: #fff;
}

div.compGallery a.startShow{
display: block;
float: left;
background-image: url('../img/play_slideshow.gif');
background-repeat: no-repeat;
background-position: 0px 2px;
height: 22px;
padding-top: 3px;
padding-left: 27px;
}

div.compGallery a.startShow:hover{
background-image: url('../img/play_slideshow_over.gif');
color:#777777;
}

div.compGallery a.playing {
background-image: url('../img/stop_slideshow.gif');
}

div.compGallery a.playing:hover {
background-image: url('../img/stop_slideshow_over.gif');
}

div.compGallery a:hover {
color: #b09a69; 
}

div.compGallery ul {
margin: 0;
padding: 0;
padding-top: 2px;
text-align: right;
float: right;
}

div.compGallery ul li {
display: inline;
margin-left: 0.1em;
float: left;
}

div.compGallery a {
font-size: 11px;
font-family:Tahoma,Arial,Verdana,sans-serif;
color: #181411;
}

div.compGallery a.selected {
font-size: 11px;
font-family:Tahoma,Arial,Verdana,sans-serif;
color: #f21487;
cursor: default;
background: transparent;
}


div.compGallery div.imageStack {
background: #000;
height: 273px;
width: 400px;
margin-bottom: 13px;
border: 1px solid #555555;
}

div.compGallery div.imageStack img {
display: none;
}

div.compGallery div.imageStack img.currentImage {
display: block;
}

div.compGallery div.imageStack img.queuedImage {
display: block;
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}