<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Surplus Materials</title>
<meta name="description" content="Sell or buy surplus materials around the world. sell your materials, buy materials">
<meta name="keywords" content="surplus selling materials, surplus materials, surplus, material">
<meta name="author" content="Krish Udma" />
<meta name="copyright" content="fishfishme.com" />
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("#soft tr:even").css("background-color","#EFEFF2");
  $("#soft tr:odd").css("background-color","#E1E1E3");

 $('.login-field').each(function() {
   var default_value = this.value;
   $(this).css('color', '#666'); // this could be in the style sheet instead
   $(this).focus(function() {
    if(this.value == default_value) {
     this.value = '';
     $(this).css('color', '#333');
    }
   });
   $(this).blur(function() {
    if(this.value == '') {
     $(this).css('color', '#666');
     this.value = default_value;
    }
   });
  });
   });
     
function sure() {
 return confirm('Delete this Item?')
}

</script>
<style type="text/css">
<!--
body {
 font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
 background-image:url(graphics/bgm.png);
 background-repeat:repeat-x;
 margin: 0;
 padding: 0;
 color: #000;
}

ul, ol, dl {
 padding: 0;
 margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
 margin-top: 0; 
 padding-right: 15px;
 padding-left: 15px;
}
a img {
 border: none;
}

a:link {
 text-decoration: underline;
}
a:visited {
 text-decoration: underline;
}
a:hover, a:active, a:focus {
 text-decoration: none;
}

#container {
 background:#fff;
 -moz-box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 -webkit-box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 position:relative
}

.container {
 width: 984px;
 background: #FFF;
 margin: 0 auto;
 -moz-box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 -webkit-box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 box-shadow:rgba(0,0,0,.23) 0 10px 15px;
 position:relative
}

  .box2 {
   background: transparent url(ashera.jpg); no-repeat top left;
   width: 414px;
   height: 262px;
   margin: 0 auto 35px auto;
   padding: 15px;
   border: 11px solid #c6ac6c;
   position: relative;
   margin-top: 35px;
 
   -moz-border-radius: 32px;
   -webkit-border-radius: 32px;
   border-radius: 32px;
 
   -moz-box-shadow: 10px 10px 10px #000;
   -webkit-box-shadow: 10px 10px 10px #000;
   box-shadow: 10px 10px 10px #000;
 
   z-index: 2;
 
   behavior: url(ie-css3.htc);
  }
 

.header {
 width: 984px;
 margin: 0 auto;
}
.sidebar1 {
 float: right;
 width: 204px;
 background: #FFF;
 padding-bottom: 10px;
}
.content {
 padding: 10px;
 width: 728px;
 float:inherit;
}

