problemas con borde, como quitar?

[blackmel25]

hola, tengo problemas con dos bordes que no los puedo remover uno esta en el fromulario(imagen 1) y otro en el input(imagen 2), e intentado de todo(DE TODO!) para quitar esos borde pero no entiendo porque no se quitan....

dejare los códigos (html y css) mas abajo...

imagen 1(en esta solo sale el borde cuando le doy clic para entrar lo quie voy a buscar)

[URL=http://www.subirimagenes.net/i/13032211202361946.png][IMG]http://sia1.subirimagenes.net/img/2013/03/22/13032211202361946.png[/IMG][/URL]

imagen 2

[URL=http://www.subirimagenes.net/i/130322110851162311.png][IMG]http://sia1.subirimagenes.net/img/2013/03/22/130322110851162311.png[/IMG][/URL]

Código HTML:

<div id="search">
 <form action="#" method="get">
  <div>
	<input type="text" class="text" name="query" value="Buscar..." onfocus="this.value='';" onblur="this.value='Buscar...'" />
   </div>


<div>
<input type="image" class="lupa" name="Buscar"/>

</div>
</form>
</div> 

Código CSS:

#search { 
     float: right; 
     width: 275px; 
     /*margin: 23px 18px;*/
    margin-top: 7px;     
     display: inline;
         }
     
    #search .text { 
    width: 227px; 
    height: 16px;
    border: 1px solid #000; 
    padding: 5px; 
    float: left; 
    color: #888; 
    background-color: #666;
    border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
    }
    
    #search .lupa{
        background-image: url(../img/1363510757_Search.png);
        width: 24px;
        height: 24px;
        border:none;
        margin-left: 5px;
    }
    
    #search .lupa:hover {
        /*background-image:url(../img/lupa2.png);*/
    }
 

agradeceria que sean específicos(soy novato en el desarrollo web) desde ya gracias por sus respuestas..