Align Footer Widgets Vertically in a Column

Hi I’d like to make the 4 widgets in my footer area align vertically in a column instead of side by side in a row. I’m using an Artisteer generated theme with “The Templateer”.

I found this code here within the style sheet.

div.art-footer div.art-content-layout
{
margin:0 auto;
width:100%;
}
div.art-layout-cell-size1
{
width:100%;
}
div.art-layout-cell-size2
{
width:50%;
}
div.art-layout-cell-size3
{
width:33%;
}
div.art-layout-cell-size4
{
width:25%;

I tried changing the width to 100% for each cell-size but they still displayed side by side.

Any help greatly appreciated

Thanks