X-Cart forums - modifying header - (tryng to

Here's the link to my Details Page. I'm trying to customize the header wthout removing everything, and just replacing the existing elements with my own html and modifying the CSS.

http://quiltronwebsales.com/x-cart/product.php?productid=17516

Here's the " HTML" for the Header, located in head.tpl.

{*
$Id: head.tpl,v 1.20 2009/06/05 11:46:27 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="line1">

<div class="logo">
<p
style="position:absolute; left:3%;" a href="{$catalogs.customer}/home.php"><img
src="http://quiltron.net/images/quiltron-web-sales/quiltron-web-sales_logo_500.png"
alt="quiltron web sales logo"></a>
</p>
<p id="tab-box">
{include file="customer/tabs.tpl"}
</p>
</div>
</div>
<div class="line2">

<div class="transaction-box" >
<p id="transaction">
Your Purchase Will Appear on your Card Statement as a Charge <br /> from QUILTRON WEB
SALES
</p>
<p style= "position: left:10%; vertical-align: bottom;"> <form method="post"
action="search.php" name="productsearchform">
<input type="hidden" name="simple_search" value="Y" />
<input type="hidden" name="mode" value="search" />
<input type="hidden" name="posted_data[by_title]" value="Y" />
<input type="hidden" name="posted_data[by_descr]" value="Y" />
<input type="hidden" name="posted_data[by_sku]" value="Y" />
<input type="hidden" name="posted_data[search_in_subcategories]" value="Y" />
<input type="hidden" name="posted_data[including]" value="all" />
{strip}
<span class="search">{$lng.lbl_search}:</span>
<input type="text" name="posted_data[substring]" class="text"
value="{$search_prefilled.substring|escape}" />
{include file="customer/buttons/button.tpl" type="input" style="image"}
<a href="search.php" class="search">{$lng.lbl_advanced_search}</a>
{/strip}
</form>
</p>

</div>


I used the div line 1 / and the logo.tpl for the custom logo and the tabs.

To get the tabs to stop folding underneath the logo field I had to insert a "0" pixel element .

And to position the tabs I had to use in-line css, which I would prefer not to use, but it seems to work on all the browsers.

(I still can't locate the individual tabs so that I can replace the a href for "Home")

Also, as much as I try I can't position the "search" field farther left. The field must be inheriting the position from some other element, but I can't find it. I even tried in-line CSS, which should over-ride all other styling. (?)

I found the footer in: skin1/customer/home.tpl and it is modified with the insertion of the phones/tpl and the language.tpl.

{*
$Id: home.tpl,v 1.107 2009/05/26 13:23:24 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<?xml version="1.0" encoding="{$default_charset|default:"iso-8859-1"}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{config_load file="$skin_config"}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{include file="customer/service_head.tpl"}
</head>
<body{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}{if $container_classes}
class="{foreach from=$container_classes item=c}{$c} {/foreach}"{/if}>
<div id="page-container">
<div id="page-container2">
<div id="content-container">
<div id="content-container2">
<div id="center">
<div id="center-main">
{include file="customer/evaluation.tpl"}

{if $main neq "catalog" || $current_category.category neq ""}
{include file="customer/bread_crumbs.tpl"}
{/if}
{if $gcheckout_enabled && $main ne "cart" && $main ne "checkout" && $main ne
"anonymous_checkout" && $main ne "order_message"}
{include file="modules/Google_Checkout/gcheckout_top_button.tpl"}
{/if}
{include file="customer/dialog_message.tpl"}
{if $page_title}
<h1>{$page_title|escape}</h1>
{/if}
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}
{include file="customer/home_main.tpl"}

</div>
</div>
<div id="left-bar">
{if $categories && ($active_modules.Flyout_Menus ||
$config.General.root_categories eq "Y" || $subcategories)}
{include file="customer/categories.tpl" }
{/if}
{if $active_modules.Bestsellers}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Manufacturers ne "" and
$config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{if $active_modules.Survey && $menu_surveys}
{foreach from=$menu_surveys item=menu_survey}
{include file="modules/Survey/menu_survey.tpl"}
{/foreach}
{/if}
{include file="customer/help/menu.tpl"}
</div>
<div id="right-bar">
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}
{/if}
{if $active_modules.Feature_Comparison && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" }
{/if}
{include file="customer/menu_cart.tpl" }
{if $login eq "" }
{include file="customer/auth.tpl" }
{else}
{include file="customer/authbox.tpl" }
{/if}
{include file="customer/news.tpl" }
{if $active_modules.XAffiliate && $config.XAffiliate.partner_register eq 'Y' &&
$config.XAffiliate.display_backoffice_link eq 'Y'}
{include file="partner/menu_affiliate.tpl" }
{/if}
{if $active_modules.Interneka}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{include file="poweredby.tpl" }
</div>
</div>
</div>
<div class="clearing"> </div>
<div id="header">
{include file="customer/head.tpl"}

</div>
<div id="footer">
<p id="footer-phone" {include file="customer/phones.tpl"}>
</p>
<p id="footer-language" {include file="customer/language_selector.tpl"}>
</p>
{if $active_modules.Users_online}
{include file="modules/Users_online/menu_users_online.tpl"}
{/if}
{include file="customer/bottom.tpl"}
</div>
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}
{if $active_modules.Google_Analytics && $config.Google_Analytics.ganalytics_code}
{include file="modules/Google_Analytics/ga_code.tpl"}
{/if}
</div>
</div>
</body>
</html>

Neither will show up on the screen. All I get is a broken bracket on the left.

Thanks,

Dorian