Subversion Repositories SmartDukaan

Rev

Rev 507 | Rev 650 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">
<title>Shop2020</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style_2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/front.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/tipsy.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/demoStyles.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jScrollPane.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" media="all" />

<!--<link href="css/myaccount.css" rel="stylesheet" type="text/css" media="all" />-->

<!-- Cross Browser Compatibility Check -->
        <link href="css/gc_safari.css" rel="stylesheet" type="text/css" media="all" />
    
        <!--[if IE 8]>
                <link href="css/ie8.css" rel="stylesheet" type="text/css" media="all" />
        <![endif]-->

        <!--[if IE 7]>
                <link href="css/ie7.css" rel="stylesheet" type="text/css" media="all" />
        <![endif]-->
<!-- /Cross Browser Compatibility Check -->

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/all.js" type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/loginpop.js" type="text/javascript"></script>

<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/jScrollPane.js" type="text/javascript"></script>
<script src="js/widget_research.js" type="text/javascript"></script>
<script src="js/widget_accordion.js" type="text/javascript"></script>
<script src="js/widget_cart.js" type="text/javascript"></script>



<script src="js/jquery.number_format.js" type="text/javascript"></script>
<script src="js/notification.js" type="text/javascript"></script>
        
<script src="js/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
<script src="js/priceSlider.js" type="text/javascript"></script>

<script src="js/jquery.pagination.js" type="text/javascript"></script>
<script src="js/productCategory.js" type="text/javascript"></script>

<script type="text/javascript" src="js/charLimit.js"></script>

<script type="text/javascript">
        $(function() {
                $('#forgot_username_link').tipsy({gravity: 'w'});
        });

        function changeSignInClass(){
                if(document.getElementById("signinClass").className.indexOf("signin1")> -1){
                  document.getElementById("signinClass").className='signin';
                }else{
                  document.getElementById("signinClass").className='signin1';
                }
        }
</script>

