title: moving search box to the right side
body: <p>I'm far from being a programmer. I'm building an online store using zencart and a template. 
  OK, when I removed the language and currency boxes from my header, I noticed how some other information shifted to the centre.. like the search box. Below is part of the code, and what I want to do is to set the search box to the right side of my page, I don't know how to change, what to add/remove from the code.</p>
  
  <pre><code>#header-right {
      width: 500px;
      float: right;
      margin-top: 30px;
  }
  
  #header-promo {
      color: #d4d2d1;
      font-size: 1.65em;
      line-height: 25px;
      text-align: center;
      float: right;
      margin-top: -80px;
      display: none;
  }
  
  .promo-big {
      color: #80ae18;
      font-size: 150%;
  }
  
  .promo-green {
      color: #80ae18;
  }
  
  #navMainSearch {
      float: right;
      position: relative;
      top: 30px;
      right: 10px;
      z-index: 15000;
  }
  
  #navMainSearch input[type=image] {
      vertical-align: middle;
      margin-left: -9px;
      margin-top: -1px;
      position: relative;
      z-index: 15001;
  }
  
  .search-header-box {
      border: 2px solid #000000;
      width: 300px;
      height: 18px;
      padding-left: 10px;
      -moz-border-radius: 5px;
      opacity: 0.6;
  /*filter:alpha(opacity=60);*/;
  }
  
  .home-icon, .login-icon, .cart-icon, .checkout-icon, .logoff-icon, .account-icon {
      vertical-align: middle;
      margin-right: 5px;
  }
  
  .h-sm {
      height: 15px;
      width: 15px;
      margin-right: 10px;
      margin-bottom: 5px;
      vertical-align: middle;
  }
  </code></pre>