hikashop container

I have one problem how to center objects when I add margin-left:25px in one of the styles css(in picture below) and how to keep squares remains the same size:

.hikashop_container{
margin:0px !important;
margin-left:25px !important;}

.hikashop_subcontainer{
background-color:#fff !important;
margin:2px !important;
border-radius:5px;
border: 1px solid #ddd !important;}

.hikashop_subcontainer:hover{
margin:2px !important;
border:none !important;
border: 1px solid #bbb !important;
border-top:1px solid #ccc !important;
}

.hikashop_subcontainer br {
display:none;}

.hikashop_subcontainer_border{
padding-right:5px;}

We would need a link to that page to look at the CSS and tell you.

this is only on localhost(when I removed border and picture background is ok:))

and one another question: why products shows on category listing(I create another category listing and is the same-I have also all modules disabled).
I did one site before, half a year ago(is also on localhost now) and there is ok.

That products and categories on same page was from start, when I installed hikashop and clicked on category listing was been already toghether.

picture is same as before in first post.

That's because of the option "sub element filter" of the products listing module which is associated to your category listing menu item which is set to display all sub elements instead of only direct sub elements.