/*
 * DESCRIPTION
 * CSS styles used by the menu of the website of Sprank   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Menu styles
 */


/* Menu styles 
-------------------------------------------------------------------------------------------------*/

div.pdmenu {
	padding: 0;
	position: relative;
	left: -5px;
	z-index: 200;
}

    .pdmenu ul {
        margin: 0;
    	padding: 0;
    	list-style-type: none;
    }

        .pdmenu li  {
        	margin: 0 10px 0 0;
        	padding: 0;
        	text-decoration: none;
        	float: left;
        }

            .pdmenu a {
            	text-decoration: none;
            	display: block;
            	font: 0.8em/20px Trebuchet MS,Arial,Verdana,sans-serif;
                text-transform: uppercase;
                color: #FFF;
            	background-color: #E61E1E;
            	padding: 0 5px;
            	
            }

            .pdmenu a:hover {
            	text-decoration: none;
            	color: #E61E1E;
            	background-color: #FFF;
            }
            
            .pdmenu a.active {
                text-decoration: none;
            	color: #E61E1E;
            	background-color: #FFF;
            }

        .pdmenu li ul {
        	display: none;
        	background: #FFF;
        }

        .pdmenu li:hover ul {
        	visibility: visible;
        	display: block;
        	position: absolute;
        	z-index: 1;
        	width: 100px;
        	padding: 0;
        	margin: 0;
        	
        }

            .pdmenu li li {
            	border: none;
            	width: 140px;
            }
            
                .pdmenu li li a {
	                padding: 2px 2px 2px 6px;
	                text-align: left;
	                font: 0.7em/20px Trebuchet MS,Arial,Verdana,sans-serif;
                }