#tabs{
    position:relative;
    width:606px;
    z-index:1;
}
#tabs ul{
    width:606px;
    padding:0;
    list-style:none;
    float:left;
}
#tabs ul li{
    float:left;
    background: url(../images/site/tabs/tab_right.gif) no-repeat top right;
}
#tabs ul li.tab_focus{ 
    float:left;  
    background: url(../images/site/tabs/tab_focus_right.gif) no-repeat top right;
}
#tabs ul li a{
    display:block;
    line-height: 30px;
    font-size:9pt;
    font-weight:bold;
    padding:0 12px;
    background:url(../images/site/tabs/tab_left.gif) no-repeat top left;
    text-decoration: none;
    color:#fff;
    float:left;    
}
#tabs ul li.tab_focus span{
    display:block;
    line-height: 30px;  
    font-size:9pt;
    font-weight:bold;
    padding:0 12px;
    text-decoration: none;
    float:left;
    background:url(../images/site/tabs/tab_focus_left.gif) no-repeat top left;
    color:#686868;
}
#tabs ul li a:hover{
    text-decoration: underline;
}
 
#tabs_detail{
    position:relative;
    width:606px;
    top:-2px; /* moves the graphic under tabs. needed to ensure focused tab hides portion of border */
    clear:both;
    background: url(../images/site/tabs/detail_tile_border.gif) repeat-y;
}
#tabs_detail #top{ 
    background: url(../images/site/tabs/detail_top_border.gif) no-repeat left top;
    padding-top:20px;
    padding-left:12px;
    padding-right:5px;  
}
#tabs_detail #bot
{
    background: url(../images/site/tabs/detail_bot_border.gif) no-repeat left bottom;
    line-height:1px;
    padding-top:6px;
    padding-bottom: 4px;
    padding-left: 18px;
    clear:both;
}