I bought a Template Monster template which i'm quite happy with, and have needed to change here and there. The basic design is great, but I need to play about a bit, and i'm really bad at CSS.

I know it's not a massive job, but i'm looking for a bit of help to fix the stylesheet with a couple of little tweaks to make it right.

The original site is at onlinespachemicals.co.uk

and I want it to look like this www.liquidpictures.co.uk/spa_chem_css.jpg

If you have 5 minutes to spare, i'd be really gratefull for any help. I have pasted the tpl_header.php file below, but please let me know if you need any more.

Thanks in advance, I think you're ace...

Kristian

Code:
<?php

/**

 * Common Template - tpl_header.php

 *

 * this file can be copied to /templates/your_template_dir/pagename<br />

 * example: to override the privacy page<br />

 * make a directory /templates/my_template/privacy<br />

 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />

 * to override the global settings and turn off the footer un-comment the following line:<br />

 * <br />

 * $flag_disable_header = true;<br />

 *

 * @package templateSystem

 * @copyright Copyright 2003-2006 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

 * @version $Id: tpl_header.php 3192 2006-03-15 22:37:24Z wilt $

 */

// Display all header alerts via messageStack:

if ($messageStack->size('header') > 0) {

  echo $messageStack->output('header');

}

?>



<?php

if (!isset($flag_disable_header) || $flag_disable_header == false) {



#MUMUMUMU

if (0){

?>
<style type="text/css">
<!--
.style1 {color: #FFFF00}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style>


<div class="top">

			<div class="main_div">

				<div class="table">

					<div class="table_row">

					  <div class="right" align=right>

							<div class="sub_topmenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="<?=zen_href_link(FILENAME_PRIVACY)?>">Privacy</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="<?=zen_href_link(FILENAME_SHIPPING)?>">Shipping info </a></div>

							<div class="table2">

								<div class="table_row2">

									<div class="left2">

										<div class="sub_langs"><!-- Languages -->



<?

  if (!isset($lng) || (isset($lng) && !is_object($lng))) {

    $lng = new language;

  }



  reset($lng->catalog_languages);



  while (list($key, $value) = each($lng->catalog_languages)) {

    echo '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . zen_image(DIR_WS_LANGUAGES.$value['directory'].'/images/'.$value['image'], $value['name'], '', '', 'style="margin:0px 7px 0px 0px;vertical-align:middle;"') . '</a>';

  }

?>



<!-- End Languages --></div>

									</div>

									<div class="cent2">

										<div class="sub_topselect"><?=zen_image(DIR_WS_TEMPLATE.'images/hr1.jpg','','','',' align="middle"')?><!-- Currencies -->



<?=zen_draw_form('currencies', zen_href_link(basename(ereg_replace('.php','', $PHP_SELF)), '', $request_type, false), 'get')?>



<?



    if (isset($currencies) && is_object($currencies)) {



      reset($currencies->currencies);

      $currencies_array = array();

      while (list($key, $value) = each($currencies->currencies)) {

        $currencies_array[] = array('id' => $key, 'text' => $value['title']);

      }



      $hidden_get_variables = '';

      reset($_GET);

      while (list($key, $value) = each($_GET)) {

        if ( ($key != 'currency') && ($key != zen_session_name()) && ($key != 'x') && ($key != 'y') ) {

          $hidden_get_variables .= zen_draw_hidden_field($key, $value);

        }

      }

    }



?>



        <?=zen_draw_pull_down_menu('currency', $currencies_array, $_SESSION['currency'], 'class="select" onchange="this.form.submit();"') . $hidden_get_variables . zen_hide_session_id()?>

</form>

<!-- End Currencies --></div>

									</div>

									<div class="right2">

										<div class="sub_topinput"><?=zen_image(DIR_WS_TEMPLATE.'images/hr1.jpg','','','',' align="top"')?>



                                        </div>

									</div>

								</div>

							</div>

					  </div>

					</div>

				</div>

			</div>

</div>

		<div class="black_line">&nbsp;</div>

     <div class="menu">

      <div class="sub_menu"><a href="<?=zen_href_link(FILENAME_DEFAULT)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/home.jpg')?></a><a href="<?=zen_href_link(FILENAME_SPECIALS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/specials.jpg')?></a><a href="<?=zen_href_link(FILENAME_PRODUCTS_NEW)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/new_prod.jpg')?></a><a href="index.php?main_page=products_all"><?=zen_image(DIR_WS_TEMPLATE.'images/all_prod.jpg')?></a><a href="<?=zen_href_link(FILENAME_REVIEWS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/reviews.jpg')?></a><a href="<?=zen_href_link(FILENAME_CONTACT_US)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/contact.jpg')?></a><a href="<?=zen_href_link(FILENAME_GV_FAQ)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/faq.jpg')?></a>

<?php if (isset($_SESSION['customer_id'])) { ?>

              <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?=zen_image(DIR_WS_TEMPLATE.'images/log_off.jpg')?></a>

<?php

      } else {

        if (STORE_STATUS == '0') {

?>

              <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?=zen_image(DIR_WS_TEMPLATE.'images/log_in.jpg')?></a>

<?php } } ?></div>

     </div>

     <div class="header">

			<div class="main_div">

				<div class="table">

					<div class="table_row">

						<div class="left" style="width:200px;">

							<div class="m1">

								<div class="head1"><div class="normal">information</div></div>

								<div class="top_ul"><div class="normal">

									<ul>

									<?php

									if (DEFINE_SHIPPINGINFO_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>';

  }

  if (DEFINE_PRIVACY_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>';

  }

  if (DEFINE_CONDITIONS_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>';

  }

  // only show GV FAQ when installed

  if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_GV_FAQ) . '">' . BOX_INFORMATION_GV . '</a></li>';

  }

  if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>';

  }

									$content='';

									for ($i=0; $i<sizeof($information); $i++) {

    $content .= preg_replace('/^([^>]+>)/i', '$1', $information[$i]) . "\n";

  }echo $content;?>



									</ul>

								</div></div>

							</div>

						</div>

						<div class="right"><div class="sub_ban"><a href="<?=zen_href_link(FILENAME_DEFAULT.'&cPath=6')?>"><?=zen_image(DIR_WS_TEMPLATE.'images/top_ban.jpg')?></a></div></div>

					</div>

				</div>

			</div>

