<html>
<head>
   <TITLE>Deluxe Tuner Templates. Copyright (c) 2006, by Deluxe-Menu.com</TITLE>
   <LINK href="../../styles.css" type=text/css rel=stylesheet>
   <style>
       td.out {font: normal 11px Trebuchet MS, Tahoma, Arial; color: #000000; text-align: center;
                border: solid 1px #AFAFAF; background-color: #EFEFEF; display: inline;
                padding: 3px 7px 3px 7px; cursor: pointer; height: 23px;}

       td.over{font: normal 11px Trebuchet MS, Tahoma, Arial; color: #584007; text-align: center;
                border: solid 1px #AFAFAF; border-bottom: solid 1px #F9E6B9; background-color: #F9E6B9; display: inline;
                padding: 3px 7px 3px 7px; cursor: pointer; height: 23px;}

       td {border-bottom: solid 1px #AFAFAF;}
                      
       td.sep  {font: normal 2px Arial; width: 5px;
                           border-bottom: solid 1px #AFAFAF;}

       td.sep3 {font: normal 2px Arial; width: 100%;
                           border-bottom: solid 1px #AFAFAF;}
   </style>

   <script type="text/javascript">
     var curTabID = 'tab0';
   
     function openPage(divObj, pname)
     {
       document.getElementById(curTabID).className = 'out';
       divObj.className = 'over';
       curTabID = divObj.id;

       parent.frames[1].document.location = pname;
     }
     
     function tabOver(divObj, state)
     {
       if (curTabID != divObj.id)
         divObj.className = state ? 'over' : 'out';
     }
     
   </script>
</head>

<body style="margin: 0px; background-color: #FFFFFF; background-image: none; padding: 10px;">

 <table cellpadding=0 cellspacing=0 border=0 class="main" width="100%">
   <td class="mainText">&nbsp;&nbsp;Styles:&nbsp;&nbsp;</td>

   <td id="tab0" class="over" onclick="openPage(this, 'windows-styles.html')" onmouseover="tabOver(this, 1)" onmouseout="tabOver(this, 0)">Windows</td>
   <td class="sep" NOWRAP>&nbsp;</td>

   <td id="tab1" class="out"  onclick="openPage(this, 'vista-styles.html')"   onmouseover="tabOver(this, 1)" onmouseout="tabOver(this, 0)">Vista</td>
   <td class="sep" NOWRAP>&nbsp;</td>

   <td id="tab2" class="out"  onclick="openPage(this, 'samples.html')"   onmouseover="tabOver(this, 1)" onmouseout="tabOver(this, 0)">Samples</td>
   <td class="sep" NOWRAP>&nbsp;</td>

   <td id="tab3" class="out"  onclick="openPage(this, 'clear-styles.html')"   onmouseover="tabOver(this, 1)" onmouseout="tabOver(this, 0)">Clear</td>
   <td class="sep" NOWRAP>&nbsp;</td>

   <td width="100%" class="sep3">&nbsp;</td>
 </table>

</body>
</html>
