From 43dabbd61da8bf91bb1e5f9c35889615eb27716f Mon Sep 17 00:00:00 2001
From: Daniel Tiefnig <dtiefnig@sipwise.com>
Date: Sun, 13 Apr 2008 16:49:44 +0000
Subject: [PATCH] fixed position of JS hardwareinfo popups

---
 root/css/sipwise.css     |  9 +++++++++
 root/tt/shop/hardware.tt | 38 +++++++++++++++++++++-----------------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/root/css/sipwise.css b/root/css/sipwise.css
index 5e5e0e8..2654069 100644
--- a/root/css/sipwise.css
+++ b/root/css/sipwise.css
@@ -706,3 +706,12 @@
    margin-left: 5px;
 }
 
+/* display hardware info layer */
+.prodinfo_shop {
+   position: relative !important;
+   top: -360px !important;
+   left: 100px !important;
+   margin-bottom: -312px;
+   margin-right: -611px;
+}
+
diff --git a/root/tt/shop/hardware.tt b/root/tt/shop/hardware.tt
index d5979f0..6cb6997 100644
--- a/root/tt/shop/hardware.tt
+++ b/root/tt/shop/hardware.tt
@@ -106,8 +106,9 @@
                 </p>
               </li>
             </ul>
+            <br clear="all" />
 
-            <div id="pi_pap2" class="prodinfo">
+            <div id="pi_pap2" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_pap2','hide');">Fenster schließen</a>
@@ -124,7 +125,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa90004" class="prodinfo">
+            <div id="pi_spa90004" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa90004','hide');">Fenster schließen</a>
@@ -141,7 +142,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa900016" class="prodinfo">
+            <div id="pi_spa900016" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa900016','hide');">Fenster schließen</a>
@@ -158,7 +159,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa9000upgrade" class="prodinfo">
+            <div id="pi_spa9000upgrade" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa9000upgrade','hide');">Fenster schließen</a>
@@ -264,8 +265,9 @@
                 </p>
               </li>
             </ul>
+            <br clear="all" />
 
-            <div id="pi_spa921" class="prodinfo">
+            <div id="pi_spa921" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa921','hide');">Fenster schließen</a>
@@ -282,7 +284,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa922" class="prodinfo">
+            <div id="pi_spa922" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa922','hide');">Fenster schließen</a>
@@ -299,7 +301,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa941" class="prodinfo">
+            <div id="pi_spa941" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa941','hide');">Fenster schließen</a>
@@ -316,7 +318,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_spa942" class="prodinfo">
+            <div id="pi_spa942" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_spa942','hide');">Fenster schließen</a>
@@ -422,8 +424,9 @@
                 </p>
               </li>
             </ul>
+            <br clear="all" />
 
-            <div id="pi_poes5" class="prodinfo">
+            <div id="pi_poes5" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_poes5','hide');">Fenster schließen</a>
@@ -440,13 +443,13 @@
                 </p>
               </div>
             </div>
-            <div id="pi_wbp54g" class="prodinfo">
+            <div id="pi_wbp54g" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_wbp54g','hide');">Fenster schließen</a>
               </div>
               <div class="frame">
-                <h2></h2>
+                <h2>WBP54G</h2>
                 <h4>Wann sollte ich die Wireless-G Bridge wählen?</h4>
                 <ul class="vorteile">
                   <li>Hier steht ein kurzer Text, der erklärt, wann diese Produkt die richtige Wahl ist</li>
@@ -457,7 +460,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_pa100" class="prodinfo">
+            <div id="pi_pa100" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_pa100','hide');">Fenster schließen</a>
@@ -474,7 +477,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_mb100" class="prodinfo">
+            <div id="pi_mb100" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_mb100','hide');">Fenster schließen</a>
@@ -580,8 +583,9 @@
                 </p>
               </li>
             </ul>
+            <br clear="all" />
 
-            <div id="pi_sd208" class="prodinfo">
+            <div id="pi_sd208" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_sd208','hide');">Fenster schließen</a>
@@ -598,7 +602,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_sr224" class="prodinfo">
+            <div id="pi_sr224" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_sr224','hide');">Fenster schließen</a>
@@ -615,7 +619,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_srw208p" class="prodinfo">
+            <div id="pi_srw208p" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_srw208p','hide');">Fenster schließen</a>
@@ -632,7 +636,7 @@
                 </p>
               </div>
             </div>
-            <div id="pi_srw224p" class="prodinfo">
+            <div id="pi_srw224p" class="prodinfo prodinfo_shop">
               <img src="/grafik/prodinfo.gif" width="611" height="312" alt="" />
               <div class="close">
                 <a href="javascript:showhide('pi_srw224p','hide');">Fenster schließen</a>