I unistalled the caching program an hour ago and reinstalled it. That seems to have fixed the issue with the inline styling.
I now just added the following to test on button one…on the first slider, to the main css, but it does not seem to be applying the styling
a.maxbutton-1 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 15px; font-style: normal; font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; background-color: #000000; background: linear-gradient(rgba(0, 0, 0, 1) 45%, rgba(48, 48, 48, 1)); background: -moz-linear-gradient(rgba(0, 0, 0, 1) 45%, rgba(48, 48, 48, 1)); background: -o-linear-gradient(rgba(0, 0, 0, 1) 45%, rgba(48, 48, 48, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 0, 0, 1)), color-stop(1, rgba(48, 48, 48, 1))); border-style: solid; border-width: 1px; border-color: #3b3b3b; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(0, 0, 0, 1) 45%, rgba(48, 48, 48, 1)); position: relative; behavior: url(“https://www.gayparis4u.com/wp-content/plugins/maxbuttons/pie/PIE.htc”); } a.maxbutton-1:visited { text-decoration: none; color: #ffffff; } a.maxbutton-1:hover { text-decoration: none; color: #ffffff; background-color: #303030; background: linear-gradient(rgba(48, 48, 48, 1) 45%, rgba(0, 0, 0, 1)); background: -moz-linear-gradient(rgba(48, 48, 48, 1) 45%, rgba(0, 0, 0, 1)); background: -o-linear-gradient(rgba(48, 48, 48, 1) 45%, rgba(0, 0, 0, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(48, 48, 48, 1)), color-stop(1, rgba(0, 0, 0, 1))); border-color: #3b3b3b; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(48, 48, 48, 1) 45%, rgba(0, 0, 0, 1)); position: relative; behavior: url(“https://www.gayparis4u.com/wp-content/plugins/maxbuttons/pie/PIE.htc”); }