Hi,
1- There is a CSS conflict on your website, because of the "row" class name. Your joomla template is also using that class name and defining fixed width size for that class name.
It is the reason of the missing margin on the right hand-side. To fix this conflict, open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css
and add this CSS rule:
#FlexibleBrowseViews .row {
width: inherit !important;
}
The margin issue will be gone.
2- To remove the shadow frame (on mousehover),
within this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css
Find this CSS rule:
.FlexibleThumbBrowseV2Pic:hover {
border-color: #777777;
box-shadow: 0 0 4px #777777;
}
and replace it with this:
.FlexibleThumbBrowseV2Pic:hover img {
border-color: #777777;
box-shadow: 0 0 4px #777777;
}
It will look much better (or completely remove that :hover rule)
Regards.