Установить фиксированые размер модуля. - Вопросы по CSS

Привет всем.

Использую шаблон tx-gravity.

Установил слайдшоу в позицию модуля top1, а календарь jcalpro в top4.

Проблема заключается в том, что слайдшоу "налазит" на календарь и сливается. Я хочу поставить слайдшоу на 600px в левой стороне, а календарь в 300px в правой. Чтобы все было аккуратно.
Залез в CSS, а там так накручено что я окончательно запутался.
Прошу помощи.


Uploaded with ImageShack.us

slideshow

<!--Tx-top Start-->
                    <div id="tx-top">
                                    <div class="tx-grid-6 tx-alpha">
                            <div class= "tx-block ">
        <div class="module-encloser">
                        
            <div class="mod-content-encloser">
                <div class="module-content">
                        
<!-- JoomlaWorks "Frontpage Slideshow" v2.0.0 starts here -->
<div id="fpss-outer-container">
    <div id="fpss-container">
        <div id="fpss-slider">
            <div id="slide-loading"></div>
            <div id="slide-wrapper">
                <div id="slide-outer">
               
   <div class="slide">
      <div class="slide-inner">
         <a href="javascript:void(0);" class="fpss_img">
            <span>

calendar

 <div class="tx-grid-6 tx-omega">
                            <div class= "tx-block ">
        <div class="module-encloser">
                        
            <div class="mod-content-encloser">
                <div class="module-content">
                    <table align="right"><tr valign="top"><td><table class="mod_minical_table" align="right">
<tr><th colspan="7">November 2010</th></tr><tr><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th><th>S</th></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr><tr><td>8</td><td>9</td><td>10</td><td id="mod_minical_today"><strong>11</strong></td><td>12</td><td>13</td><td>14</td></tr><tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr><tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr><tr><td>29</td><td>30</td><td colspan="5">&nbsp;</td></tr></table>
</td></tr></table>    
                </div> <!--module content end-->
                <div class="clear"></div>
            </div> <!--mod-content-encloser-->

и в наличии целая папка CSS файлов.

grid.css

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.tx-grid-1, .tx-grid-2, .tx-grid-3, .tx-grid-4, .tx-grid-5, .tx-grid-6, .tx-grid-7, .tx-grid-8,.tx-grid-9, .tx-grid-10, .tx-grid-11, .tx-grid-12
{
   display:inline;
    position: relative;
   float:left;
   margin-left: 10px;
   margin-right: 10px;
}


/* Grid
----------------------------------------------------------------------------------------------------*/
.tx-container .tx-grid-1 {width:60px;}
.tx-container .tx-grid-2 {width:140px;}
.tx-container .tx-grid-3 {width:220px;}
.tx-container .tx-grid-4 {width:300px;}
.tx-container .tx-grid-5 {width:380px;}
.tx-container .tx-grid-6 {width:460px;}
.tx-container .tx-grid-7 {width:540px;}
.tx-container .tx-grid-8 {width:620px;}
.tx-container .tx-grid-9 {width:700px;}
.tx-container .tx-grid-10 {width:780px;}
.tx-container .tx-grid-11 {width:860px;}
.tx-container .tx-grid-12 {width:940px;}

template.css

* Top Style
-----------------------------------------------*/
#tx-top{
    padding-left: 0;
}
#tx-top .tx-block { padding: 0;}
#tx-tabs .nav li a.current:hover { background-color: none !important;}

/* Feature Style
-----------------------------------------------*/
#tx-feature{

}

/* Main Content top and bottom
----------------------------------------------*/

#tx-content-top{

}
#tx-content-top .tx-alpha,#tx-content-bottom .tx-alpha{
   }
#tx-content-top .tx-omega,#tx-content-bottom .tx-omega{
    margin-right: 0px;
}
#tx-content-bottom{
    margin-top: 10px;
    margin-bottom: 10px;
}

style2.css

/* Top style
----------------------------------------------------------------*/
#tx-top{
    background: #570518;
    color: #fff;
}
#tx-top .tx-block{
    background: none;

}

#tx-top .module-encloser{
    padding: 0px ;
}

общая ширина складывается из этих дивов:
<div class="tx-grid-6 tx-alpha">  и  <div class="tx-grid-6 tx-omega">...
это CSS фреймворк gs960,
тебе достаточно поправить tx-grid-6, например  сделать в первом случае tx-grid-8 и tx-grid-4 во втором, общая сумма должна получаться обязательно 12

спасибо, а где это править ? в Index.html все время сбрасывается обратно.

в index.php своего шаблона