Which hose is which? Is the big hose the vapor hose or the hose that fuel goes down? I'm guessing the condition of the vapor hose doesn't matter as much?
That one you linked looked to be the main hose that fuel goes down? Were there any coupon codes? Did all you need is a screw driver?
Easy there. This is kinda why I linked you my thread - there's a lot of helpful pictures in there.
The smaller hose is the vent hose and the larger one is the fuel fill hose. And the condition of the vent line does matter because you can still get leaks. It especially matters in states like California where they test that kind of thing.
Rule of thumb: If you need to replace your filler hose, you should probably replace your vent hose as well. They are relatively cheap anyhow. And replace those clamps, too. You'll thank me later.
There is a coupon code, but it's only for something like 3% off. Still, better than nothing. It's something like 'Fill' - look around on the website while you're shopping around, you'll spot it.
As for finding the parts on the website, they automatically suggest the correct vent hose and clamps. Just make certain you get the quantities right. (The vent hose is ordered by the inch! So if you need a vent hose twelve inches long, then enter 12 in the quantity box!)
Now, as for the replacement itself...
For one thing, you're gonna want to pull your bed off. You're gonna need a T25 torx bit, and preferably an impact wrench. A breaker bar will work, but that takes some real elbow grease to work out if there's even the least bit of rust on those bolts. There should be six bolts - three on each frame rail, two in front and four in the rear. (The rear ones will be shorter than the front ones.)
Next, remove your gas cap and unbolt the filler neck from the side panel. Make sure you don't make any sparks!!!
Rather than take the bed completely off, I've been advised by a friend that you can prop the front-end of the bed (the end by the cab) with a good, sturdy piece of wood. (Think of how a car's engine hood is propped up and you'll be on the right track.) Just make certain you don't mess up your tail lights or any of the wiring back there in the process. I haven't tried this yet, so I don't know how it stresses things back there, but I doubt there's any issues.
Anyhow, now you can get at the filler hose. Use a 1/4"-drive socket wrench to take off the hose clamps - I forget what size the socket is, but it's most likely metric.
The new hose is not an exact fit!!! First measure and cut the short end (the one that attaches to the fuel tank) so there's about a 1/8th inch clearance between the bottom of the hose and the frame rail - you don't want it to be in contact or else vibrations will wear a hole in your new hose!!!
Next, re-attach your filler neck to the side panel in the cargo bed. Yes, I know this seems backwards, but just trust me here and keep reading.
With the hoses attached to the fuel tank, clamped down, and oriented in the correct direction, carefully lower the bed back down on the frame rails, make sure the hoses are properly routed through the gap between the bed and the frame rail, and then bolt the bed back down.
NOW, trim the intake-end of the filler hose and vent hoses! This is much easier to do with everything else back in place - this way there is absolutely no guess work.
Fit the hoses onto the filler neck, tighten down your hose clamps, and you're good to go and gas up.