Alignment of Products in Center Column Index Page

I'm using v1.3. I've been beating my head up reading for a week now...it's time to ask for guidance.

1. Can someone please look at this link and tell me how to change the Products from vertical alignment to horizontal on the main page?
   http://rastajoe.com/moses/

I'm talking about the items in the "Center Column".

2. On the same page - I have tried everything I know on the stylesheet, and have not been able to adjust the colors of the box located on the right column - (talking about the links within the box).

Thanks

In the following, float: center is not a legal declaration change to left

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: center;
	}

Colors for links are in these entries change to suit

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #ab0511;
	}

a:active {
	color: #ab0511;
	}

Thank you, thank you, thank you. As soon as I saw your response...I realized how many times I went right by without my brain responding...thanks again. :clap:
Everyone is making me a Zen believer...!!

Co,
Take time to read the tutorials in the Tutorials/FAQs button on the top of this page especially on

1. Override system
2. You are still using the classic template
3. includes/templates/classic/css/stylesheet.css
4. Killer Logo by the way,
5. Need to stretch her out most #logo, width should be around 100 to 140
6. Then I don't half to scroll down to view your categories
7. Just a small suggestion

Thanks....I will change that soon...appreciate the advise...this is my first try at this...never touched css or php before, but I'm a believer now...thanks again.

It's a great logo, and would suffer if made much smaller, so you may want to consider ways to make room for it by moving other header elements to the side. This would let the whole header take up less vertical space. (See the mowerpartsupply threads here for an example of this.)

Another possibility would be to put the logo in the left sidebar (making the sidebar wider), and eliminate the "header" and right sidebar completely. This would let the content get right up to the top of the page where it will have maximum visibility. See my site (interior pages) for an example of this.

And one more way is to make the logo div absolute positioned, so other things will slide up under it, then give anything that slides up too far a top margin to push it back down. Both my sites use that method.

And by the way, I want a bottle of Hot please. :onfire:

Rob

The absolute position is a great CSS technique, but you have to be careful when using it that you don't run into one of the IE bugs that cuts off whatever extends beyond the original container (in IE6 anyway).