/* walkthrough styles ##################################################################### */
#walkthroughArea {
	clear: right;
	height: 317px;
	position: relative;
	/*z-index: 1;*/
}
#walkthroughArea #walkthroughCover {
	background: #fff url('./img/int/loadingIndicator.gif') center center no-repeat;
	border: solid 1px #ccc;
	color: #666;
	display: block;
	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	left: -1px;
	letter-spacing: 3px;
	margin: 0;
	margin-bottom: 2px;
	line-height: 360px;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	top: -1px;
	width: 100%;
	z-index: 240;
}
#walkthroughArea .walkthroughCoverHidden {
	display: none;
	visibility: hidden;
}
#walkthroughArea #walkthroughThumbs {
	color: #666;
	/*float: right;*/
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-top: 12px;
	position: absolute;
	right: 0px;
	text-transform: uppercase;
	text-align: center;
	width: 140px;
}
#walkthroughArea #walkthroughThumbs a {
	border: solid 1px #666;
	display: block;
	filter: alpha(opacity=85);
	margin: 0;
	margin-bottom: 2px;
	opacity: .85;
	width: 138px;
}
#walkthroughArea #walkthroughThumbs a:hover {
	border-color: #c00;
	filter: alpha(opacity=100);
	opacity: 1;
}
#walkthroughArea #walkthroughThumbs a img { border: 0; }
#walkthroughArea #walkthroughThumbs a .thumbTitle {
	background: #666;
	color: #fff;
}
#walkthroughArea #walkthroughThumbs a:hover .thumbTitle {
	background: #c00;
	text-decoration: none;
}
#walkthroughArea .detailHideBox {
	background: #000;
	display: none;
	filter: alpha(opacity=50);
	float: left;
	height: 100%;
	left: 0px;
	opacity: .50;
	position: absolute;
	top: 0px;
	visibility: hidden;
	width: 640px;
	z-index: 32;
}
#walkthroughArea .walkthroughDetail {
	background: #fff;
	border: solid 1px #000;
	display: none;
	/*filter: alpha(opacity=90);*/
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*float: left;*/
	line-height: 13px;
	/*opacity: .90;*/
	padding-bottom: 4px;
	position: absolute;
	visibility: hidden;
	z-index: 128;
}
#walkthroughArea .walkthroughDetail .content {
	padding: 4px;
	clear: both;
}
#walkthroughArea .walkthroughDetail .toolBar {
	background: #c00;
	border-bottom: solid 1px #000;
	color: #fff;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-left: 3px;
}
#walkthroughArea .walkthroughDetail .closeButton {
	background: #ccc url('./img/walkthrough/detailCloseButton.png') no-repeat center center;
	border: solid 1px #000;
	color: #000;
	height: 14px;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 14px;
}
#walkthroughArea .walkthroughInteractive {
	border: solid 1px #000;
	/*float: left;*/
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
#walkthroughArea .walkthroughInteractive .interactionOverlay,
#walkthroughArea .walkthroughInteractive .interactionOverlayActive,
#walkthroughArea .walkthroughInteractive .interactionTrigger,
#walkthroughArea .walkthroughInteractive .interactionTriggerActive {
	display: block;
	/*float: left;*/
	position: absolute;
	/*margin: 1px 0 0 1px;*/
}
#walkthroughArea .walkthroughInteractive .interactionOverlay,
#walkthroughArea .walkthroughInteractive .interactionOverlayActive {
	z-index: -1;
}
#walkthroughArea .walkthroughInteractive .interactionOverlay { display: none; }
#walkthroughArea .walkthroughInteractive .interactionOverlayActive { display: block; }
#walkthroughArea .walkthroughInteractive .interactionTrigger,
#walkthroughArea .walkthroughInteractive .interactionTriggerActive {
	display: block;
	position: absolute;
	z-index: 16;
}
#walkthroughArea .walkthroughInteractive .interactionTrigger { background: url('./img/blank.gif'); }
#walkthroughArea .walkthroughInteractive .showTrigger { background: url('./img/walkthrough/hotspot.png') no-repeat center center; }
#walkthroughArea .walkthroughInteractive .showTrigger:hover { background-image: url('./img/walkthrough/hotspotRollover.png'); }