Stylesheet overrides (solved)

[michaelc]

So I find some style sheet issues that I expect others have also found and fix.

I noted the the UL does not have disk so it does not show and the indent for the LI items is removed.
it looks like this is done because a UL is being used to place items ( the contact form and also the carousel image on the main page )

  Why is it done this way ?

   How can I change it so I can use the UL OL as there used all the time in News items.

[michaelc]

no one ?
how does anyone use this without  the UL & OL ?
I see it is done in reset.css  remove ul and ol and li and it now works as expected.

but I see that this will affect image placement and forms in the product.

table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   background: transparent;
}
‍‍‍‍‍‍‍‍‍

Why was it done this way - ugg ?
So I can define some type of reset of the reset but what would be the margin and padding ?
Ul detailBlock {
    to reset ul and ol 
}

[michaelc]

Talking to myself again . . .

Ok I created a wraper stylesheet class for my pages "stdPage" and then did an overwrite to article-body.
I think that about covers it.
if anyone can see an error in this let me know before the cement dries.
seems to be functional everywhere.
Looks like tables have an issue with borders.

in reset.css

.stdPage ul{
   list-style-type:circle;
   margin: 0px 30px;
   padding: 0px; 
   }
.stdPage ol{
   list-style-type:decimal;
   margin: 0px 30px;
   padding: 0px; 
   }   
.article-body ul{
   list-style-type:circle;
   margin: 0px 30px;
   padding: 0px; 
   }
.article-body    ol{
   list-style-type:decimal;
   margin: 0px 30px;
   padding: 0px; 
   }   
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