/************************************************************************* * This is the SKIN style definition for the CSS menu.                    * * Feel free to customize this section.                                   * *************************************************************************/ /* * Menu container settings * Applies to the first level menu container */ .simple { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } /* * Menu container settings * Applies to second (or more) level menu containers */ .simple ul { border: 0px solid #ffffff; } /* * Menu items settings * Applies to all menu items in all menu containers */ .simple li { background-image: none; width: 112px; border: 0px solid #ffffff; } /* * Menu items settings * Applies to second (or more) level menu items */ .simple ul li { background-image: none; background-color: #c10c00; width: 162px; border: none; } /* * Menu link settings * Applies to links that are to be found within the menu items, no matter the menu level */ .simple a { text-decoration: none; color: #ffffff; line-height: 20px; padding: 0px 2px; padding-left: 18px; border-left: solid 1px #ffffff; border-top: solid 0px #ffffff; border-bottom: solid 0px #c0c0c0; cursor: pointer; } /* * Menu link settings * Applies to links located in the second (or more) level menu items */ .simple ul a { border: none; border-bottom: 1px solid silver; color: #ffffff; line-height: 19px; } /*************************************************************************** * In this section, we will define what happens when mouse-overing an item  * ***************************************************************************/ /* * Mouse over on menu items * Applies to all menu items in all menu containers */ .simple li.hover { background-position: 0px 12px !important; } /* * Mouse over on menu items * Applies to second (or more) level menu items */ .simple ul li.hover { background-color: #000000; background-image: none; } /* * Mouse over on links * Applies to all links in all menu items */ .simple a.hover { } /* * Mouse over on links * Applies to links located in the second (or more) level menu items */ .simple ul a.hover { color: #FFFFFF !important; } /***************************************************************************** * In this section, we will define what happens when a menu item is selected  * *****************************************************************************/ /* * Selected menu item * Applies to selected menu items in all menu containers */ .simple li.selected { background-position: 0px 22px; } /* * Selected menu item * Applies to second (or more) level selected menu items */ .simple ul li.selected { } /* * Selected links * Applies to selected links in all menu items */ .simple a.selected { background-color: #555555; } /* * Selected links * Applies to selected links located in the second (or more) level menu items */ .simple ul a.selected { background-color: #555555; } /****************************************************************************** * In this section, we will define the menu arrows behavior                    * * An arrow is inserted next to the menu item when the menu item has sub-menus * ******************************************************************************/ /*  * Define the arrow * Applies to all menu items that have sub-menus */ .simple .arrow { background-image: none; background-repeat: no-repeat; background-position: right center; } /*  * Define the arrow * Applies to all menu items that have sub-menus located in the second (or more) level */ .simple .hover ul .arrow, .simple ul .arrow { background-image: none; background-repeat: no-repeat; background-position: right center; } /*  * Define the arrow on mouse over * Applies to all menu items that have sub-menus on mouse over */ .simple .hover .arrow { background-image: none; } /*  * Define the arrow on mouse over * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over */ .simple ul .hover .arrow { background-image: none; } /************************************************************************* * This is the LAYOUT style definition for the CSS menu                   * * DO NOT alter this section, unless you know what you're doing           * *************************************************************************/ div.horizontal { clear: both; } div.horizontal br { clear: both; } div.horizontal ul { margin: 0px; padding: 0px; display: block; float: left; clear: both; } div.horizontal li { list-style-type: none; display: block; float: left; clear: none; text-align: left; position: static; } div.horizontal li img { border: none; } div.horizontal a { clear: both; display: block; margin: 0px; } div.horizontal ul li ul { position: absolute; left: -5000px; top: -5000px; visibility: hidden; clear: both;  } div.horizontal ul li ul li { clear: both;  } div.horizontal ul li ul li a { clear: both; } .hasImg, .hasImg a { padding: 0px !important; margin:	0px	!important; border:	none !important; outline: none !important; background:	transparent !important; width: auto !important; }