@charset "utf-8";
/* CSS Document */

      :focus {
         outline:none;
      }
         #featured{ 
			 height:480px;
            position:relative;
            border:5px solid #ccc;
            line-height:1;
            background:#f2f2f2;
			margin-top:30px;
         }
         #featured ul.ui-tabs-nav{ 
            position:absolute;
            top:0; left:530px;
            list-style:none;
            margin:0; padding:0;
            width:155px;
			border-left:5px solid #ccc;
             
            background: #fff;
                height: 480px; 
         
        }
         }
         #featured ul.ui-tabs-nav li{ 
            padding:0;
            font-size:12px;
            color:#666;
         }
         #featured ul.ui-tabs-nav li img{ 
            width:45px; height:45px;
            margin:2px 5px; padding:2px;
            background:#fff;
            border:1px solid #eee;
			vertical-align:middle;
         }
         #featured ul.ui-tabs-nav li span{ 
            font-size:13px;
            line-height:18px;
         }
         #featured li.ui-tabs-nav-item a{ 
            display:block;
            height:56px;
            color:#333;
            background:#fff;
            line-height:20px;
         }
         #featured li.ui-tabs-nav-item a:hover{ 
            background:#faf0e6;
         }
         #featured li.ui-tabs-selected{ 
            background:url('../img/arrow.gif') top left no-repeat;
         }
         #featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
            background:#ccc;
         }
         #featured .ui-tabs-panel{ 
            width:500px; height:480px;
            position:relative;
            background:#f2f2f2;
         }
         #featured .ui-tabs-panel img {
            width:500px; height:375px;
			border-top:5px solid #ccc;
 			border-bottom:5px solid #ccc;
        }
         #featured .ui-tabs-panel .info{ 
         }
         #featured h5{ 
            font-size:15px;
            padding:5px;
			line-height:25px;
            color:#fff;
            overflow:hidden;
			border-left:10px double #ccc;
			text-indent:10px;
			background:#666;
         }
         #featured .info p{
            margin:10px;
            font-size:13px;
            line-height:15px;
            color:#333;
         }
         #featured .info a{
            text-decoration:none;
            color:#fff;
         }
         #featured .info a:hover{
            text-decoration:underline;
         }
         #featured .ui-tabs-hide{
            display:none;
         }
* html #featured{
	text-align:left;
	height:457px;
}
* html #featured ul.ui-tabs-nav{ 
	width:150px;
}


@media screen and (max-width:767px){
#featured {
   width: 250px;
    border: 1px solid #ccc;
     height: 300px;
} 
    
 #featured ul.ui-tabs-nav {
    border: 1px solid #ccc;
    left: 240px;
 width: 85px;
     height: 300px;
}   
    
#featured .ui-tabs-panel {
    width: 240px;
 height: 300px;
}    
    
   #featured .ui-tabs-panel img {
     width: 240px;
     height: 180px;

} 
   #featured ul.ui-tabs-nav li img {
       display: none;
    width: 0px;
    height: auto;
  
} 
    
 #featured h5 {
    font-size: 14px;
    padding: 5px;
  

    text-indent: 5px;
  
}   
    #featured li.ui-tabs-nav-item a {
    display: block;
  height: auto;
           padding: 8px;
 
}
    
}