#featured
{
   width:            580px;
   padding-right:    280px;
   position:         relative;
   height:           250px;
   background:       #fff;
   margin:           0 auto;
}

#featured ul.ui-tabs-nav
{
   position:         absolute;
   top:              0;
   left:             580px;
   list-style:       none;
   padding:          0;
   margin:           0;
   width:            280px;
}

#featured ul.ui-tabs-nav li
{
   padding:          1px 0;
   padding-left:     13px;
   font-size:        12px;
   color:            #666;
   overflow-wrap:    break-word !important;
   word-wrap:        break-word !important;
   overflow-wrap:    break-word !important;
   white-space:      normal !important;
   text-wrap:        wrap !important;
}

#featured ul.ui-tabs-nav li img
{
   float:            left;
   margin:           2px 5px;
   background:       #fff;
   padding:          2px;
   border:           1px solid #eee;
}

#featured ul.ui-tabs-nav li span
{
   font-size:        13px;
   font-family:      Calibri, Verdana;
   line-height:      100%;
   text-align:       left;
   display:          block;
   overflow-wrap:    break-word !important;
   word-wrap:        break-word !important;
   overflow-wrap:    break-word !important;
   white-space:      normal !important;
   text-wrap:        wrap !important;
}

#featured li.ui-tabs-nav-item a
{
   display:          block;
   height:           60px;
   color:            #333;
   background:       #fff;
   line-height:      100%;
}

#featured li.ui-tabs-nav-item a:hover
{
   background:       #f0f0ff;
}

#featured li.ui-tabs-selected
{
   background:       url('images/content_slider/selected-item.png') top left no-repeat;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a
{
   background:       #ceedff;
}

#featured .ui-tabs-panel
{
   width:            535px;   // should be and used to be 580
   height:           250px;
   background:       #fff;
   position:         relative;
}

#featured .ui-tabs-panel img
{
   position:         absolute;
   top:              0px;
   left:             0px;
   padding:          0px;
   margin:           0px;
}

#featured .ui-tabs-panel .info
{
   position:         absolute;
   top:              180px;
   left:             0;
   height:           70px;
   background:       url('images/content_slider/transparent-bg.png');
}

#featured .info h2
{
   font-size:        18px;
   font-family:      Calibri, Georgia, serif;
   color:            #ff0;
   padding:          5px;
   margin:           0;
   overflow:         hidden;
   font-weight:      bold;
   background-color: rgba(0, 0, 0, 0.4);
}

#featured .info p
{
   margin:           0 5px;
   font-family:      Calibri, Verdana;
   font-size:        15px;
   line-height:      100%;
   color:            #ff8;
   font-weight:      bold;
   background-color: rgba(0, 0, 0, 0.4);
}

#featured .info a
{
   text-decoration:  none;
   color:            #ff0;
}

#featured .info a:hover
{
   text-decoration:  underline;
}

#featured .ui-tabs-hide
{
   display:          none;
}

.alpha60
{
      /* Fallback for web browsers that doesn't support RGBa */
   background-color: rgb(0, 0, 0);
      /* RGBa with 0.6 opacity */
   background-color: rgba(0, 0, 0, 0.6);
      /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
      /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}