</head>
<body>

    <noscript>
           <p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
    </noscript>
   
    <!-- header -->
    <div id="header">
      <div class="content">
        <div id="logo"> <a href="index.html"><img src="images/logo.gif" width="206" height="49" alt="Shop 2020" title="Shop 2020" /></a> </div>
        <div id="headerRight">
          <div id="login_span"> <a href="http://www.facebook.com" target="_blank" class="facebook">Subscribe</a> | <a href="#">My Account</a> | <a href="javascript:showNotification();">Notifications</a> | <a href="../logout">Sign Out</span></a> </div>
          
          <!-- welcome -->
          <div id="welcome_msg">Hi, Tanuj Shah</div>
          <!-- /welcome -->
          <div class="clearBoth"></div>
          
          <!-- Login popup start -->
          <FIELDSET id="signin_menu" style="display: none; ">
          <FORM method="post" id="signin" action="#">
            <LABEL for="username">Username</LABEL>
            <INPUT id="username" name="username" value="" title="username" tabindex="4" type="text">
            <P></P>
            <P>
              <LABEL for="password">Password</LABEL>
              <INPUT id="password" name="password" value="" title="password" tabindex="5" type="password">
            </P>
            <P class="remember">
              <INPUT id="signin_submit" value="Sign in" tabindex="6" type="button">
              <INPUT id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
              <LABEL for="remember">Remember me</LABEL>
            </P>
            <P class="forgot"> <A href="#" id="resend_password_link">Forgot your password?</A> </P>
            <P class="forgot-username"> <A id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Forgot your username? </A> </P>
          </FORM>
          </FIELDSET>
          <!-- Login popup end -->
          
          <!-- notification -->
          <div id="notification" style="display:none;">
                <div class="top">&nbsp;</div>
            
            <div class="middle">
                <div class="colLeft">
                
                        <!-- notfication 1 -->
                    <div class="notificationContent">
                        <div class="notificationMatter">1 Your Nokia N-96 has been shipped to you on 10/04/10. You should receive the shipment by 12/04/10</div>
                        <div class="link"><a href="#">Track Your Shipment</a></div>
                        <div class="borderBottom">&nbsp;</div>
                    </div>                    
                    <!-- /notfication 1 -->
                    
                    <!-- notfication 2 -->
                    <div class="notificationContent">
                        <div class="notificationMatter">2 Your Nokia N-96 has been shipped to you on 10/04/10. You should receive the shipment by 12/04/10</div>
                        <div class="link"><a href="#">Track Your Shipment</a></div>
                        <div class="borderBottom">&nbsp;</div>
                    </div>    
                    <!-- /notfication 2 -->
                    
                    <!-- notfication 3 -->
                    <div class="notificationContent">
                        <div class="notificationMatter">3 Your Nokia N-96 has been shipped to you on 10/04/10. You should receive the shipment by 12/04/10</div>
                        <div class="link"><a href="#">Track Your Shipment</a></div>
                        <div class="borderBottom">&nbsp;</div>
                    </div>    
                    <!-- /notfication 3 -->
                    
                    <!-- notfication 4 -->
                    <div class="notificationContent">
                        <div class="notificationMatter">4 Your Nokia N-96 has been shipped to you on 10/04/10. You should receive the shipment by 12/04/10</div>
                        <div class="link"><a href="#">Track Your Shipment</a></div>
                        <div class="borderBottom">&nbsp;</div>
                    </div>    
                    <!-- /notfication 4 -->
                </div>
                
                <a href="javascript: void(0);" id="notificationClose"><img src="images/notification-close.gif" width="18" height="18" alt="" /></a>
                <div class="clearBoth"></div>
            </div>
            
            <div class="bottom">&nbsp;</div>
          </div>
          <!-- /notification -->

        </div>
        <div class="clearBoth"></div>
      </div>
    </div>
    <!-- header -->

    <!-- main -->
    <div id="main">
    
      <!-- menu -->
      <div id="menu">
        <ul id="nav">
          <li><a href="index.html">HOME</a> </li>
          <li><a href="#" class="menuArrow">PHONE CATEGORIES</a></li>
          <li><a href="#" class="menuArrow">PHONE ACCESSORIES</a></li>
          <li><a href="#">SHOP BY BRANDS</a></li>
          <li><a href="#">BEST DEALS</a></li>
          <li><a href="#">FAQs</a></li>
        </ul>
        <div class="clearBoth"></div>
      </div>
      <!-- /menu -->
      
      <!-- search & cart -->
      <div id="searchCartArea">
        <div class="left">
          <div class="right">
            <div class="center">
            
              <!-- search -->
              <div id="search">
                <form id="frmSearch" name="frmSearch" method="post" action="">
                  <input type="text" id="" name="txtContent" class="textbox" />
                  <select class="dropdown" id="cat" name="cat">
                    <option value="0">All Categories</option>
                    <option value="1">Business Phones</option>
                    <option value="2">High-end Multimedia Phones</option>
                    <option value="3">Low-end Multimedia Phones</option>
                  </select>
                  <div class="bigImgButton">
                    <div class="left">
                      <div class="right">
                        <div class="center">
                          <input type="submit" name="btnSearch"  id="" value="Search" class="button" />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="clearBoth"></div>
                </form>
              </div>
              <!-- /search -->
              
              <!-- cartValue -->
              <div id="cartValue">
                <div class="bigImgButton">
                  <div class="left">
                    <div class="right">
                      <div class="center"> <img src="images/cart.jpg" width="22" height="28" alt="" />
                        <div class="caption"><a href="#">Cart (<span id="cartItemCount">0</span>)</a></div>
                        <div class="clearBoth"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- /cartValue -->
              <div class="clearBoth"></div>
              
            </div>
          </div>
        </div>
      </div>
      <!-- /search & cart -->
      
      <!-- wrapper-->
      <div id="wrapper">
        
        <!-- Product detail -->
        <div id="productDetail">
          
          <div class="top">
            <div class="left">
              <div class="right"> &nbsp; </div>
            </div>
          </div>
          
          <div class="middle">
            <div class="content">
            
                <div class="blockLeft">
                
                  <!-- breadcrumb -->
                  <div id="breadcrumb"><a href="#">Home</a>&nbsp;&gt; <a href="#" class="deselect">Business Phones</a></div>
                  <!-- /breadcrumb -->                  
                  <h1 id="productHeading2">Business Phones</h1>
                  
                </div>
              <div class="clearBoth"></div>
              
            </div>
          </div>
          
          <div class="bottom">
            <div class="left">
              <div class="right"> &nbsp; </div>
            </div>
          </div>
          
        </div>
        <!-- /Product detail -->
                
        <!-- banner -->
        <div id="productBanner">
            <a href="#"><img src="images/product-banner.jpg" width="736" alt="" /></a>
        </div>
        <!-- /banner -->
        
        <!-- tab buttons -->      
        <div id="tabButton">
            
            <div class="tabButton1" id="catTab1">
                <a href="javascript: void(0);" onclick="showBrowse();"><span><span>browse</span></span></a>
            </div>
            
            <div class="spacing2">&nbsp;</div>
            
            <div class="tabButton2" id="catTab2">
                <a href="javascript: void(0);" onclick="showBestSellers();"><span><span>best sellers</span></span></a>
            </div>
            
            <div class="spacing">&nbsp;</div>
            
            <div class="tabButton2" id="catTab3">
                <a href="javascript: void(0);" onclick="showLatestArrivals();"><span><span>latest arrivals</span></span></a>
            </div>
            
            <div class="spacing">&nbsp;</div>
            
            <div class="tabButton2" id="catTab4">
                <a href="javascript: void(0);" onclick="showBestDeals();"><span><span>best deals</span></span></a>
            </div>
            <div class="clearBoth"></div>
            
        </div>
        <!-- /tab buttons -->
        
        <!-- my account -->
        <div id="productCat">
            <div class="top">
                <div class="left">&nbsp;</div>
                <div class="right">&nbsp;</div>
                <div class="clearBoth"></div>
            </div>
            
            <div class="middle">
                <div class="content">
                    
                    <!-- multifaceted search -->
                    <div id="multifacetedSearch">
                      
                        <h2 style="display:none;">Current filters:</h2>
                      
                        <!-- currentFilters -->
                        <div id="currentFilters" style="display:none;">
                        
                            <!-- talk time -->
                            <div id="filterTalkTime">
                                <span class="sectionHeader">Talk Time:</span>
                                <span class="filterContent">
                                    <span class="filterOption">Medium</span>
                                    <span class="filterClose"><a href="#">[X]</a></span>
                                </span>
                            </div>
                            <!-- /talk time -->
                            
                            <!-- price -->
                            <div id="filterPrice">
                                <span class="sectionHeader">Price:</span>
                                <span class="filterContent">
                                    <span class="filterOption">10, 880</span>
                                    <span class="filterClose"><a href="#">[X]</a></span>
                                </span>
                            </div>
                            <!-- /price -->
                            
                            <!-- data connectivity -->
                            <div id="filterDataConnectivity">
                                <div class="sectionHeader">Data Connectivity:</div>
                                <div class="filterContent">
                                    <span class="filterOption">USB</span>
                                    <span class="filterClose"><a href="#">[X]</a></span>
                                </div>
                                
                                <div class="filterContent">
                                    <span class="filterOption">Bluetooth</span>
                                    <span class="filterClose"><a href="#">[X]</a></span>
                                </div>
                                
                                <div class="filterContent">
                                    <span class="filterOption">GPRS</span>
                                    <span class="filterClose"><a href="#">[X]</a></span>
                                </div>
                            </div>
                            <!-- /data connectivity -->
                            
                        </div>
                        <!-- /currentFilters -->
                        
                        <!-- filter by -->
                        <div id="filterBy">
                            <h2>Filter by:</h2>
                            
                            <!-- talk time -->
                            <div id="filterByTalkTime">
                            
                                <div class="filterHeading">
                                    <div class="filterArrow">&nbsp;</div>
                                    <div class="sectionHeader">Talk Time</div>
                                </div>
                                
                                <div class="filterOption">
                                        <a href="javascript:void(0);" id="ttMedium">Medium</a> <span class="noColor">(64)</span>
                                    <div class="clearBoth"></div>
                                    <a href="javascript:void(0);" id="ttLow">Low</a> <span class="noColor">(16)</span>
                                    <div class="clearBoth"></div>
                                    <a href="javascript:void(0);" id="ttHigh">High</a> <span class="noColor">(12)</span>
                                    <div class="clearBoth"></div>
                                </div>
                            </div>
                            <!-- /talk time -->
                                
                            <!-- price -->
                            <div id="filterByPrice">
                                <div class="filterHeading">
                                    <div class="filterArrow">&nbsp;</div>
                                    <div class="sectionHeader">Price <span class="noBold">(Rs.)</span></div>
                                </div>
                                
                                <div id="priceSlider">
                                        <div id="priceRange1"></div>
                                  <div id="priceRange2"></div>
                                  <div class="clearBoth"></div>
                                    
                                    <div id="slider-range"></div>
                                    <div id="diff">&nbsp;</div>
                              </div>
                          </div>
                            <!-- /price -->
                            
                            <!-- data connectivity -->
                            <div id="filterByDataConnectivity">
                                <div class="filterHeading">
                                    <div class="filterArrow">&nbsp;</div>
                                    <div class="sectionHeader">Data Connectivity</div>
                                </div>
                                
                                <div class="filterOption">
                                        <label>
                                        <input type="checkbox" name="chkUSB" /> 
                                        <a href="javascript:void(0);">USB</a> <span class="noColor">(08)</span>
                                    </label>
                                    <label>
                                        <input type="checkbox" name="chkBluetooth" /> 
                                        <a href="javascript:void(0);">Bluetooth</a> <span class="noColor">(164)</span>
                                    </label>
                                    <label>
                                        <input type="checkbox" name="chkGPRS" /> 
                                        <a href="javascript:void(0);">GPRS</a> <span class="noColor">(13)</span>
                                    </label>
                                    <label>
                                        <input type="checkbox" name="chkUsb" /> 
                                        <a href="javascript:void(0);">Edge</a> <span class="noColor">(18)</span>
                                    </label>
                                    <div class="clearBoth"></div>
                                </div>
                            </div>
                            <!-- /data connectivity -->
                            
                                <div class="bottomBorder">&nbsp;</div>
                        </div>
                        <!-- /filter by -->
                      
                    </div>
                    <!-- /multifaceted search -->
                                        
                    <!-- productList -->
                    <div id="productList">
                            
                        <!-- browse tab content -->
                        <div id="browseContent">
                        
                            <!-- productListTop -->
                            <div class="productListTop">
                                <div class="productListResult"></div>
                                
                                <div class="pagination1"></div>
                                <div class="clearBoth"></div>
                            </div>
                            <!-- /productListTop -->
                            
                            <!-- productListCenter -->
                            <div id="productListCenter1">
                                
                                <!-- page 1 -->
                                <div class="page">
                                
                                    <!-- productItem 1 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">1 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100001','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                <!-- /productItem 1 -->
                                    
                                    <!-- productItem 2 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#">
                                                <span class="newIcon">&nbsp;</span>
                                                <img src="images/thumb_nokiaN85.jpg" alt="" />                                          </a>                                        </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100002','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 2 -->
                                </div>
                                <!-- /page 1 -->
                                
                                 <!-- page 2 -->
                                <div class="page">
                               
                                    <!-- productItem 3 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">2 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100003','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                <!-- /productItem 3 -->
                                    
                                    <!-- productItem 4 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100004','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 4 -->
                                                                </div>
                                <!-- /page 2 -->
                                
                                
                                <!-- page 3 -->
                                <div class="page">
                                
                                    <!-- productItem 5 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">3 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100005','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                    <!-- /productItem 5 -->
                                    
                                    <!-- productItem 6 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                          <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                          <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                          </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100006','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                      </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 6 -->
                                </div>
                                <!-- /page 3 -->
                                
                                <!-- page 4 -->
                                <div class="page">
                                
                                    <!-- productItem 7 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">4 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100007','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                    <!-- /productItem 7 -->
                                    
                                    <!-- productItem 8 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100008','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 8 -->
                                </div>
                                <!-- /page 4 -->
                                
                            <div class="clearBoth"></div>
                            
                            </div>
                            <!-- /productListCenter -->
                            
                            <!-- productListBottom -->
                            <div class="productListBottom">
                                <div class="pagination1"></div>
                                <div class="clearBoth"></div>
                            </div>
                                <!-- /productListBottom -->
                            
                        </div>
                        <!-- /browse tab content -->
                        
                        <!-- otherTabContent -->
                        <div id="otherTabContent">
                        
                                 <!-- productListTop -->
                            <div class="productListTop">
                                
                                <div class="productListHeading"></div>
                                <div class="pagination2"></div>
                                <div class="productListResult"></div>
                                
                                <div class="clearBoth"></div>
                            </div>
                            <!-- /productListTop -->
                            
                            <!-- productListCenter -->
                            <div id="productListCenter2">
                                
                                <!-- page 1 -->
                                <div class="page">
                                
                                    <!-- productItem 1 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">1 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100001','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                <!-- /productItem 1 -->
                                    
                                    <!-- productItem 2 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#">
                                                <span class="newIcon">&nbsp;</span>
                                                <img src="images/thumb_nokiaN85.jpg" alt="" />                                        </a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100002','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 2 -->
                                </div>
                                <!-- /page 1 -->
                                
                                 <!-- page 2 -->
                                <div class="page">
                               
                                    <!-- productItem 3 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">2 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100003','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                <!-- /productItem 3 -->
                                    
                                    <!-- productItem 4 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100004','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 4 -->
                                                                </div>
                                <!-- /page 2 -->
                                
                                
                                <!-- page 3 -->
                                <div class="page">
                                
                                    <!-- productItem 5 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">3 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100005','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                    <!-- /productItem 5 -->
                                    
                                    <!-- productItem 6 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                          <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                          <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                          </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100006','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                      </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 6 -->
                                </div>
                                <!-- /page 3 -->
                                
                                <!-- page 4 -->
                                <div class="page">
                                
                                    <!-- productItem 7 -->
                                    <div class="productItem floatLeft">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb2_nokiaN96.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">4 Nokia N-96</a></div>
                                            <div class="originalPrice">Rs. 29,999</div>
                                            <div class="newPrice">Rs. 19,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>3 Megapixel Camera</li>
                                                    <li>Dual LED Flash</li>
                                                    <li>USB, Bluetooth, GPRS</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100007','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                    <!-- /productItem 7 -->
                                    
                                    <!-- productItem 8 -->
                                    <div class="productItem floatRight">
                                        
                                        <div class="productImg">
                                            <a href="#"><img src="images/thumb_nokiaN85.jpg" alt=""></a>                                    </div>
                                        
                                        <div class="productDetails">
                                            <div class="title"><a href="#">Nokia N-96 with all accessories</a></div>
                                            <div class="newPrice">Rs. 39,999</div>
                                            <div class="productDesp">
                                                <ul>
                                                    <li>Record video in HD and edit instantly</li>
                                                    <li>Plug into the TV to play back with HDMI cable included</li>
                                                </ul>
                                            </div>
                                            <div class="icon">
                                                <a  href="javascript:addResearch('1100008','list');"><img src="images/icon_research.jpg" alt='Add to "My Research"' title='Add to "My Research"' /></a> <a href="#"><img src="images/icon_cart.jpg" alt='Add to Cart' title='Add to Cart' /></a>                                        </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                    </div>
                                  <!-- /productItem 8 -->
                                </div>
                                <!-- /page 4 -->
                                
                            <div class="clearBoth"></div>
                            
                            </div>
                            <!-- /productListCenter -->
                            
                            <!-- productListBottom -->
                            <div class="productListBottom">
                                <div class="pagination2"></div>
                                <div class="clearBoth"></div>
                            </div>
                                <!-- /productListBottom -->
                            
                        </div>
                        <!-- /otherTabContent -->
                        
                    </div>
                    <!-- /productList -->
                    
                   <div class="clearBoth"></div>
                </div>
                    
            </div>
            
            <div class="bottom">
                <div class="left">
                    <div class="right">&nbsp;</div>
                </div>
            </div>
        </div>
        <!-- /my account -->
        
      </div>
      <!-- /wrapper-->
      
        <!-- sidebar-->
        <div id="sidebar">
        
                <!-- sidebar banner -->
            <div id="sidebarBanner">
                <a href="#"><img src="images/sidebar-banner.jpg" width="240" height="100" alt="" /></a>
            </div>
            <!-- /sidebar banner -->
            
            <!-- customer service -->
            <div id="customerService">
              <h2>Customer Service</h2>
              <div class="floatLeft"> 
              <a href="#"><img src="images/buttons/customer-service-mail.jpg" width="40" height="42" alt="Customer Service Mail" title="Customer Service Mail" /></a> </div>
              <div id="customerPhone"> <img src="images/customer-service-phone.jpg" width="48" height="42" alt="Customer Service Phone No." title="Customer Service Phone No." /> 
              <span>1800 - 4567 - 9845</span> </div>
              <div class="clearBoth"></div>
            </div>
        
            <script type="text/javascript">
            <!--
            $(document).ready(function() {
            // Research "delete" Item
             $("#research_delete").click(function(){
                  var research_tot=$("#research_total").val();
                  
                  var seldata="";
                  var tot=0;
                  var saprt="";    
                  var containerdiv = "#pane1";     
                  var par= containerdiv + " input[type=checkbox]:checked";
                  $(par).each(function(){
                       saprt = (tot>0)? "_":"";
                       seldata += saprt+$(this).val();
                       tot++
                  });
                  if(tot>0){
                       var t=(research_tot*1)-(tot*1);
                       $("#research_total").val(t);
                       
                       alert("AJAX request to delete products in research. Product ID: "+seldata+" and total: "+tot); 
                       jQuery.ajax({
                            type: "GET",
                            url: "../myresearch/" + seldata + "?_method=delete",
                            data: "productid="+seldata,
                            success: function(msg){
                                 alert( "Data Saved: " + msg );
                            }
                       });
                       var arrayprod_id=seldata.split("_");
                       jQuery.each(arrayprod_id,function(intIndex, objValue){
                            var tableref="#"+objValue;
                            var tblid="#"+objValue+ " td";
                            $(tblid).animate({ backgroundColor: "#fcffb3" }, 'slow');
                            $(tblid).animate({ backgroundColor: "#F5F5F5" }, 'slow', function() { $(this).fadeOut('slow', function() { $(this).remove(); if(t === 0){ $("#research_default").css("display","block");} } ) }); 
                       
                       });
                  }else{
                    alert("Please select atleast one product.");
                  }
             });
            });
            //-->
            </script>
        
            <!-- Widget My Research start -->
            <DIV class="lightbox">
             <DIV class="hdr" id="hdr0">
                  <A href="javascript:void(0);">My Research</A>
             </DIV>
             
             <DIV  class="holder osX" style="margin:0;width:100%;" id="winker0">
                    <DIV class="tools">
                       <A style="cursor:pointer;" id="research_delete">Delete</A>
                       <A href="#">Compare</A>
                       <A onclick="javascript:addToCart('pane1', 'multi')">Add to Cart</A>
                    </DIV>
                    
                    <input type="hidden" name="research_total" id="research_total" value="1">
                    
                    <DIV id="pane1" class="scroll-pane tabwrap researchHeight makeScroll" style="width:245px;" >
                        <TABLE cellspacing="0" cellpadding="0" border="0"  width="100%" id="research_default"  style="display:none; padding:10px 20px;">
                        <TBODY>
                            <TR>
                                <TD>Please Register/Sign-in to use My Research tool</TD>
                            </TR>
                        </TBODY>
                        </TABLE>
            
                        <table cellspacing="0" cellpadding="0" border="0"  width="100%" id="1000111" >
                        <tr>
                            <td class="borderBottom">
                                <input type="checkbox" name="" value="1000111"  >
                            </td>
                            <td class="borderBottom">
                                <img src="images/icon.jpg" />
                            </td>
                            <td class="borderBottom">
                                <div>
                                    <a href="./1000111">Nokia E72 </A>
                                    <div class="price">Price: Rs. 176.3</div>
                                    <div class="text">3G, Wi-Fi connectivity, 5 MP camera</div>
                                    <div class="link"><a href="#">My Notes</div>
                                </div>
                            </td>
                        </tr>
                        </table>
                       
                    </DIV>
                    <DIV class="quicksign">
                       <A href="#">Sign In</A> | <A href="#">Register</A>  to save <br />" My Research "
                    </DIV>
             </DIV>
            </DIV>
            <!-- Widget My Research end -->
        </div>
        <!-- /sidebar-->
        <div class="clearBoth"></div>
      
    </div>
    <!-- /main -->

    <!-- footer -->
    <div id="footer">
      <div class="content">
        <ul>
          <li><a href="#">About Shop2020</a></li>
          <li>|</li>
          <li><a href="#">Careers</a></li>
          <li>|</li>
          <li><a href="#">Shipping Policy</a></li>
          <li>|</li>
          <li><a href="#">Privacy Policy</a></li>
          <li>|</li>
          <li><a href="#">Terms and Conditions</a></li>
        </ul>
        <div id="copyright"> All rights reserved. Copyright 2010 &copy;Shop2020 </div>
        <div class="clearBoth"></div>
      </div>
    </div>
    <!-- /footer -->

</body>
</html>