.content ul, .content ol {
 padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.style11 { color:#06F; height:46; padding:5px; font-size: 110%; font-weight:bold;}

.title { color:#06F; height:46; padding:5px; font-size: 110%; font-weight:bold;}
.subtitle { height:33; padding:10px 0px 0px 0px; color: #06F; font-size: 105%; font-weight:bold;}
.catlist { padding:10px 0px 0px 0px; color: #06F; font-size: 105%; font-weight:bold;}

.menubar {
 width:984px;
 background: #C6D580;
 border-bottom: 1px solid #666;
 background-image:url(graphics/menubar_01.png);
}

ul.nav {
 list-style: none; /* this removes the list marker */
 border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
 margin-bottom: 0px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
 float:left;
 text-align:center;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
 padding: 5px 15px 5px 15px;
 display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
 text-decoration: none;
 color:#FFF;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
 background: #C6D580;
 color: #FFF;
}

/*---Selleres Menus--*/
.menubarsell {
 width:984px;
 background: #666;
 border-bottom: 1px solid #000;
}

ul.navsell {
 list-style: none; /* this removes the list marker */
 border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
 margin-bottom: 0px; /* this creates the space between the navigation on the content below */
}
ul.navsell li {
 float:left;
 text-align:center;
 vertical-align:middle;
 font-size:10px;
 color:#FFF;
}
ul.navsell a, ul.navsell a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
 padding: 5px 15px 5px 15px;
 display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
 width: auto;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
 text-decoration: none;
 color:#FFF;
 background: #666;
}
ul.navsell a:hover, ul.navsell a:active, ul.navsell a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
 background: #09F;
 color: #FFF;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
 padding: 0;
 margin: 0;
}

/* ~~ The footer ~~ */
.footer {
 padding: 10px 0;
 background: #FFF;
 position: relative;/* this gives IE6 hasLayout to properly clear */
 clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.fltrt { 
 float: right;
 margin-left: 8px;
}
.fltlft {
 float: left;
 margin-right: 8px;
}
.clearfloat {
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}

.colHeader {
 background-color:#06F;
 color:#FFF;
 font-size:11px;
 font-weight:bold;
 padding:2px;
 padding-left:10px;
}
.ibox {float:left; border:1px solid #09F; width:190px; padding:2px; margin:0px; font-size:11px;}
.ibox li{
 clear:both;
 list-style:none;
 padding:2px;
}

.ibox input {
 width:160px;
 border:solid 1px #09F;
}


.ibox lablel {
 visibility:hidden;
}

.warn {
 background-color:#FFC;
 font-size:80%;
 margin: 4px;
 padding: 5px;
 border: 1px solid #0000FF;
}

-->
</style>
</head>

<body>

  <div class="header">
 <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
   <tr>
     <td width="281"><img src="graphics/snew_01.png" width="281" height="51" alt="" /></td>
        <td valign="bottom" align="right"><table cellpadding="0" cellspacing="0" border="0" align="right">
    <form onSubmit="return validsearch(this);" action="?p=search" method="post">
             <tr><td colspan="4" align="left"><a href="page.php?p=adCategories&a=add" style="color:#FFF;">Post FREE Ad</a>&nbsp;&nbsp;<a href="page.php?p=join" style="color:#FFF;">Join</a> &nbsp;<a href="/sellers/login.php" style="color:#FFF;">Sellers Login</a> &nbsp; <a href="ar_page.php" style="color:#FFF; font-size:120%;"><b>غربٌ</b></a> &nbsp;<br /></td></tr>
       <tr>
     <td align="right" valign="middle"><input class="textbox" type="Text" name="searchterm" size="15"></td>
    <td><img src="graphics/spacer.gif" alt="" width="3" height="1" border="0"></td>
     <td align="left" valign="middle"><input type="image" value="Search" src="graphics/go-btn.gif" alt="Search"></td>
     <td><img src="graphics/spacer.gif" alt="" width="10" height="49" border="0"></td>
    </tr>
    <INPUT TYPE=hidden NAME="step" VALUE="2">
    </form></table></td>
       </tr>
 </table>
        <div class="menubar" id="menubar">
            <ul class="nav">
              <li><a href="page.php?p=main">Home</a></li>
              <li><a href="page.php?p=catlist">Find</a></li>
              <li><a href="page.php?p=services">Services</a></li>
              <li><a href="page.php?p=aboutus">About Us</a></li>
              <li><a href="page.php?p=contact">Contact Us</a></li>
              <li><a href="page.php?p=adCategories">Classifieds</a></li>
              <li><a href="page.php?p=help">Help</a></li>
            </ul>
           <div class="clearfloat">&nbsp;</div>
        </div>
     <!-- end .header --></div>
   
<div class="container" id="container">
  <div class="sidebar1">
<form name="sellerlogin" method="post" enctype="multipart/form-data"><div class="ibox"><div class="colHeader">Sellers Login</div><li><input type="text" name="UserID" value="User Name" id="UserID" title="User ID" class="login-field" size="15" /></li><li><input type="password" name="PassWord" value="Password" id="Password" title="Password" class="login-field" size="15" /></li><li><input type="submit" name="login" id="login" value="Login" /></li></div></form><div class="ibox" style="overflow:hidden; margin-top:10px;"><iframe width="200" height="210" src="curr_conv/currconv.php" scrolling="no" frameborder="0"></iframe></div><table cellpadding='2' cellspacing='0' border='0' height='100%'><tr><td><a href='?p=product_details&cid=6&pid=5'><img src='uploads/prod/5.jpg' border='0' width='200' alt='Toyota' /></a></td></tr><tr><td><a href='?p=product_details&cid=2&pid=4'><img src='uploads/prod/4.jpg' border='0' width='200' alt='Small Table Lamp' /></a></td></tr><tr><td><a href='?p=product_details&cid=2&pid=3'><img src='uploads/prod/3.jpg' border='0' width='200' alt='Table Lamp' /></a></td></tr><tr><td><a href='?p=product_details&cid=3&pid=2'><img src='uploads/prod/2.png' border='0' width='200' alt='Plate' /></a></td></tr></table>    <!-- end .sidebar1 --></div>
  <div class="content">
<center><div style='padding:1px;'><a href="http://www.almirsad.com" target="_blank">
     <img src="banner/img/2.png"
      border="0"
      alt="Al Mirsad Universal" width="728" height="90"></a></div></center><html>
<head>
<title>Surplus Material</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--

function newImage(arg) {
 if (document.images) {
  rslt = new Image();
  rslt.src = arg;
  return rslt;
 }
}

function changeImages() {
 if (document.images && (preloadFlag == true)) {
  for (var i=0; i<changeImages.arguments.length; i+=2) {
   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  }
 }
}

var preloadFlag = false;
function preloadImages() {
 if (document.images) {
  btn_01_over = newImage("graphics/btn_join_en_over.png");
  preloadFlag = true;
 }
}

// -->
</script>
<style type="text/css">

.mUclass {
 margin:0px;
 padding:0px;
}
.mUclass li {
 margin-bottom:10px;
}
</style>
</head>
<body onLoad="preloadImages();">
   <table width="90%" cellpadding="5" cellspacing="5" class="style2" align="center">
      <tr>
        <td valign="top" nowrap class="style11">Sell Surplus </td>
        <td valign="top" nowrap class="style11">Buy Surplus</td>
        </tr>
      <tr>
     <td valign="top">
      <ul class="mUclass">
        <li>Subscribe for one year and Offer  your surplus to the whole Middle East.</li>
        <li>We will contact all possible buyers for your products by Phone, Airmail, Sms, Email and fax.</li>
        <li>Set up your Catalogue online. </li>
         </ul>
      <p align="right"><a href="page.php?p=details">Detail..</a></p>
    </td>
     <td valign="top">
      <ul class="mUclass">
        <li>Search for Materials  required by Category as shown on the  following page</li>
        <li>Check  details and contact suppliers  directly.</li>
          </ul>
     </td>
   </tr>
   <tr>
    <td align="center">
    <div align="center">
    <a href="page.php?p=join&step=1&m=1"
     onmouseover="changeImages('btn_01', 'graphics/btn_join_en_over.png'); return true;"
     onmouseout="changeImages('btn_01', 'graphics/btn_join_en_normal.png'); return true;"
     onmousedown="changeImages('btn_01', 'graphics/btn_join_en_over.png'); return true;"
     onmouseup="changeImages('btn_01', 'graphics/btn_join_en_over.png'); return true;">
     <img name="btn_01" src="graphics/btn_join_en_normal.png" width="150" height="100" border="0" alt="Join Surplus Materials"></a>
    </div>
    </td>
    <td align="center">
    <div align="center">
    <a href="page.php?p=catlist"
     onmouseover="changeImages('btn1_01', 'graphics/btn_find_en_over.png'); return true;"
     onmouseout="changeImages('btn1_01', 'graphics/btn_find_en_normal.png'); return true;"
     onmousedown="changeImages('btn1_01', 'graphics/btn_find_en_over.png'); return true;"
     onmouseup="changeImages('btn1_01', 'graphics/btn_find_en_over.png'); return true;">
     <img name="btn1_01" src="graphics/btn_find_en_normal.png" width="150" height="100" border="0" alt="Buy Surplus Materials"></a>
    </div>
    </td>
   </tr>
   <tr>
    <td align="center" colspan="2"><a href="sellers/login.php">Customer LogIn</a></td></tr></table></td>
   </tr>
    </table>
</body>
</html><p>&nbsp;</p><div class="clearfloat">&nbsp;</div><center><div style='padding:1px;'><a href="http://www.arabianproducts.com" target="_blank">
     <img src="banner/img/1.jpg"
      border="0"
      alt="Arabian Products" width="728" height="90"></a></div></center>    <!-- end .content --></div>
  <div class="footer">
<div class="menubar" id="menubar1">
    <ul class="nav">
      <li><a href="page.php?p=main">Home</a></li>
      <li><a href="page.php?p=catlist">Find</a></li>
      <li><a href="page.php?p=services">Services</a></li>
      <li><a href="page.php?p=aboutus">About Us</a></li>
      <li><a href="page.php?p=contact">Contact Us</a></li>
      <li><a href="page.php?p=adCategories">Classifieds</a></li>
      <li><a href="page.php?p=help">Help</a></li>
    </ul>
    <div class="clearfloat">&nbsp;</div>
</div>
    <!-- end .footer --></div>
  <!-- end .container --></div>
 <style>
 #user_loginbox{
    width:300px;
    height:250px;
    padding:0px;
    position:fixed;
    top:110px;
    left:-270px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
 background-image:url(graphics/users_login.png);
 z-index:990;
 font-size:90%;
}

.user_loginbox{
    width:300px;
    height:250px;
    padding:0px;
    position:relative;
    top:110px;
    left:-270px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
 background-image:url(graphics/users_login.png);
 z-index:990;
 font-size:90%;
}

.user_loginbox ul {
 
}

.user_loginbox ul li {
 list-style:none;
 margin-top:0px;
 margin-bottom:opx;
 padding-bottom:0px;
 padding-top:0px;
 padding-left:20px;
 margin-left:20px;
}

.user_loginbox h1 {
 font-size:110%;
 font-weight:bold;
 height:34px;
 margin-left:25px;
 margin-top:10px;
 vertical-align:middle;
}

#logimg {
 float:right;
 width:30px;
 overflow:hidden;
}

.logimg {
 float:right;
 width:30px;
 overflow:hidden;
}

#lofinform {
 float:right;
}

.lofinform {
 float:right;
}

#imgbtn {
 font-size:110%;
}
 </style>
 <script src="js/jquery-latest.js"></script>
 <script type="text/javascript">
 
 $(document).ready(function() {
  var img = document.getElementById("imgbtn").src;
  document.getElementById("user_loginbox").style.marginLeft = "0px";
  $('#imgbtn').mouseover(function(){
   img = document.getElementById("imgbtn").src;
   if (img.search("01.png")) img = img.replace("01.png","01_over.png");
   if (img.search("02.png")) img = img.replace("02.png","02_over.png");
   document.getElementById("imgbtn").src = img;
  })

  $('#imgbtn').mouseout(function(){
   img = document.getElementById("imgbtn").src;
   if (img.search("01_over.png")) img = img.replace("01_over.png","01.png");
   if (img.search("02_over.png")) img = img.replace("02_over.png","02.png");
   document.getElementById("imgbtn").src = img;
  })
 })
 
 function move() {
 var x = document.getElementById("user_loginbox").style.marginLeft;
 var img = document.getElementById("imgbtn").src;
 if (x=="270px") {
  x = "0px";
   img = 'graphics/users_login_btn_01.png';
 } else {
  x = "270px";
  img = 'graphics/users_login_btn_02.png';
 }
  $("#user_loginbox").animate({
    marginLeft: x
  }, 1500 );
  document.getElementById("imgbtn").src = img;
}
</script>
<div id="user_loginbox" class="user_loginbox">
    <input align="right" name="logbtn" type="image" id="imgbtn" value="Users Login" onclick="move();" src="graphics/users_login_btn_01.png" alt="Users Login" width="29" height="44" />
 <form id="logForm" method="post" enctype="multipart/form-data">
    <h1>User Login</h1>
    <ul>
     <li><input class="login-field" type="text" name="xxx_email" id="useremail" value="User Email"  title="User Email" size="20" /></li>
        <li><input class="login-field" type="password" name="xxx_password" id="password" value="Password" title="Password" size="21" /></li>
        <li><input type="submit" name="UsersLogIn" value=" Login " /></li>
        <li><a href="page.php?p=webuser_register">New User</a></li>
        <li><a href="page.php?p=webuser_pwforgot">Forgot Password</a></li>
    </ul>
  </form>
</div><p align="center" style="font-family:Verdana, Geneva, sans-serif; font-size:80%; color:#999;">&nbsp;<br />&copy; <a href="http://www.arabianproducts.com">Arabian Products</a> 1999, All Rights Reserved.</p>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36081972-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>