/* CSS Document */
body { font-family: Helvetica; }

a { text-decoration: none; }
a img { border: none; }

.my-gallery 
{
	width: 228px;
	margin: 0px auto;
	border: 1px solid #333333;
}
.jShowcase 
{ 
	position: relative; 
	background-position: 50% 50%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(loading.gif);
	white-space: nowrap;
}

.jShowcase .main-img-container 
{
	position: relative; 
	overflow: hidden; 
}
.jShowcase .main-img-container .main-holder { position: relative; }
.jShowcase .main-img-container .main-holder a { position: relative; left: 0px; }

.jShowcase .add-images-parent
{
	/*position: absolute; 
	top: 0px;
	left: 0px;*/
	width: 100%;
	overflow: hidden;
	height: 50px;
}
.jShowcase .add-images 
{ 
	/*position: relative;*/
	background: url(../../assets/visual/jShowcase/bg.png) top left repeat #999999;
}
.jShowcase .add-images a { outline: none; }
.jShowcase .add-images a.right, .jShowcase .add-images a.left
{
	z-index: 3;
	position: absolute; 
	/*top: 25px;*/
	bottom: 25px;
}
.jShowcase .add-images a.left { left: 0px; }
.jShowcase .add-images a.right { right: 0px; }

.jShowcase .add-images .container
{
	position: relative;
}
.jShowcase .add-images .toggle
{
	position: absolute;
	top: 0px;
	right: 10px;
	outline: none;
	display: none;
}
.jShowcase .add-images .images-container
{
	position: relative;
	left: 0px;
	padding: 5px;
}
.jShowcase .add-images .images-container a 
{
	position: relative;
	z-index: 2; 
	margin: 0px 3px;
}
.jShowcase .add-images .images-container a img 
{ 
	height: 60px;
	border: 1px solid #999999; 
}
.jShowcase .add-images .images-container a img:hover { border-color: #F9D99A; }
.jShowcase .add-images .images-container div.current-image
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #FFAA06;
}
jShowcase .add-images .images-container a.current-image
{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: #FFAA06;
}

.jShowcase .main-shift 
{ 
	position: absolute;
	top: 48%;
}
.jShowcase .main-shift.prev { left: 0px; }
.jShowcase .main-shift.next { right: 0px; }

.jShowcase .strapline 
{ 
	position: absolute;
	bottom: 0px;	
	width: 100%;
	font-size: 0.7em;
	letter-spacing: normal;
	display:none;
}
.jShowcase .strapline a
{
	margin-left: 10px;
	cursor: pointer;
}
.jShowcase .strapline a span 
{ 
	float: left;
	height: 24px;
	line-height: 24px; 
}
.jShowcase .strapline a span.left 
{
	width: 19px;
	margin-left: 20px; 
	background: url(../../assets/visual/jShowcase/title-left.png) top left repeat; 
}
.jShowcase .strapline a span.title 
{
	padding: 0px 7px;
	background: url(../../assets/visual/jShowcase/title-repeat.png) top left repeat; 
	color: #FFFFFF;
}
.jShowcase .strapline a span.right 
{ 
	width: 30px;
	background: url(../../assets/visual/jShowcase/title-right.png) top left repeat; 
}
.jShowcase .strapline div.desc
{
	clear: left;
	padding: 5px 6px;
	background: url(../../assets/visual/jShowcase/bg.png) top left repeat;
	color: #FFFFFF;
}



/* CSS Document */

.imageWidgetMainContainer 
{ 
	border:1px solid #CCCCCC; 
	background:url(/assets/visual/imageWidget/ajax-loader.gif) 50% center #333 no-repeat;
	position:relative; 
	overflow:hidden;
	float:left;
	white-space:nowrap;
	margin-right: 10px;
	margin-bottom: 10px
}

.imageWidgetMainImage 
{ 
	display:none; 
	position:relative; 
	top:0px; 
	left:0px 
}

.imageWidget3DRenderLink
{
	clear:left;
	display:block;/*
	padding:2px;
	background-color:#EEEEEE;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#CCCCCC;
	text-align:right;*/
	text-align: left;
}
.imageWidget3DRenderLink:hover { background-color:#F2FAFC; }

#imageWidgetAdditionalImages 
{ 
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	padding:0px 2px;
	background-color:#000; 
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:10;
}
#imageWidgetAdditionalImages a.additionalImage img
{ 
	margin: 4px 2px;
	border:2px solid #CCCCCC;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#imageWidgetAdditionalImages .additionalImage img:hover { opacity:1; filter:alpha(opacity=100); }

.imageWidgetScrollHoverPrev
{
	position:absolute; 
	top:20px;
	left:0px;
	z-index:5;
	display:none;
}
.imageWidgetScrollHoverNext
{
	position:absolute;
	top:20px;
	right:0px;
	z-index:5;
	display:none;
}