/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: menu.css
* Description: CSS file for the menu items for the Stainless Headers website
*
*********************************************************************************/

#menu 
    {
    width:270px;
    height:251px;
    margin:0px 0px 0px 1px;
    background:url(/images/backgrounds/left-nav-top.png) no-repeat;
    }

* html #menu
    {
	background:url(/images/backgrounds/left-nav-top.gif) no-repeat;
    }

#menu ul 
    {
    margin:0;
    padding:8px 0 0 0;
    }

#menu ul li 
    {
    display:block;
    height:36px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 10px;
    }

#menu ul li.title a:link, #menu.title ul li a:visited 
    {
    display:block;
    padding:0;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    }

#menu ul li.title a:hover {
}
#menu ul li.title a:active {
}

#menu li a:link, #menu li a:visited 
    {
    font:11px Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-decoration:none;
    }

#menu li a:hover 
    {
    text-decoration:underline;
    }

#menu li a:active {
}

/* Layout
-----------------------------------------------------------------------------------*/

#bottommenu
    {
    width:270px;
    height:329px;
    margin-left:1px;
    background:url(/images/backgrounds/left-nav-bottom.png) no-repeat;
    }

* html #bottommenu
    {
	background:url(/images/backgrounds/left-nav-bottom.gif) no-repeat;
    }

#bottommenu ul
    {
    width:110px;
	margin:0 0 0 4px;
	padding:0;
	list-style:none;
    }

#bottommenu ul li
    {
	color:#fff;
	display:block;
	border-bottom:1px solid #cfcfcf;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    }

#bottommenu ul li ul
    {
    margin-left:2px;
    }

#bottommenu ul li ul li
    {
    padding:3px 0 3px 12px;
	color:#fff;
	display:block;
	border-bottom:1px solid #cfcfcf;
	background:url(/images/backgrounds/bullet_red.png) no-repeat 0px 5px;
    }

#bottommenu ul li ul li:hover
    {
	background:url(/images/backgrounds/bullet_green.png) no-repeat 0px 5px;
    }

#bottommenu ul li ul li a:link, #bottommenu ul li ul li a:visited
    {
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
    }

#bottommenu ul li ul  li a:hover
    {
    }

#bottommenu ul li ul li a:active
    {
    }