/* CONTAINER */
div.spContainer
{
	width: 232px;
	float: left;
	background-color: #ffffff;
}

div.spContainer.loading, div.spContainer .loading
{
	background: url('/assets/images/loading.gif') no-repeat center center #ffffff;
}

/* HEADER */
div.spHeader
{
	background: transparent url('/assets/images/left_header.png') no-repeat scroll 0 0;
	color:white;
	font-family:Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left: 10px; 
	padding-top: 7px; 
	height: 19px; 
	width: 222px;
	cursor: pointer;
}

/* BOTTOM */
 div.spBottom
{
	background: transparent url('/assets/images/left_bottom.png') no-repeat scroll 0 0;
	width: 232px;
	height: 16px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}


/* PREVIEW CONTAINER */
div.spContainer div.spPreview
{
	float: left; 
	height: 133px; 
	position: relative;
	background-color: #ffffff;
}

div.spContainer div.spPreview div.corner
{
	background: url('/assets/images/sprites/borders.png') no-repeat center center transparent;
	height:5px;
	width:5px;
	z-index:5;
	position:relative;
	margin:0;
}

div.spContainer div.spPreview div.corner.lt
{
	background-position: -16px 0;
	left:0;
	top:22px;
}

div.spContainer div.spPreview div.corner.rt
{
	background-position: -21px 0;
	left:149px;
	top:17px;
}

div.spContainer div.spPreview div.corner.rb
{
	background-position: -21px -5px;
	left:149px;
	top:108px;
}

div.spContainer div.spPreview div.corner.lb
{
	background-position: -16px -5px;
	left:0px;
	top:103px;
}


div.spContainer.loading div.spCaption
{
	color: transparent;
	background-image: none;
}

/* PREVIOUS NEXT BUTTONS */
div.spContainer div.spNext,
div.spContainer div.spPrevious
{
	background: url('/assets/images/sprites/spotlight.png') no-repeat center center #ffffff; 
	margin: 65px 9px 66px 10px;
	height: 20px;
	width: 20px;
	float: left; 
	cursor: pointer;
}

div.spContainer div.spNext
{
	float: right;
	background-position: 0px 0px;
}

div.spContainer div.spPrevious
{
	background-position: -40px 0px;
}

div.spContainer.loading div.spPrevious, div.spContainer.loading div.spNext
{
	background-image: none;
}

div.spContainer div.spNext.hidden,
div.spContainer div.spNext.hidden:hover, 
div.spContainer div.spPrevious.hidden,
div.spContainer div.spPrevious.hidden:hover
{
	background-image: none;
	cursor: default;
	display: block;
}

div.spContainer div.spNext:hover
{
	background-position: -20px 0px;
}

div.spContainer div.spPrevious:hover
{
	background-position: -60px 0px;
}

/* PREVIEW IMAGE */
div.spContainer div.spPreviewImage,
div.spContainer div.spPreviewImage img,
div.spContainer div.spPreview
{
	width: 154px; 
}

div.spContainer div.spPreviewImage
{
	overflow: hidden; 
	height: 101px; 
	
	margin-top: 2px; 
	cursor: pointer;
}

div.spContainer div.spPreviewImage.loading
{
	cursor: default;
}

div.spContainer div.spPreviewImage.loading img
{
	visibility: hidden;
}

div.spContainer div.spCaption
{
	background: url('/assets/images/sprites/spotlight.png') no-repeat 0 -20px #ffffff; 
	text-align: center;
	width: 147px;
	float: left;
	height: 18px;
	margin-left: 3px;
	margin-right: 4px;
}

div.spContainer div.spCaption a
{
	color:#FFFFFF; 
	font-family: Helvetica,sans-serif; 
	font-size:11px;
	text-decoration: none;
	display: block;
	margin-top: 2px; height: 15px; padding-top: 1px;
}

div.spContainer div.spCaption a:hover
{
	text-decoration: underline;
}

div.spContainer div.spItems
{
	clear: both; 
	height: 40px; 
	padding-top: 8px; 
	padding-left: 42px; 
	width: 154px; 
	float: left;
	background-color: #ffffff;
}

div.spContainer div.spMoreItems
{
	display: none;
}

div.spContainer.more div.spMoreItems
{
	display: block;
	float: left;
	background-color: #ffffff;
	width: 100%;
}

div.spContainer div.spMoreItems div.spItems.border
{
	border-top: 1px solid rgb(188, 188, 188);
	padding-top: 11px; 
	padding-left: 4px;
	margin-left: 38px;
}

div.spContainer div.spMoreItems div.spItems
{
	padding-top: 0;
}

div.spContainer div.spItem
{
	float: left; 
	background-color: #BCBCBC; 
	width: 45px; 
	height: 30px; 
	margin-right: 6px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

div.spContainer div.spItem div.corner
{
	background: url('/assets/images/sprites/borders.png') no-repeat center center transparent;
	height: 4px;
	width: 4px;
	position: relative;
	z-index: 10;
}

div.spContainer div.spItem div.corner.lt
{
	background-position: -8px 0;
}

div.spContainer div.spItem.active div.corner.lt
{
	background-position: 0 0;
}

div.spContainer div.spItem div.corner.rt
{
	background-position: -12px 0;
	bottom: 6px;
	left: 41px;
}

div.spContainer div.spItem.active div.corner.rt
{
	background-position: -4px 0;
}

div.spContainer div.spItem.active div.corner.lb
{
	background-position: 0 -4px;
}

div.spContainer div.spItem div.corner.lb
{
	background-position: -8px -4px;
	bottom: 31px;
}

div.spContainer div.spItem div.corner.rb
{
	background-position: -12px -4px;
	bottom: 37px;
	left: 41px;
}

div.spContainer div.spItem.active div.corner.rb
{
	background-position: -4px -4px;
}

div.spContainer div.spItem div.border
{
	background-color: transparent;
	position: relative;
	z-index: 10;
}

div.spContainer div.spItem.active div.border
{
	background-color: #ECA235;
}

div.spContainer div.spItem div.border.top
{
	height: 2px; 
	width: 37px; 
	bottom: 4px; 
	left: 4px;
}

div.spContainer div.spItem div.border.left
{
	height: 24px; 
	width: 2px; 
	bottom: 6px;
	float: none;
}

div.spContainer div.spItem div.border.right
{
	height: 24px;
	width: 2px;
	bottom: 30px;
	left: 43px;
	float: none;
}

div.spContainer div.spItem div.border.bottom
{
	height: 2px; 
	width: 37px; 
	bottom: 33px; 
	left: 4px;
}

div.spContainer div.spItem img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 45px; 
}

div.spContainer div.spMore
{
	float: left; 
	width: 10px; 
	height: 10px;
	margin: 15px 9px; 
	margin-top: 18px;
	background: url('/assets/images/sprites/spotlight.png') no-repeat -80px 0 #ffffff;
	cursor: pointer;
}

div.spContainer div.spMore:hover
{
	background-position: -80px -10px;
}

div.spContainer div.spMore.less
{
	background-position: -90px 0;
}

div.spContainer div.spMore.less:hover
{
	background-position: -90px -10px;
}