.body {
   padding:0px;
   marging:0px;
   border: 0px #ccc solid;
   display:block;
   width:550px;
/*   white-space: nowrap;*/
}

a:focus {
	outline: none;
}
.left{
   width:465px;
   position:absolute;
   left:97px;
   top:310px;
   z-index:10;
   display:block;
}
.left .panel{
    background: #ccc;
    height: 401px;
    float:left;
    clear:right;
    display: none;
overflow:auto;
overflow-y: auto;
overflow-x:hidden;
padding:0px;
/*padding-left:5px;*/
margin:0px;
}
.left .slide {
    border-left:solid 2px #aaa; 
	margin: 0;
	padding: 0;
	background: transparent url(img/btn-slide-left.gif) no-repeat left 20px;
	height: 401px;
	width:38px;
	float:left;
	clear: right;
}
.left .panel{
	float:left;
	clear: right;
}
.left .btn-slide {
	background: transparent url(img/white-arrow-hor.gif) no-repeat -50px 45px;
	text-indent: -9000%;
	display: block;
	height: 401px;
	width:38px;
}

.left .active {
	background-position: 10px 45px;
}

.panel ul {
    list-style:none;
    border-bottom:1px solid #333;
    padding:10px;
    margin:0;
}

.panel ul a{
    font-weight:bold;
    color: #333;
    white-space: nowrap;
}

.left .text_n {
width:365px;
height:395px;
padding-left:5px;
display:inline-block;
white-space: wrap;
}