/** Flexible Footer Menu
 * @package admin
 * @copyright Copyright 2003-2009 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * Added by rbarbour (ZCAdditions.com), Flexible Footer Menu 1.2 (3)
 */

#flex-navSupp ul {margin: 0;padding:0;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul {display:block;text-align:left;}
#flex-navSupp ul li h4 {text-align:left; border-bottom:1px dashed #ffffff; width:50%;}
#flex-navSupp ul li h4 a{}
#flex-navSupp ul li span {display:block;text-align:left;}
#flex-navSupp a.activePage {font-weight: bold;color: #ffffff;}
#flex-navSupp a:hover {font-weight: bold;text-decoration: underlined;color: #ffffff;}

/* Example for styleing individual column blocks */
ul#col_1 {/*background-color:#FFFFFF;*/color:#fff;height:110px;}
ul#col_2 {/*{background-color:#C0C0C0;*/color:#fff;height:110px;}
ul#col_3 {/*background-color:#FF00FF;*/color:#fff;height:110px;}
ul#col_4 {/*background-color:#00FFFF;*/color:#fff;height:110px;}
ul#col_5 {background-color:#FFFF00;color:#333;height:150px;}
ul#col_6 {background-color:#0000FF;color:#FFFFFF;height:150px;}
ul#col_7 {background-color:#00FF00;color:#333;height:150px;}
ul#col_8 {background-color:#FF0000;color:#333;height:150px;}
ul#col_9 {background-color:#000000;color:#FFFFFF;height:150px;}

/* Each span represents a columns width */
.span_9_of_9 {width: 10.55%;}
.span_8_of_9 {width: 11.94%;}
.span_7_of_9 {width: 13.72%; }
.span_6_of_9 {width: 16.08%; }
.span_5_of_9 {width: 19.38%; }
.span_4_of_9 {width: 24.35%; float:left;}
.span_3_of_9 {width: 32.66%;}
.span_2_of_9 {width: 49.25%; }
.span_1_of_9 {width: 99%; }

/* Changes column width at 768px, changed to be consistent with responsive code */
@media only screen and (max-width: 768px) {
div#flex-navSupp>div>div>ul>li {display: block; text-align:center;}
.span_9_of_9 {width: 98%; }
.span_8_of_9 {width: 98%; }
.span_7_of_9 {width: 98%; }
.span_6_of_9 {width: 98%; }
.span_5_of_9 {width: 98%; }
.span_4_of_9 {width: 98%; }
.span_3_of_9 {width: 98%; }
.span_2_of_9 {width: 98%; }
.span_1_of_9 {width: 98%; }
}
 
#flex-navSupp a{ color:#fff;}
 
/* NO LONGER USED IN 1.2
#flex-navSupp ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul li {display: inline;}
#flex-navSupp ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #ffffff;white-space: nowrap;}
#flex-navSupp {display: table; width: 100%; background: #eeeeee;color:#000;}
.flexFooterCol {display:table-cell; border-left: 1px dotted #66bbcc;}
*+html .ezpagesFooterCol {float: left;}/*ie7 hack
#flex-navSupp .flexFooterCol a { color: #666564; font-weight: normal;}
.flexFooterCol h4 {color: #004080; text-align: center;}

#flex-navSupp .flexFooterCol li {display: block; text-align: left;}
#flex-navSupp .flexFooterCol li span {display: block; text-align:center;}
#flex-navSupp .flexFooterCol.ffCcol1 li span.flexFooterColImage {text-align:left;}
#flex-navSupp .flexFooterCol.ffCcol1 {border:0;}
#flex-navSupp a.activePage {font-weight: bold;color: #000;}
#flex-navSupp a:hover {font-weight: bold;text-decoration: underlined;color: #000;}

Flexible Footer Menu (RWD) Commercial 
#accordion {list-style: none;width: 100%;height: 30px;line-height: 30px;}
#accordion li {display: block;display: inline-block;width: 100%;height: 30px;line-height: 30px;float: left;margin-left: 0;margin-bottom: 2px;background-color: #2BA6C6;cursor: pointer;list-style: none;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#accordion ul{list-style: none;padding: 0 0 0 0;display: none;}
#accordion ul li{font-weight: normal;cursor: auto;background-color: transparent;}
#accordion ul li a {text-decoration: none;color: #000;font-weight: bold;}
#accordion ul li a:hover{text-decoration: underline;}
#accordion ul li span {display: block;display: inline-block;width: 100%;text-align: center;}
*/