/*    Any style that will affect the appearence of {=MAIN_BODY=} content should be here
    and will be used to format the guts of the WYSIWYG editor. All styles should be defined
    as a type selector (specific tag) or as a child of .mceContentBody (the WYSIWYG body wrapper) */

* {
    padding: 0px;
    margin: 0px;
}
body {
    font:14px/19px arial, sans-serif;
}

body.wysiwyg-content {
    color:#000;
    font-family:arial, sans-serif;
}
body.wysiwyg-content table { border: 1px solid; }

a {
    color: #ed2229;
    text-decoration: none!important;
}

a img { border: 0; }

#actions a:link,
#actions a:visited,
#username a:link,
#username a:visited {
    color: #79BEE8;
}
#actions a:hover,
#actions a:active,
#username a:hover,
#username a:active {
    color: #DEF;
}


p {
    margin:6px 0 12px 0;
}

blockquote {
    margin:0px;
}

form {
    margin:0px;
}

ul li, ol li {
    margin:6px 0 6px 6px;
}
.left ul li, .left ol li, .right ul li, .right ol li {  }

ul {
    overflow:hidden;
    /* fixes the issue that appears when bullets are inside a table or next to a floated object */
}



<!-- Module Bullets -->
.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color: rgb(200,200,200);
    color: #ED2229;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}

<!-- End Module Bullets -->

ul.catalog-product-module-list li {
    list-style-image:none;
    list-style:none;
}

table {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: 0px solid;
}

th {
    font-size:11px;
}

td {
    text-align:left;
    vertical-align:top;
    padding: 0px;
}


h1 {

    font: normal 17px/20px 'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    font-weight: bold;
    padding: 0;
    letter-spacing: normal;
    text-transform: uppercase;
    text-shadow: 0 0 2px rgba(0,0,0,0.34);
    text-align: center;
    margin-bottom: 28px;
}

h2 {
    font-family:'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    margin:12px 0 4px 0;
    font-size:18px;
}

h3 {
    font-family:'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    margin: 12px 0 4px 0;
    font-size:14px;
}

fieldset {
    margin:18px 0 0 0;
    border: none;
}

legend {
    padding:4px;
}

strong {
    font-weight:bold;
}

strong a{
    color:#ed2229;
}

/* Do Not Delete */

a:link .img-opacity-rollover,
a:visited .img-opacity-rollover {
    opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
}

a:hover .img-opacity-rollover,
a:active .img-opacity-rollover {
    opacity:1.00;filter: alpha(opacity=100); -moz-opacity: 1.00;
}

/* End Do Not Delete */


.fader-current-msg {
    text-align:center;
    color:#929292;
    font-size:14px;
    font-weight:bold;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}

.fader-current-msg p {
    text-align:center;
    color:#929292;
    font-size:14px;
    font-weight:bold;
}

.open_quotes {
    background:url(/templates/front/images/quotes_open.jpg) no-repeat;
    height:30px;
    text-align:left;
}

.close_quotes {
    background:url(/templates/front/images/quotes_closed.jpg) top right no-repeat;
    height:30px;
    text-align:right;
    margin-right:10px;
}

p.quote_from {
    font-size:12px;
    color:#c0c0c0;
}


/* Any SPAN classes are available in the WYSIWYG tool formatting dropdowns */
/* Place all span classes between these comments */
.button {
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background: #369;
    border: 1px outset #036;
}

.head-button {
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    background: #369;
    border: 1px outset #036;
}

.img-opacity-rollover {
/* Empty class make it possible to select from the drop-down picker in the content editor.  Styles defined above. */
}


/* End SPAN tag classes */

div.fission-form-box {
    width: 64px;
    height: 64px;
    color: transparent;
    background: url(/cmscore/js/tiny_mce/plugins/pfforms/images/pfforms-placeholder.gif) no-repeat;
}

ul.news-module-list li {
    background:none;
    list-style-image:none;
    margin-left:0;
    list-style:none;
}

ul.event-module-list li {
    background:none;
    list-style-image:none;
    margin-left:0;
    list-style:none;
}

ul.rss-feeder li {
    background:none;
    list-style-image:none;
    margin-left:0;
    list-style:none;
}

abbr {
    cursor: help;
    border-bottom: 1px dashed black;
}