Payment Module Global CSS not being applied correctly

[hypercraker]

Hello, I'm having a problem with a simple payment module. When I select it as payment method, the css from the next page is not being applied correctly.

 

This Payment module is called PayTest and is a simple duplicate of BankWire module that I removed almost everything to keep it simple. The only thing it has is the payment hook to demostrate my point.

 

Now, I've attached an image where you can see the module BankWire compared with PayTest. As you can see the image has chrome's 'Inspect Element' included, and the same Div is not being applied with the same css despite being the almost same module. Is there some extra line to put in the installer so this won't happen?.

 

I see that in the global.css there are some rules for payment methods (like #module-bankwire-payment) except for PayTest that has none. This should be put manually in global.css or PrestaShop should do it automatically? And if it's automatically done, then how come PayTest has no rule in the CSS but other modules do. Or If it's manually how come I dont see any line inside any .php file of BankWire module that add those CSS rules?.

 

I've also attached the module I'm using so you can check how it is. As you will see, is a simplified version of BankWire.

 

I have installed a new Test PrestaShop in a server wich has installed already BankWire and PayTest so you can check for yourself. Here is the link: http://hcz-system.com/ps/

 

Please try to make a buy and try both payment methods.

 

Thanks in advance for all the help you can give me.

paytest.zip

[NemoPS]

You can add a new css for the module, say 'paytest.css' and include it in the header hook This will contain the basic declaration so that you can setup about the same rule bankwire has (#module-paytest-payment #center_column....)