Проблема с отображением формы Bootstrap в Joomla 3

[Gift020]

При вставке html-кода горизонтальной формы с CSS классами Bootstrap в материал Joomla 3, 1/4 ширины страницы уходит под надписи выравненные по правому краю, а 3/4 под сами формы, которые как бы находятся в центре своего блока.. что выглядит очень странно.
Что может их портить?
Пример, как это выглядит http://joomla.gift020.myjino.ru/index.php/order

собственно сам код формы

<form class="form-horizontal">   
         <div class="control-group">
            <label class="control-label" for="inputSubject">Тема:</label>
            <div class="controls">
               <input type="text" id="inputSubject">
            </div>
         </div>
         <div class="control-group">
            <label class="control-label" for="inputEmail">Email:</label>
            <div class="controls">
               <input type="text" id="inputEmail">
            </div>
         </div>
         <div class="control-group">
            <label class="control-label">Проектирование:</label>
            <div class="controls">
               <select>
                  <option>Система #1</option>
                  <option>Система #2</option>
                  <option>Система #3</option>
               </select>
            </div>
         </div>
         <div class="control-group">
            <label class="control-label">Сообщение:</label>
            <div class="controls">
               <textarea class="span5" name="rp_message" cols="13" rows="4" style="resize: none"></textarea>
            </div>
         </div>
         <div class="control-group">
            <div class="controls">
               <input class="btn" type="submit" value="Отправить"/>
            </div>
         </div>
      </form>