#featured{ 
	width:640px; 
	padding-right:250px; 
	position:relative; 
	border-top:3px solid #CCC; 
	border-bottom:3px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	height:360px; overflow:hidden;
	background:#f7f7f7;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:627px; 
	list-style:none; 
	padding:0; margin:0; 
	width:263px; height:360px;
	overflow:auto;
	overflow-x:hidden;
	z-index:999999;
}

#featured ul.ui-tabs-nav  li a {
	padding-top: 3px;
	padding-right: 10px;
}

#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #ddd;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:100px; text-decoration:none;
	color:#333;  background:#f7f7f7; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#e7e7e7; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:640px; height:360px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:100px; 
	background: url('images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 960px or less */
@media screen and (max-width: 960px) {
	
#featured{ 
	margin: 0px auto;
	padding-right:0px; 
	max-width:100%; 
	position:relative; 
	height:100%; overflow:hidden;
	background:#f7f7f7;
}
#featured ul.ui-tabs-nav{ 
	position:relative; 
	list-style:none; 
	left:0px; 
	padding:0; margin:0; 
	width:100%; height:350px;
	overflow:auto;
	overflow-x:hidden;
	z-index:999999;
}

#featured .ui-tabs-panel{ 
	max-width:100%;  
	background:#999; position:relative;
}

#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:none;  
}

#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:0px;  
	font-size:12px; 
	color:#666; 
}
}