#slideshow {
	border: 1px solid #d3d3d3;
	padding: 4px;
}
	#slideshow ul {
		float: right;
		width: 225px;
		_width: 208px;
		margin: 0px;
		padding: 0px;
	}
		.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-selected a {
			background: url(img/li-normal.gif) repeat-x #ebebeb;
			height: 61px;
			margin: 0px 0px 1px 0px;
			padding: 5px 3px 5px 3px;
			_padding: 5px 3px 4px 3px;
			display: block;
		    font-size: 12px;
			color: #000000;
			text-decoration: none;
		}
		.ui-tabs-nav .ui-tabs-selected a {
			background: url(img/li-hover.gif) repeat-x #aaaaaa;
		}
		.ui-tabs-nav a img {
			border: 1px solid #000000;
			margin: 3px 3px 0px 3px;
			float: left;
		}
		.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a span {
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
		}
		.ui-tabs-nav a {
		}
	#slideshow div {
		float: left;
		width: 326px;
	}
		#slideshow div .preview {
			background: url(img/panel.png) repeat;
		    height: 40px;
		    width: 316px;
		    margin: 239px 0px 0px 0px;
		    color: #ffffff;
		    padding: 5px;
		}
			#slideshow div .preview span {
				font-weight: bold;
			}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
.ui-tabs-nav {
    list-style: none;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
}