<div class="scrollBox">
    <div id="pane" class="scroll-pane">
    <div class="jScrollPaneContainer">
    <div class="jScrollPaneDrag">
    <div class="jScrollPaneDragTop">
    <div class="jScrollPaneDragBottom">
    <div class="jScrollArrowUp">

пункт меню<br>
пункт меню<br>
пункт меню<br>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<link rel="stylesheet" type="text/css" href="{THEME}/css/jScrollPane.css" />

     <script type="text/javascript">
        jQuery(function() {
            jQuery('.scroll-pane').jScrollPane({scrollbarWidth:18, showArrows:true});
        });
    </script>

.scroll-pane {
    width: 190px; /* Ширина видимой области*/
    height: 410px; /* Высота видимой области*/
    overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
}

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Трек - полоса по которой бегает ползунок */
.jScrollPaneTrack {
    height: 100%;
}

/* Средняя часть ползунка (резиновая, т.к. ползунок меняет высоту в зависимости от количества содержимого) */
.jScrollPaneDrag {
    background: url(../images/scrollDrag.gif) repeat-y; /* задаем фоновую картинку или просто цвет фона */
    overflow: hidden;
    left:1px;
}
/* верхушка ползунка (можно задать height:0, если ползунок не имеет выраженной верхушки) */
.jScrollPaneDragTop {
    overflow: hidden;
    background: url(../images/scrollDragTop.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* низ ползунка (можно задать height:0, если ползунок не имеет выраженного низа) */
.jScrollPaneDragBottom {
    overflow: hidden;
    background: url(../images/scrollDragBot.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка вверх (правило можно исключить, если скролл по дизайну без стрелок) */
a.jScrollArrowUp {
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(../images/arrow_up.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
/* стрелка ввниз (правило можно исключить, если скролл по дизайну без стрелок)*/
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 18px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(../images/arrow_down.gif) no-repeat; /* задаем фоновую картинку или просто цвет фона */
} 

.video_image {
    width: 210px;
    height: 125px;
    overflow: hidden;
    position: relative;
    border: 1px solid #777;
    }

.video_image:hover { 
    border: 1px solid #dcdcdc;    
}

.video_image img {
    width: 210px;
}
            
.video_title {
    padding: 5px 5px 10px 5px;
}
        
.video_title a {
    color: #cfcfcf;
    font-size: 13px;
        font-weight: bold;
}
        
.video_title a:hover {
    color: #fff;
}
            
.video_title h2 {
    padding: 0 0 5px 0;    
}
            
.video_title h2 a {
    color: #474646 !important;
    text-decoration: none;
}
        
.video_title h2 a:hover {
    color: #fff !important;
}

<div class="video_image">
[full-link][xfgiven_image]<img src="[xfvalue_image]" alt="{title}" />[/xfgiven_image][/full-link]
</div>

<div class="video_title">
<h2>[full-link]{title}[/full-link]</h2>
</div>

<div class="news-item-img">
    <div style="position:relative; width:200px; height:217px; padding: 2px 16px 0px 22px; overflow: hidden;">
  [xfgiven_image]<img src="[xfvalue_image]" alt="{title}" title="{title}"/>[/xfgiven_image]
    [full-link]<span class="cd"></span>[/full-link]
    </div>
</div>

css:
.news-item-img {
width: 240px;
float: left;
}
.news-item-img img {
max-width: 200px;
border: 1px #404040 solid;
}
.cd {
height:217px;
width:238px;
background:url("../images/cd.png") no-repeat 0 0;
position: absolute;
top:0; 
left: 0;
}

    <h2>[full-link]{title}[/full-link]</h2>
    <div class="news-item-content-date">{date}</div>
<div class="news-item-text">
  
<!--spoiler--><div class="title_spoiler"><a href="#" onclick="$('#spoilerid{news-id}').toggle();return false;">Кратко о Релизе</a></div><div id="spoilerid{news-id}" class="text_spoiler" style="display: none;">
        {short-story}
</div><!--spoiler_end-->
    </div>

.slide-menu {
background: #fff;
display: block;
padding: 10px 15px 10px 15px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-bottom: 1px #dadada solid;
cursor: pointer;
font-weight: bold;
margin: 0 0 2px 0;
color: #48a4d3;
text-decoration: none;
}
.slide-menu:hover {
background: #d9f5ff;
color: #000;
}

.slide-menu a:link:hover {
color: #000;
}

[not-aviable=main]
   <div class="bottom_repeat">

      <div class="bottom_back-nd_a">

         <div class="copyright">© 2011 <a href="http://slimyalta.net/">Сайты под заказ от SlimYalta</a> </div>

         <div class="bott">

         </div>
        
      </div>

   </div>
[/not-aviable]


[aviable=main]
   <div class="bottom_repeat">

      <div class="bottom_back-nd_b">

         <div class="copyright">© 2011 <a href="http://slimyalta.net/">Сайты под заказ от SlimYalta</a> </div>

         <div class="bott">

            <div class="price_a">Портфолио<br/><a href="/photo">узнать подробнее</a></div>

            <div class="price_b">Портфолио<br/><a href="/photo">узнать подробнее</a></div>

            <div class="price_c">Портфолио<br/><a href="/photo">узнать подробнее</a></div>

         </div>
        
      </div>

   </div>
[/aviable]

.bottom_back-nd_a{
    background-image:url('../images/bottom_fon_a.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
    width:1000px;
    height:178px;
    text-align:left;
    margin:0 auto;
}
 
.bottom_back-nd_b{
    background-image:url('../images/bottom_fon_b.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
    width:1000px;
    height:178px;
    text-align:left;
    margin:0 auto;
}

html{padding:0px;margin:0px;height:100%;}
 
body{
    padding:0px;
    margin:0px;
    height:100%;
    background-image:url('../images/fon_page.png');
    background-position:top;
}
 
img{border:0px;}
 
#container{width:1000px;margin:0 auto;}
 
.head{
    height:397px;
    background-image:url('../images/top_fon.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    text-align:left;
}
 
#logo{margin-left:170px;margin-top:19px;}
 
.topmenu{
    margin-top:32px;
    position:absolute;
    margin-left:291px;
}
 
.topmenu a{margin-right:23px;display:block;float:left;}
 
#stroitelstvo{
    position:absolute;
    margin-left:719px;
    margin-top:102px;
}
 
#remont{
    position:absolute;
    margin-left:588px;
    margin-top:168px;
}
 
#otdelka{
    position:absolute;
    margin-left:794px;
    margin-top:208px;
}
 
#garantiya{
    position:absolute;
    margin-left:188px;
    margin-top:236px;
}
 
#tel{position:absolute;margin-top:289px;margin-left:384px;}
 
.text_tel{
    position:absolute;
    margin-left:438px;
    margin-top:346px;
    font-family:tahoma;
    font-size:12px;
    color:#323232;
}
 
.text_tel a{color:#E95D00;text-decoration:underline;}
 
.text_tel a:hover{color:#E95D00;text-decoration:none;}
 
.centr_fon{
    background-image:url('../images/centr_fona.png');
    background-position:left top;
    background-repeat:no-repeat;
    width:754px;
    font-family:tahoma;
    font-size:12px;
    color:#323232;
    text-align:justify;
    padding-left:148px;
    padding-right:98px;
}
 
.centr_back-nd_a{
    background-image:url('../images/top.gif');
    background-position:top;
    background-repeat:no-repeat;
    width:850px;
    font-family:tahoma;
    font-size:12px;
    color:#323232;
    text-align:left;
    padding-left:101px;
    padding-right:49px;
    padding-bottom:10px;
}
 
.centr_back-nd_first{
    background-image:url('../images/centr_fon.gif');
    background-position:left top;
    background-repeat:no-repeat;
}
 
.centr_back-nd_a h1{
    margin:0px;
    padding-top:15px;
    padding-bottom:10px;
    font-family:tahoma;
    font-size:20px;
    color:#E95D00;
    font-weight:normal;
}
 
.centr_back-nd_a p{
    margin:0px;
    padding-top:8px;
    padding-bottom:8px;
}
 
.centr_fon h1{
    margin:0px;
    padding-top:15px;
    padding-bottom:10px;
    font-family:tahoma;
    font-size:20px;
    color:#E95D00;
    font-weight:normal;
}
 
.centr_fon p{
    margin:0px;
    padding-top:8px;
    padding-bottom:8px;
}
 
.bottom_fon{
    background-image:url('../images/bottom_fon.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
    width:1000px;
    height:178px;
    text-align:left;
}
 
.bottom_back-nd_a{
    background-image:url('../images/bottom_fon_a.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
    width:1000px;
    height:178px;
    text-align:left;
    margin:0 auto;
}
 
.bottom_back-nd_b{
    background-image:url('../images/bottom_fon_b.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
    width:1000px;
    height:178px;
    text-align:left;
    margin:0 auto;
}
 
.bottom_repeat{
    background:url('../images/bottom_repeat.png');
    height:178px;
}
 
.copyright{
    font-family:tahoma;
    font-size:12px;
    color:#fff;
    text-align:left;
    margin-top:130px;
    padding-left:100px;
    position:absolute;
}
 
.copyright a{
    font-family:tahoma;
    font-size:12px;
    color:#AFAFAF;
    text-decoration:underline;
}
 
.copyright a:hover{
    font-family:tahoma;
    font-size:12px;
    color:#AFAFAF;
    text-decoration:none;
}
 
.fon_centr{
    background-image:url('../images/fon_centr.gif');
    background-repeat:repeat-y;
    width:1000px;
}
 
.back-nd_centr_a{
    background-image:url('../images/centr_index.gif');
    background-repeat:repeat-y;
    width:1000px;
}
 
.bl_a{
    background-image:url('../images/foto_a.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    margin-left:1px;
    width:248px;
    margin-top:1px;
    padding:218px 18px 20px 18px;
}
 
.bl_b{
    background-image:url('../images/foto_b.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    margin-left:1px;
    width:243px;
    margin-top:1px;
    padding:218px 18px 20px 18px;
}
 
.bl_c{
    background-image:url('../images/foto_c.jpg');
    background-position:left top;
    background-repeat:no-repeat;
    margin-left:1px;
    width:246px;
    margin-top:1px;
    padding:218px 18px 20px 18px;
}
 
.centr_back-nd_a td{vertical-align:top;}
 
#rem{position:absolute;margin-left:191px;margin-top:13px;}
 
#rem_b{position:absolute;margin-left:70px;margin-top:13px;}
 
#rem_c{
    position:absolute;
    margin-left:131px;
    margin-top:13px;
}
 
.bott{
    padding-left:101px;
    padding-right:49px;
    font-family:arial narrow;
    font-size:24px;
    font-weight:bold;
    color:#000;
}
 
.price_a{
    text-align:right;
    margin-top:14px;
    padding-left:20px;
    padding-right:20px;
    width:244px;
    margin-left:1px;
    float:left;
}
 
.price_b{
    text-align:right;
    margin-top:14px;
    padding-left:20px;
    padding-right:20px;
    width:239px;
    float:left;
}
 
.price_c{
    text-align:right;
    margin-top:14px;
    padding-left:20px;
    padding-right:20px;
    width:242px;
    float:left;
}
 
.bott a{
    color:#E95D00;
    text-decoration:underline;
    font-family:tahoma;
    font-size:12px;
    font-weight:normal;
}
 
.bott a:hover{
    color:#E95D00;
    text-decoration:none;
    font-family:tahoma;
    font-size:12px;
    font-weight:normal;
}