Email Template issue with outlook

So i have created an email template designed and its build in html and css , this email template is a booking confirmation email that get sent to customer when they book a room. This email template is sent on our booing system . On our booking system we have a css that is added to the email template , which is the following : <style type='text/css'> ul li { padding: 5px; } table{ width:100%;border:none; border-collapse:collapse; table-layout:fixed; empty-cells:show; max-width:100% } table tr{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} table tr td,table tr th{ border:1px solid #ddd; text-align:left; vertical-align:middle; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text; padding:5px } .table-1 { border-spacing:0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } .table-1 td, .table-1 th { vertical-align:middle; text-align:center; padding: 5px; border:solid 1px #e3e3e3; } </style> this extra css breaks the email template so i added this on the html email template to overrite it and it looks okay . Now when i submit an email to outlook , it strip almost all the css and break it . i have added attachment of how it look when it breaks on outlook. i have done all the work , all i need is to tweek it so it look exactly the same on outlook. I have attached a html email template , i have nto add the extr css on it , i have attached the extra css , you add it , then overwrite that css to the html template , then you need to check with out look to make sure all is working great , it need to show extactly like it is on the html . This is a small job i want to between an hour