/* START MENU */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}


html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


.container {
	margin:0px auto; padding:0;
	width:100%; height:auto;
	background-color: #6183A8;
	border: 1px solid #4B6F93;
}


.left {
	float:left;
}

.right {
	float:right;
}

#categories {
	margin-left: 20px; padding: 0px 0 0 0px;
	width: 738px; height: auto;
	background-color: #4B6F93;
	border-top: 0px solid #73a0c5;
}



#category-list {
	margin:0; padding:0;
}
		
	#category-list li {
		margin:0px 0px 0 0px !important; 
		padding:0px;
		float:left;
		list-style: none;
		line-height:18px;
		border: 1px solid #6183A8;
	}
	
	#category-list li a{
		padding:5px 10px;
    display:block;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
	}
	
	#category-list li ul li a{
		padding:2px 10px;
    display:block;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
	}
			
	#category-list li:hover, #category-list li.hover {
		background-color:green;
    position: static;
	}


#category-list li ul {
	position: absolute;
	width: 162px;
	left: -999em;
	margin:0px;
	padding:0px; 
	border: 1px solid #85AFBC;
}

#category-list li:hover ul, #category-list li.sfhover ul {
	left: auto;
	z-index:1000;
}
#category-list li ul li {
  background: #FFFFFF;
	border-top:1px solid #d7e5e9;	
	border-bottom:1px solid #d7e5e9;	
	border-left:11px solid #d7e5e9;	
	border-right:1px solid #d7e5e9;			
	line-height:20px;	
	width:150px;
	margin:0px;
}
#category-list li ul li:hover, #category-list li ul li.hover {
	background-color: green;

}
#category-list li ul li a:hover, #category-list li ul li a.hover {
	color: #ffffff;

}
#category-list li ul ul {
	margin: -22px 0 0 15em;
}
#category-list li:hover ul ul, #category-list li.sfhover ul ul {
	left: -999em;
}
#category-list li:hover ul, #category-list li li:hover ul, #category-list li.sfhover ul, #category-list li li.sfhover ul {
	left: auto;
}
#category-list li:hover ul ul, #category-list li:hover ul ul ul, #category-list li.sfhover ul ul, #category-list li.sfhover ul ul ul {
	left: -999em;
}
#category-list li:hover ul, #category-list li li:hover ul, #category-list li li li:hover ul, #category-list li.sfhover ul, #category-list li li.sfhover ul, #category-list li li li.sfhover ul {
	left: auto;
} 		



/* HAPPY ENDING */