#featured{ 
    width: 100%;
        height: 320px;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    padding: 10px;
}
#featured .ui-corner-all,#featured  .ui-corner-bottom,#featured  .ui-corner-right,#featured  .ui-corner-br { float: left}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:10px; right:10px;
	width: 35%; 
	list-style:none; 
	padding:0; margin:0; 
	overflow:auto;
	overflow-x:hidden;
	border-bottom: 0;
}
#featured ul.ui-tabs-nav li{ 
    color: #eee;
    background: none;
    height: 75px;
    overflow: hidden;
    margin-bottom: 1px;
    border-radius: 0 !important;;
}
#featured ul.ui-tabs-nav li img{ 
    float: left;
    width: 35%;
    height: 100%;
}
#featured ul.ui-tabs-nav li span{ 
font-size: 14px;
    line-height: 18px;
    margin-left: 6px;
    display: inline-block;
    white-space: normal;
    width: 65%;
    font-family: "Calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: bold;
    }
#featured li.ui-tabs-nav-item a{ 
    display: block;
    color: #333;
    outline: none;
    padding: 0;
    margin: 0 0px 0 10px;
    background: none;
    height: 95%;
    overflow: hidden;
    }
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.gif') 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: #0089D0;
    color: white;}
#featured .ui-tabs-panel{ 
	width:400px;
	height:300px; 
	background:#999; position:relative;
    padding: 0;
    overflow: hidden;
    width: 65%;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 

/*
	height:70px; 
	background: url('images/transparent-bg.png'); 
*/
}

#featured .ui-tabs-panel .info h2 {
	font-family: "Calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: bold;
    font-size: 21px;
} 
}
#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;  
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	 font-size:11px; 
	line-height:15px; color:#f0f0f0;
    font-weight: 200;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#featured .info { 
    position: absolute;
    bottom: 0;
    color: white;
    width: 100%;
    font-size: 18px;
    padding: 50px 15px 15px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );

}
#featured .img-responsive { height: 100%;}

@media(max-width:768px) { 
	#featured { display: none !important;}
}