#example-2 .inner a img {
   float: left;
}
#example-2 .inner a  {
width : auto;
background : white;
}
.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: auto;
}


/* Example 2 ---------------------------------- */

#example-2 {
    background-color: #FFFFFF;
    width: 715px;
    height: 144px;
}

#example-2 .middle {
    float: left;
    width: 661px;
    height: 167px;
}


#example-2 .inner a img {
   float: left;
   padding:0px 10px 0px 10px;
}
#example-2 .inner a  {
width : auto;
background : white;
}

#example-2 a {
    float: left;
    width: 41px;
    height: 128px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;    
    font-size: 36px;
    line-height: 120px;
}

#example-2 a.next {
        float: left;
	background: url(../images/next.jpg) no-repeat -27px 0px;
    height: 144px;
	width:27px;
    text-align: center;
    text-decoration: none;    
    line-height: 144px;
    float: right;
}

#example-2 hover:a.next{
        float: left;
	background: url(../images/next.jpg) no-repeat 0px 0px;
    height: 144px;
	width:27px;
    text-align: center;
    text-decoration: none;    
    line-height: 144px;
    float: right;
}
#example-2 a.prev {
    float: left;
	background: url(../images/prev.jpg) no-repeat 0px 0px;
    height: 144px;
	width:27px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;    

    line-height: 140px;
    float: left;
}
#example-2 a:hover.prev {
    float: left;
	background: url(../images/prev.jpg) no-repeat -27px 0px;
    height: 144px;
	width:27px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;    

    line-height: 140px;
    float: left;
}

#tab-2 ul li {
    display: block;
    padding-bottom: 5px;
}