Доброго времени суток. Помогите пожалуйста, уже три дня мучаюсь, и никак не могу растянуть страницу по ширине экрана и поле поиска, чтоб был по центру и по шире!

пример кода
#page {
width: 96%;
margin: 0px auto 2px auto;
text-align:left;
background-image:url("../img/c_repeat.gif");
background-repeat:repeat-y;
}

#pagetop {
width: 96%;
height:35px;
margin: 0 auto;
text-align:left;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
background-image:url("../img/c_top.gif");
background-position:left top;
background-repeat:no-repeat;
}

#pagebottom {

height:33px;
margin: 0 auto;
text-align:left;
padding:0;

background-image:url("../img/c_bottom.gif");
background-position:left top;
background-repeat:no-repeat;
}

#top {
height:90%;
padding-bottom:0;
padding-right:0;
width:96%;
margin:0 auto;

или я не там ищу?

для растяжки белого фона global.css (строка 187) #page добавьте

и тоже самое проделайте для #pagetop и #footer и потом скорректируйте их положение.
для растяжки поля поиска надо отвязать ее от остального стиля (прописать для него свой), так не получится. (пример)

Спасибо большое ребята, очень выручили!!!

а насчет поле поиска пока так и не сильно понял. его править тоже надо в globall.css или уже в самом блоке tpl???

пример в globall.css

/* block top search */
#header #search_block_top {
margin-top:35px;
height: 25px;
float: left;
}
#header #search_block_top p { padding: 0em 0 0.8em 11em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: left;
width: 35px;
height: 50px;
display: block;
}
#header #search_block_top input#search_query { width: 200px; font-size:12px; padding-left:5px; height:26px; background: transparent url('../img/bg_search.gif') no-repeat 0 0px; border:none; }

#header #search_block_top input#search_query {
...
width: /*200px*/ 100%;
...
}