Having home.asp call a separate CSS file

Hello,

Well the main content area of this page I'm working on has 5px padding.  This is perfect for the entire site - except we can't have this padding on the home.asp page.

On the home page, I would like '0' padding in this main content area

So what I was thinking was creating a separate header/footer.asp and naming them something like header_home.asp, footer_home.asp and have the home.asp call the new files instead of the regular header/footer.  Of course these new header/footer files would call their own stylesheet to have no <div> padding as desired, but that means if I need to update the static nav links or something, Id have to update the new header/footer_home.asp files and the regular header/footer files.

Another option I was thinking is I could just have the home.asp call a separate CSS file with the update padding dimensions, but it looks like the home.asp calls the header/footer which calls the stylesheet.

Is there any way to have the home.asp call it's own stylesheet or must it go through the header/footer files?

Hope that makes sense!

Maybe Im making this more difficult than it is, still learning!

Thank you very much for any help,
-J


Edited by BlackReefDesigns - 01-April-2010 at 7:33pm

OK thank you for the response.  However, I couldn't quite figure out how to work your solution.  I updated the line in the Home.asp file and then added the new class to the pcstorefront.css, but the padding on the home.asp page was still there. 

Anyways, like I said, maybe Im making this more difficult then it is.

Unless I change the padding for the main content area on the entire site, the padding on the content pages is non-existant.  Atleast for the rest of the site (ex; product details pages) I can go in and add padding in the pcStoreFront.css to make the page look better.  With the content pages though, I cant edit the padding with the pcstorefront.css file, atleast I havent been able to find how to do it with the firefox web dev. tools.  Here is an example:

http://hendersondefense.com.mytempweb.com/store/pc/viewContent.asp?idpage=2

Point being, is I think creating a separate home file separate from the rest of the site just for padding issues might be overkill.

When I use the CSS web dev. tools in firefox, it's not showing that the content pages have editable CSS (I would like to add 10 px padding on left, right sides)

In the past, Ive actually set the padding in PC's built in HTML editor when editing content pages, but I think this can be controlled somehow in a css file.

Plus Im still learning proper css so this is frustrating for me, lol.  Im sure its got to be a simple fix but I cant find it




Edited by BlackReefDesigns - 03-April-2010 at 3:06am