# Stained Glass Custom Page Template
###########################
[-- DEFINE LINK_TO_PAGE --]
###########################
# Create the link *to* this page, which is used by other pages
# LinkGraphic, LinkText, and Link TextWrap are not used in this template
[-- IF PAGE.LinkName --]
  <nobr><b><a class="button" href="[-- OUTPUT_DIRECTORY_URL --]/[-- Page.FileName --]">[-- PAGE.LinkName --]</a></b></nobr>
[-- ELSE_IF PAGE.Name --]
  <nobr><b><a class="button" href="[-- OUTPUT_DIRECTORY_URL --]/[-- Page.FileName --]">[-- PAGE.Name --]</a></b></nobr>
[-- END_IF --]

[-- END_DEFINE LINK_TO_PAGE --]
###################
[-- DEFINE PAGE --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
###################
[-- VAR.AddButtonGraphic "sg_button_add.gif" --]
[-- VAR.MoreInfoTemplate "StainedGlass-MoreInfoPage" --]
[-- VAR.PageMargins "No" --]
[-- VAR.PageFilename PAGE.Filename --]
[-- VAR.PageName PAGE.Name --]
[-- VAR.PageWidth PAGE.PageWidth --]
[-- VAR.SearchProductField PAGE.SearchProductField --]
[-- VAR.Media "media/themesmedia" --]
#[-- VAR.Media "media" --]

### Colors ###
[-- VAR.BackgroundColor PAGE.BackgroundColor --]
[-- VAR.TextColor PAGE.TextColor --]
[-- VAR.LinkColor PAGE.LinkColor --]
[-- VAR.VisitedLinkColor PAGE.VisitedLinkColor --]
[-- VAR.ActiveLinkColor PAGE.ActiveLinkColor --]
[-- VAR.MiniCartColor "black" --]
[-- VAR.HoverColor Page.ActiveLinkColor --]

<html>
[-- INCLUDE Page-Head PROCESS --]
[-- INCLUDE StainedGlass.css PROCESS --]
[-- INCLUDE Head-Browser-Required.sst PROCESS --]
</head>

[-- INCLUDE Page-Body PROCESS --]

<!--********************-->
<!--*** Header Table ***-->
<!--********************-->
<!-- To get a background image mostly the same in all browsers, you  -->
<!-- have to use nested tables. The outside table has the background -->
<!-- image and the inner table sets its background image to null.    -->
<!-- These machinations are required by Netscape 4                   -->
[-- VAR.HeaderContent no --]

<table class="header" width="800" height="162"  border="0" margin="0" cellspacing="0" cellpadding="0" background="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_top.gif">
  <tr>
    <td valign="top">

      <!-- Inner table background must be set to null or nn4 will inherit from outer table -->
      <table class="inner" width="100%" align="center" background="" border="0">
[-- IF MiniCart --]
        <tr>
          <td width="135" rowspan="4">&nbsp;</td>
          <td height="1"></td>
          <td width="135" rowspan="4" valign="top" align="left">
          <script type="text/javascript" language="JavaScript">
            DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Subtotal");
          </script>
          [-- IF WishList --][-- WishListLink --][-- END_IF --]
          [-- IF TWITTER_FOLLOW --][-- TWITTER_FOLLOW --][-- END_IF --]
          [-- IF FACEBOOK_FOLLOW --][-- FACEBOOK_FOLLOW --][-- END_IF --]
          </td>
        </tr>
[-- ELSE --]
        <tr>
          <td width="135" rowspan="4">&nbsp;</td>
          <td height="1"></td>
          <td width="135" rowspan="4" valign="top" align="left">
          [-- IF WishList --][-- WishListLink --][-- END_IF --]
          [-- IF TWITTER_FOLLOW --][-- TWITTER_FOLLOW --][-- END_IF --]
          [-- IF FACEBOOK_FOLLOW --][-- FACEBOOK_FOLLOW --][-- END_IF --]
          </td>
        </tr>
[-- END_IF --]
        <!-- PAGE HEADER -->
    <tr>
      <td align="center">
[-- IF STORE.UseCompanyLogo --]<a href="[-- STORE.CompanyURL --]">[-- STORE.CompanyLogo --]</a>[-- END_IF --]
[-- IF STORE.HeaderImage --][-- IF STORE.HeaderURL --]<a href="[-- STORE.HeaderURL --]" id="header_image">[-- STORE.HeaderImage --]</a>[-- ELSE --]<span id="header_image">[-- STORE.HeaderImage --]</span>[-- END_IF --][-- END_IF --]
[-- IF PAGE.DisplayPageHeader --]
    [-- VAR.HeaderContent yes --]
<div class="header">[-- HEADER --]</div>
[-- ELSE --]
<div class="header">&nbsp;</div>
[-- END_IF --]</td>
    </tr>

[-- IF PAGE.DisplayGraphic --]
  [-- IF PAGE.Graphic  --]
    [-- VAR.PageGraphic PAGE.Graphic --]
    <tr>
      <td align="center"><div class="header">[-- PAGE.Graphic --]</div></td>
    </tr>
  [-- END_IF --]
[-- END_IF --]

# Page Name
[-- IF PAGE.DisplayName --]
  [-- VAR.HeaderContent yes --]
  <tr>
    <td align="center">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td valign="middle"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_left.gif" height="50" width="35"></td>
          <td height="50" background="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_middle.gif" valign="top" align="center"><nobr><h1>[-- PAGE.Name --]</h1></nobr></td>
          <td valign="middle"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_right.gif" height="50" width="35"></td>
        </tr>
      </table>
    </td>
  </tr>
[-- END_IF --]

#close nested header tables
      </table>
    </td>
  </tr>
</table>


#This layout uses a two-column table, with the links to other pages
#in the first column and the products in the second column

<!--******************-->
<!-- Begin Main Table -->
<!--******************-->
<table class="middle" width="800" border="0" margin="0" cellspacing="0" cellpadding="3" background="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_middle.gif">
  <tr>
    <td valign="top">

[-- IF PageMenu --][-- PageMenu --]<br>[-- END_IF --]

      <!-- have to set background to null or nn4 will inherit from outer table -->
      <table class="inner" width="[-- PAGE.PageWidth --]" align="center" background="" border="0">
        <tr>
          <td width="10px">&nbsp;</td> <!-- spacer -->
          <td valign="top" width="130" align="center"> 

            <!--**********************-->
            <!-- Begin Table of Links -->
            <!--**********************-->
            <table>
              [-- LOOP LINKS --]
              <tr>
                <td class="button">[-- LINK sg_page_template --]</td>
              </tr>
              [-- END_LOOP LINKS --]

#<!-- Gift Certificate Link -->
              [-- IF GiftCert --]
              <tr>
                <td class="button">[-- GiftCertLink --]</td>
              </tr>
              [-- END_IF --]

#<!-- Tell A Friend Link -->
              [-- IF TELLAFRIEND --]
              <tr>
                <td class="button">[-- TELLAFRIEND VAR.PageName --]</td>
              </tr>
              [-- END_IF --]

#        [-- IF MiniCart --]
#<!--
#          <tr>
#            <td height="50" valign="bottom" align="center">
#              <script type="text/javascript" language="JavaScript">
#              DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Summary");
#              </script>
#            </td>
#          </tr>
#-->
#        [-- ELSE --]
              <tr>
                <td height="50" valign="bottom" align="center">
          [-- IF ANALYTICS_MULTI_DOMAIN --]
                <script type="text/javascript" language="JavaScript">
                  document.write('<a href="javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_view.gif" border="0"><\/a>');
                </script>
                <noscript>
                  <a href="[-- SHOPPING_CART_URL --]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_view.gif" border="0"></a>
                </noscript>
          [-- ELSE --]
                <a href="[-- SHOPPING_CART_URL --]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_view.gif" border="0"></a>
          [-- END_IF --]
                </td>
              </tr>
#        [-- END_IF --]

            </table>
            <!-- End Table of Links -->
[-- IF STORE.Image1 --]<div id="image1">[-- IF STORE.Image1URL --]<a href="[-- STORE.Image1URL --]">[-- STORE.Image1 --]</a>[-- ELSE --][-- STORE.Image1 --][-- END_IF --]</div>[-- END_IF --]

[-- IF STORE.TextA --]<div id="texta">[-- STORE.TextA --]</div>[-- END_IF --]

[-- IF STORE.Image2 --]<div id="image2">[-- IF STORE.Image2URL --]<a href="[-- STORE.Image2URL --]">[-- STORE.Image2 --]</a>[-- ELSE --][-- STORE.Image2 --][-- END_IF --]</div>[-- END_IF --]

[-- IF STORE.TextB --]<div id="textb">[-- STORE.TextB --]</div>[-- END_IF --]

          </td> <!-- End cell for links -->

          <!-- Start cell for text fields, products, and search box -->
          <td valign="top"> 
[-- IF PAGE.Text1 --]
            <table> <!-- Text1 in its own table so it is not affected by product layout -->
              <tr>
                <td>[-- PAGE.Text1 --]</td>
              </tr>
            </table>
[-- END_IF --]

[-- INCLUDE Page-Layout PROCESS --]

[-- IF PAGE.NumProducts 0 --]
# If no products, skip this section
[-- ELSE --]
<!--*************************-->
<!-- Begin Table of Products -->
<!--*************************-->
<table cellpadding="3" border="[-- VAR.border --]">
  <!-- The LOOP PRODUCTS tag converts to a TR tag -->
  <!-- so there's no need to put one in the template -->
  [-- LOOP PRODUCTS PAGE.Columns --]
    <td valign="top" align="[-- VAR.align --]">&nbsp;<br>[-- PRODUCT --]</td>
  <!-- The END_LOOP tag converts to a /TR tag -->
  [-- END_LOOP PRODUCTS --]
</table>
<!-- End Table of Products -->
[-- END_IF --]

</td> <!-- End cell of products -->
<td width="10px">&nbsp;</td> <!-- spacer -->
</tr>

[-- IF PAGE.SearchProductField --]
  <tr>
    <td width="10px">&nbsp;</td> <!-- spacer -->
    <td align="center" colspan="2" height="36" valign="bottom">
[-- IF ANALYTICS_MULTI_DOMAIN --]
      <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get" onSubmit="javascript:__utmLinkPost(this)">
[-- ELSE --]
      <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get">
[-- END_IF --]
      <input type="text" name="search_field" size="40">
      <input type="hidden" name="storeid" value="[-- STORE.ID --]">
      <input type="image" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_search.gif" width="120" height="25" border="0" align="absbottom">
      </form>
    </td>
    <td width="10px">&nbsp;</td> <!-- spacer -->
  </tr>
[-- END_IF --]

[-- IF PAGE.Text2 --]
  <tr>
    <td width="10px">&nbsp;</td> <!-- spacer -->
    <td align="center" colspan="2">
      <table>
        <tr>
          <td>[-- PAGE.Text2 --]</td>
        </tr>
      </table>
    </td>
    <td width="10px">&nbsp;</td> <!-- spacer -->
  </tr>
[-- END_IF --]

[-- IF PAGE.ProductsPerPage "0" --]
# do nothing
[-- ELSE --]
  <tr>
    <td width="10px">&nbsp;</td> <!-- spacer -->
    <td align="center" colspan="2">
      <table>
        <tr>
          <td>[-- PrevNext --]</td>
        </tr>
      </table>
    </td>
    <td width="10px">&nbsp;</td> <!-- spacer -->
  </tr>
[-- END_IF --]

  <tr>
    <td width="10px">&nbsp;</td>
    <td align="center" colspan="2">
[-- IF TWITTER_SHARE --][-- TWITTER_SHARE --][-- END_IF --]
[-- IF FACEBOOK_SHARE --][-- FACEBOOK_SHARE --][-- END_IF --]
    </td>
    <td width="10px">&nbsp;</td>
  </tr>
[-- IF Page.GlobalCrossSell --]
  <tr>
    <td width="10px">&nbsp;</td> <!-- spacer -->
    <td align="center" colspan="2">
  	      <table class="gcs_table">
	          <tr><td colspan="3" id="gcs_page">[-- STORE.GlobalCrossSellHeader --]</td></tr>
	            [-- LOOP GLOBAL_Cross_Sell 3 --]
	            <td class="gcs_table_content">[-- GLOBAL_CROSS_SELL --]</td>
 	           [-- END_LOOP Global_Cross_Sell --]
  	      </table>
    </td>
    <td width="10px">&nbsp;</td> <!-- spacer -->
  </tr>
[-- END_IF --]

      </table>  <!-- Close table that sets width -->
    </td>
  </tr>
</table> <!-- Close Main Table -->

<!--********************-->
<!-- Begin Footer Table -->
<!--********************-->
<table class="footer" width="800" height="160"  border="0" margin="0" cellspacing="0" cellpadding="0" background="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_bottom.gif">
  <tr>
    <td valign="top">

      <!-- have to set background to null or nn4 will inherit from outer table -->
      <table class="inner" width="100%" align="center" background="" border="0">

[-- IF ShopSiteSecurityImage --]
        <tr>
          <td align="center">
            <div class="footer">[-- ShopSiteSecurityImage --]</div>
          </td>
        </tr>
[-- END_IF --]

[-- IF PAGE.DisplayPageFooter --]
        <tr>
          <td align="center">
            <div class="footer">[-- FOOTER --]</div>
          </td>
        </tr>
[-- ELSE --]
        <tr>
          <td align="center">&nbsp;</td>
        </tr>
[-- END_IF --]

[-- IF PAGE.Text3 --]
        <tr>
          <td align="center">
            <div class="footer">[-- PAGE.Text3 --]</div>
          </td>
        </tr>
[-- END_IF --]
      </table>
    </td>
  </tr>
</table>

</body>
</html>
[-- END_DEFINE PAGE --]