<style type="text/css">
    <?= $this->_previewId ?> td[class].opensans {font-family: 'Open Sans', sans-serif;}
    <?= $this->_previewId ?> td[class].raleway {font-family: 'Raleway', sans-serif;}
    <?= $this->_previewId ?> div, 
    <?= $this->_previewId ?> p, 
    <?= $this->_previewId ?> a, 
    <?= $this->_previewId ?> li, 
    <?= $this->_previewId ?> td { -webkit-text-size-adjust:none; }
    <?= $this->_previewId ?> *{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    <?= $this->_previewId ?> td{word-break: break-word;}
    <?= $this->_previewId ?> a.button{background:none;box-shadow:none;height:40px;}
    <?= $this->_previewId ?> a{word-break: break-word; text-decoration: none; color: inherit;}
    <?= $this->_preview ? $this->_previewId : 'body'  ?>{width: 100%; height: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;}
    <?= $this->_preview ? $this->_previewId : 'html'  ?> { background-color:#ffffff; width: 100%;}
    <?= $this->_previewId ?> .hover:hover {opacity:0.85;filter:alpha(opacity=85);}
    <?= $this->_previewId ?> td[class].h50 {width: 100%!important; height: 50px!important;}
</style>
<style <?php $this->showOnlyOnPreview('ma-media-style="{\'lte\': 615}" '); ?> type="text/css">
<?php $this->hideOnPreview("@media only screen and (max-width: 615px) {"); ?>
    <?= $this->_preview ? $this->_previewId : 'body'  ?> {overflow-x: hidden;}
    <?= $this->_preview ? $this->_previewId : 'body'  ?> {width:auto;}
<?= $this->_previewId ?> table[class=full],table.full {width: 100%!important; clear: both; }
<?= $this->_previewId ?> table[class=mobile] {width: 100%!important; padding-left: 30px; padding-right: 30px; clear: both; }
<?= $this->_previewId ?> table[class=fullCenter],table.fullCenter,body table[class=fullCenter] td {width: 100%!important; clear: both; }
<?= $this->_previewId ?> td[class].fullCenter {width: 100%!important; text-align: center!important; clear: both; }
<?= $this->_previewId ?> *[class=erase] {display: none;}
<?= $this->_previewId ?> .full{padding: 0px 15px;width:100% !important}
<?= $this->_previewId ?> td[class].erase {display: none;}
<?= $this->_previewId ?> .button{margin-top: 15px;}
<?= $this->_previewId ?> td[class].full,td.full {display: block;}
<?= $this->_previewId ?> table[class=full-width],table.full-width{width: 100% !important;}
<?= $this->_previewId ?> .full-width {width: 100% !important;float: left;}
<?= $this->_previewId ?> .right-text {text-align: right !important;}
<?= $this->_previewId ?> .text-left{text-align: left !important;}
<?php $this->hideOnPreview('}'); ?>
</style>
<!--[if !IE]><!-->
<style type="text/css">
    <?= $this->_previewId ?> .ie-appearance-bg {background-color: {{appearance.backgroundColor.val}};}
    <?= $this->_previewId ?> .ie-header-bg {background-color:{{header.background.val}};}
    <?= $this->_previewId ?> .ie-body-bg {background-color:{{body.backgroundColor.val}};}
    <?= $this->_previewId ?> .ie-footer-bg {background-color:{{footer.backgroundColor.val}};}
</style>
<!--<![endif]-->