/**
 * HoverScroll Style Sheet
 *
 * @author RasCarlito <carl.ogren@gmail.com>
 * @version 0.3.0
 * @revision 8
 */


/* Main container */
div.hoverscroll {
	width:122px;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
	
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.9;
	filter:alpha(opacity=90);

}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrow.left {
	left:0px;
	background-image:url('gfx/arrow-left-small.png');
}
div.hoverscroll div.arrow.right {
	right:0px;
	background-image:url('gfx/arrow-right-small.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
	left:0px;
	height:40px;
	width:122px;
}
div.hoverscroll div.arrow.top {
	top:0px;
	background-image:url('gfx/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom {
	bottom:0px;
	background-image:url('gfx/arrow-down-small.png');
}


/* Hover Zones */
/*
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}
*/

#featured {
	width:100%;
	width:522px;
	position:relative; border:1px solid #505050;	height:350px;	 background:#666;
}

#featured ui-tabs-nav {
	list-style:none;
	padding:0;
}
#featured ul.ui-tabs-nav li {
	padding:4px 0;
	margin:0;
	font-size:12px;
	list-style-type: none;
}
#featured ul.ui-tabs-nav li img {
	margin:4px 5px;
	background:#3c3c3c;
	padding:2px;
	border:1px solid #515151;

}
#featured ul.ui-tabs-nav li span {
	font-size:11px;
	font-family:Verdana;
	line-height:18px;
}
#featured li.ui-tabs-nav-item a {
	display:block;
	height:64px;
	color:#333;
	background:#474747;
	line-height: 20px;
	margin: 0 13px;
}
/*#featured li.ui-tabs-nav-item a:hover { background:#B75700; }*/
#featured li.ui-tabs-nav-item img:hover { background:#D56500; border:1px solid #825211; }
#featured li.ui-tabs-selected { background:url('images/slider/selected-item.gif') no-repeat right top; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#ECE6D7; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a img { background:#C4B384; border:1px solid #877058;}
#featured .ui-tabs-panel {
	width:400px;
	height:350px;
	background:#999;
   position:absolute;
   left:122px;
   top:0;
   border-left: 1px solid #1D1D1D;
}
#featured .ui-tabs-panel .info {
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	padding: 7px 5px 9px 7px;
	background: url('../images/slider/transparent-bg.png');
	font-variant:normal;
}
#featured .info h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#fff;
	padding:5px;
	margin:0;
	overflow:hidden;
	text-transform:none;
	font-variant:normal;
	letter-spacing:normal;
}
#featured .info p {
	margin:0 5px;

	font-size:11px;
	line-height:15px;
	color:#f0f0f0;
}
#featured .info a {
	text-decoration:none;
	color:#D56500;
	font-size:10px;
	
}
#featured .info a:hover { text-decoration:underline; }
#featured .ui-tabs-hide { display:none; }