/*
Title:      CSS Layout Nav
Updated:    July 8 2009
Content:	
			Container
			Header
            Flash
            Main Content
                Content
            Navigation
			Footer

*/
/* ---[ Container ]------------------------------- */
#container {
	width: 972px;/*790px*/
	}

/* ---[ Header ]------------------------------- */
#header {
    float: left;
    clear: both;
	width: 967px;/*790px*/
	height: 60px;
	}

/* ---[ Flash ]------------------------------- */
#flash-content {
    float: left;
    width: 790px; 
    height: 475px;
    }

/* ---[ Main Content ]------------------------------- */
#container #content {
    float: left;
    clear: both;
	width: 972px;
	}

/* ---[ Navigation ]------------------------------- */
#sidebar-nav {
	float: left;
	display:block;
	margin: 0;/*margin: 40px 0 0 0;*/
	width: 182px;
	color: #999;
	}

/* Level 1*/
ul#main-nav-catalogs {
	width: 175px;/*186px*/
	margin: 0 auto 0 auto;
	}
ul#main-nav-catalogs li { 
	float: left;
	width: 175px;	
	padding: 2px 0 3px 0;
	margin: 0;		
	font-size: 93%;
    color: #666;
    border-bottom: 1px solid #333;
	}
	ul#main-nav-catalogs li a:link,
	ul#main-nav-catalogs li a:visited,
	ul#main-nav-catalogs li a:active {	    
	    color: #666; 
		text-decoration: none;
	    }	
	    ul#main-nav-catalogs li a:hover {	    
	        color: #fff;
	        }    
	    ul#main-nav-catalogs li:hover {	    
	        color: #fff; 
	        background: url(../images/arrow_nav_hover.gif) no-repeat 100% 5px;
	        }	    
        ul#main-nav-catalogs li.unselected {    
            background: url(../images/arrow_nav_hover.gif) no-repeat 100% 5px;
            }
        ul#main-nav-catalogs li.selected {    
            background: url(../images/arrow_nav_hover_select.gif) no-repeat 100% 5px;
            }
	ul#main-nav-catalogs li.title {
	    color: #fff; 
	    font-size: 108%;
	    text-transform: uppercase;
	    height: 20px;
	    padding: 10px 0 0 0;
	    border-bottom: none;
	    background: url(../images/bkg_nav.gif) repeat-x top left;
	    font-weight: bold;
	    }
	ul#main-nav-catalogs li.first {
	    height: 38px;
	    padding: 0;
	    border-bottom: none;
	    background: #1a1718;
	    }
    ul#main-nav-catalogs li.space {        
        padding: 0;
        border: none;
        background: none;
        font-weight: bold;
        color: #333;
        }

/* Level 1 & Level 2*/
ul#main-nav-catalogs li a.selected,
ul#main-nav-catalogs li.selected a,
ul#main-nav-catalogs li.selected li.selected a {
    color: #fff;
    }

/* Level 2*/
ul#main-nav-catalogs ul { 
    float: left;
    width: 175px;
    margin: 5px 0 0 0;
	}
     ul#main-nav-catalogs li.selected ul li a {
        color: #666;
        }
        ul#main-nav-catalogs li.selected ul li a.selected {
            color: #fff;
            }
	ul#main-nav-catalogs li ul {
	    display: none;
	    }
    ul#main-nav-catalogs li.selected ul {
	    display: block;
	    }
ul#main-nav-catalogs ul li {
    padding: 2px 0 2px 8px;
	margin: 0;
	width: 167px;
/*	border-top: none;
	border-bottom: 1px solid #333333;*/
	}
ul#main-nav-catalogs li.subtitle {
    font-size:108%;
	}
	
/* Level 3*/
ul#main-nav-catalogs ul ul { 
    width: 167px;
	}
	ul#main-nav-catalogs li.selected ul ul {
	    display: none;
	    }
    ul#main-nav-catalogs li.selected ul li.selected ul {
	    display: block;
	    }
	ul#main-nav-catalogs ul ul li {
	    width: 159px;
	    }
	    ul#main-nav-catalogs li.selected li.selected ul li a {
            color: #666;
            }
	    ul#main-nav-catalogs li.selected li.selected ul a.selected {
            color: #fff;
            }

/* ---[ Footer ]------------------------------- */
#footer {
	width: 972px;
	}
#footer ul {
	float: right;
	}
	#footer ul li {
		float: left;
		padding: 0 12px 0 12px;
		border-right: 1px solid #6a6a6a;
		}
		#footer ul li.last {
			padding: 0 0 0 12px;
			border-right: none;
			}