Joomla 3: как оформить стили для поля поиска по сайту? - Разработка расширений для Joomla

Дизайнер сделал макет страницы, поле поиска на сайте должно быть в подвале на каждой странице. Поле поиска в макете оформлено с помощью CSS, с картинками по бокам. Я вставил в макет строку:

<jdoc:include type="modules" name="search-position" />

В настройке модулей указал позицию "search-position". В итоге на страницах появилось обычное поле <input> безо всяких стилей. А в макете поле поиска содержит код:

<div class="search">
<form action="/onlineorder" method="post" class="form-inline">
<label for="mod-search-searchword" class="element-invisible">Искать...</label> <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query" type="text" size="20" value="Поиск..." onblur="if (this.value=='') this.value='Поиск...';" onfocus="if (this.value=='Поиск...') this.value='';" /> <input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
</form>
</div>

Вопрос: как сделать чтобы поле поиска приняло такой же вид как в макете?

1. Выбрать правильно раздел для вопросов
2. Выучить CSS?