Per ogni "Righino", in Photoshop, crei una capa nuova. Selezione rettangolare, crei un rettangolo alto il nº esatto di pixel e largo (ad esempio) 50 px.
Lo colori con il grigio che t'interessa. Menu Capa > Effetti di capa > smusso e rilievo.

Lo rasterizzi. Ne elimini i 10 pixels sinistri ed i 10 destri tenendo buoni i 30 centrali. Imposti <tr width="100%"><td background="nome_righino.gif"></td></tr>

Nella pagina si chiama /grafix/spacer.gif ed e' alto 6 e largo 1. Esperienza personale consiglia di crearlo piu' largo per evitare bugs di IE.

Per le voci di menu ne fai uno alto 16 (nel caso della pagina in questione) con lo stesso procedimento -mantieni gli stessi valori di smusso e rilievo dei righini-, lo rasterizzi e lo duplichi aggiungendoci le voci di menu.
Nel caso dell'esempio: [img]../grafix/pieces.gif[/img] dove "pieces" e' il nome dell'immagine, la 2ª e' skretches e poi non ho letto il resto.