#infobox{
    
}
#infobox .col2-1{
    width:260px;
    border-right:none;
    padding-bottom:20px;
}

#infobox .col2-2{
    width:680px;
    border-right:none;
    
    padding-bottom:20px;
    padding:0px;
    float:left;
}

.infoBoxTopLeft{
    width: 2.5%;
    float:left;
    background: transparent url(images/infoBoxTopLeftBg.png) no-repeat  left 0px;
    height:27px;
    padding-top:2px;
}

.infoBoxTopMiddle{
    width:95.5%;
    display:;float:left;
     background: transparent url(images/infoBoxTopMiddleBg.png) repeat-x  left 0px;
     height:27px;
     padding-top:2px;
}

.infoBoxTopRight{
    width:2%;
    display:;float:left;
    background: transparent url(images/infoBoxTopRightBg.png) repeat-x  right 0px;
    height:27px;
     padding-top:2px;
}

*+html .infoBoxTopMiddle{ /*IE7*/
    width:95%;
}




.infoBoxContent{
    height: 400px;
    width:676px;
    border: 1px solid #ccc;
    background: transparent url(images/infoBoxMenuBg.png) repeat-x  left 53px;
}

*+html .infoBoxContent{
   width:674px;
    background: transparent url(images/infoBoxMenuBg.png) repeat-x  left 25px;
}
.infoBoxContent ul{
   list-style: none; 
}
.infoBoxContent ul li{
    float:left;
   
}

a.infoBoxContentLinkActive{
    display:block;
    float:left;
    height: 35px;
    background: transparent url(images/infoBoxMenuHoverBg.png) repeat-x  left 0px;
    padding: 2px 0px 0px 0px; 
    width:90px;
    font-family:Arial,Verdana;
    font-size:12px;
    text-align: center;
}

a.infoBoxContentLink:link,a.infoBoxContentLink{
    display:block;
    float:left;
    height: 24px;
    background: transparent url(images/infoBoxMenuBg.png) repeat-x  left 25px;
    padding: 2px 0px 0px 0px; 
    width:90px;
    font-family:Arial,Verdana;
    font-size:12px;
    text-align: center;
}

a.infoBoxContentLink:hover{
     background: #ccc repeat-x  left 0px;
     height:24px;
     color:#000;
}


.infoBoxContent ul li .borderRight{
    float:left;
    width:1px;
    height: 25px;
    background-color:#ccc;
}