</div><?php }

#MYMUMUMUMUM END

     ?>

		<div class="table2">

			<div class="table_row2">

					<div class="left2"></div>

					<div class="right2">

						<div style="background:#015A6C; height:20px; vertical-align:middle; padding-top:5px; color:#FFFFFF;"><span class="style2">&nbsp;Online Spa Chemicals  is the online division of John Preston Pool and Spa Services - <a href="http://www.johnpreston.info" class="style1">Click here for Spa site</a></span> </div>

<div class="table3">

							<div class="table_row3">

								<div class="left3">
								  <div class="sub_topmenu">

										<div class="small">										<form action="index.php?main_page=advanced_search_result&search_in_description=1" method="get" name="quick_srch"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 1px 5px 5px"')?><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 5px 5px 5px"')?><a href="<?=zen_href_link(FILENAME_PRIVACY)?>">Privacy</a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 5px 5px 5px"')?><a href="<?=zen_href_link(FILENAME_SHIPPING)?>">Shipping info</a>
										
<?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 2px 0px 5px"')?><a href="<?=zen_href_link(logoff)?>">Log Off</a>										
										
										<?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 15px 0px 9px"')?>

  <input name="main_page" type="hidden" id="main_page" value="advanced_search_result" />

  <input name="search_in_description" type="hidden" id="search_in_description" value="1" />

							

							<input type="text" name="keyword" class="input" />

							<input type="submit" name="Submit" value="Submit" />

</form>										</div>

								  </div>

							  </div>

							</div>

						</div>

						<div class="table4">

						
								<div class="left4">

									<div class="sub_ban1"></div>

								

								

									<div class="sub_ban2"><br style="line-height:1px"/>

										

										<div class="normal" align="left">

											<ul>

		

											</ul>

										

									</div>

								</div>

							</div>

						</div>

					</div>

		  </div>

			</div>

			<div class="menu">

				<div class="sub_menu"><a href="<?=zen_href_link(FILENAME_DEFAULT)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m1.jpg')?></a><a href="<?=zen_href_link(FILENAME_SPECIALS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m2.jpg')?></a><a href="<?=zen_href_link(FILENAME_PRODUCTS_NEW)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m3.jpg')?></a><a href="index.php?main_page=products_all"><?=zen_image(DIR_WS_TEMPLATE.'images/m4.jpg')?></a><a href="<?=zen_href_link(FILENAME_REVIEWS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m5.jpg')?></a><a href="<?=zen_href_link(FILENAME_CONTACT_US)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m6.jpg')?></a><a href="<?=zen_href_link(FILENAME_GV_FAQ)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m7.jpg')?></a></div>

			</div>





<?php

  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {

?>

        <table border="0" width="100&#37;" cellspacing="0" cellpadding="2">

          <tr class="headerError">

            <td class="headerError"><?php echo htmlspecialchars(urldecode($_GET['error_message'])); ?></td>

          </tr>

        </table>

<?php

  }

  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {

?>

        <table border="0" width="100%" cellspacing="0" cellpadding="2">

          <tr class="headerInfo">

            <td class="headerInfo"><?php echo htmlspecialchars($_GET['info_message']); ?></td>

          </tr>

        </table>

<?php

  }

?>

<?php

}

?>

<!--bof-optional categories tabs navigation display-->

<?php

if (CATEGORIES_TABS_STATUS == '1') {

  require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php');

}

?>

<!--eof-optional categories tabs navigation display-->



<!--bof-header ezpage links-->

<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>

<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>

<?php } ?>

<!--eof-header ezpage links-->