*{margin:0;padding:0}
#featured{ float:left;width:635px; position:relative; border:3px solid #999; height:310px;background:#000;margin-bottom:10px;
          overflow:hidden}

#featured ul.ui-tabs-nav{ position:absolute;left:500px; list-style:none;width:135px;padding:0;
                         z-index:1;float:left;height:310px}
#featured ul.ui-tabs-nav li{width:125px;height:78px;overflow:hidden ;padding-left:10px;}
div.thumbimgwrapper{float:left;width:120px;height:70px;border:2px solid #666;overflow:hidden;background:#666;}
#featured ul.ui-tabs-nav li img{ float:left;width:120px;border:0}
#featured ul.ui-tabs-nav li span{ font-size:11px;float:left; font-family:Verdana; line-height:15px;width:120px;height:55px;
                                 display:block;margin-top:5px;}
#featured li a{ display:block; color:#333; overflow:hidden}
#featured li a:hover{  }
#featured li.ui-tabs-selected{ background:url(image/icons/selected-item.gif) top left no-repeat;  }
#featured ul li.ui-tabs-selected a div.thumbimgwrapper{border:2px solid #fff;}
#featured ul li a:hover div.thumbimgwrapper{border:2px solid #ccc;}

#featured .ui-tabs-panel{ width:510px; height:310px; background:#000; position:relative;overflow:hidden}
#featured .ui-tabs-panel img{width:510px;margin:0 auto;display:block;}
#featured .ui-tabs-panel .info{ position:absolute; top:240px; left:0; height:70px; width:510px;
                                background: url(image/icons/transparent-bg.png);padding-left:10px }
#featured .info h2{ font-size:14px; font-family:Georgia, serif;font-weight:normal;color:#fff; padding:5px; margin:0;overflow:hidden; }
#featured .info p{ margin:0 5px;font-family:Verdana; font-size:11px; line-height:13px; color:#f0f0f0;}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }
