/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended.
  we turn them off as a foundation for YUI
  CSS treatments. */

#spotlight img {
	width: 546px; 
	
}

.mainContainer {
	margin: 0 auto;
}

/* begin custom header content for this example */

/* Style the spotlight container */
#spotlight {
	position:inherit;
	border: none; /*1px solid #ccc*/
	margin: 0px auto 0px auto;
	padding: 1px;
	width: 554px;
	height: auto;
}

/* Property for carousel */
#container {
	top: -26px;
	width: 554px;
	padding: 0 0;
	margin: 0 0;
	border: none;
}

/* Property of navigation toolbar */
.yui-skin-sam .yui-carousel-nav {
	background: none;
	position:inherit;
	/*left:100px;*/
}

.yui-skin-sam .yui-carousel-nav ul li {
	margin: 0;
}


.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
	cursor:default;
}

.yui-skin-sam .yui-carousel-button {
	position:relative;
	right:-12px;
	width: 20px;
}

.yui-skin-sam span.yui-carousel-first-button {
	margin-right: 35px;
	_margin-left: -40px;
}

.yui-carousel-button-disabled {
	cursor:default;
}
.yui-carousel-first-button-disabled {
	cursor:crosshair;
}

/* Property of the elements in carousel */
.yui-carousel-element li {
	border: 1px solid rgb(95,88,70);
	width: 49px;
	height: 36px;
	opacity: 1;
	margin: 0px 2px;
	
}

.yui-carousel-element img {
	width: 49px;
	height: 36px;
	cursor: pointer;
}

.yui-carousel-element img:hover {

}

/* Property of picture selected */
.yui-carousel .yui-carousel-item-selected {
	width: 49px;
	border: 1px solid rgb(50,33,10);
	opacity: 0.6;
	margin: 0px 2px;
	/*margin: 3px 3px;*/
}



.yui-carousel-element li:hover {
	border: 1px solid rgb(50,33,10);
	opacity: 0.6;
	}

td {
	padding: 0 0;
	margin: 0 0;
}