/*    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:13px arial, sans-serif;
    color: #555;

}

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

a {
    color: #009;
}

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 36px;
}
.left ul li, .left ol li, .right ul li, .right ol li { margin-left:18px; }

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 {
    margin:12px 0;
    font-size:17px;
    color:#656565;
    text-transform:uppercase;
    border-bottom:dashed 1px #cdcdcd;
}
h2 {
    margin:12px 0 4px 0;
    font-size:18px;
}

h3 {
    margin: 12px 0 4px 0;
    font-size:14px;
}

h5 {
    margin: 12px 0 4px 0;
    font-size:12px;
  font-weight: 800 !important;
}

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

legend {
    padding:4px;
}

strong {
    font-weight:bold;
}

/* 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 */

/* mceFontSize List must be 7 items 1-7 no more, no less */
.mceFontSize1 {
    font-size:8px;
}
.mceFontSize2 {
    font-size:10px;
}
.mceFontSize3 {
    font-size:11px;
}
.mceFontSize4 {
    font-size:14px;
}
.mceFontSize5 {
    font-size:18px;
}
.mceFontSize6 {
    font-size:24px;
}
.mceFontSize7 {
    font-size:36px;
}

.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;
}

.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;
}

/* Numbered lists like 1, 1.1, 2.2.1... */
ol li {display:block;} /* hide original list counter */
ol > li:first-child {counter-reset: item;} /* reset counter */
ol > li {counter-increment: item; position: relative;} /* increment counter */
ol > li:before {content:counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px;} /* print counter */

.custom-account-link {
   margin: 3px 0px;
   padding:10px 10px 10px 15px;
}

.custom-account-link:hover {
   color:white;
   background-color:;
}


/*  Food-Wine Page */
#food-wine {
    position: relative;
    width: 100%;
    margin: 10px auto;
}

#food-wine img {
    width: 100%;
    transition: opacity .5s ease-in-out;
}

/* target the ".top" image*/
#food-wine .top {
    position: absolute;
    top: 0;
    left: 0;
}

#food-wine .bottom {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
@media (max-width: 767px) {
    #food-wine .bottom {
        position: relative;
    }
}

#food-wine:hover .top {
    opacity: 0;
}
#food-wine:hover .bottom {
    opacity: 1;
}