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;}

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.