@charset "UTF-8";
/* CSS Document */

	.clear{
		clear:both;
	}
	
	#mainContainer{
		width:760px;
		text-align:left;
		margin:0 auto;
		background-color: #FFF;
		border-left:1px solid #28383C;
		border-right:1px solid #28383C;
		height:100%;
	}
	
	#topBar{
		width:760px;
		height:100px;
	}
	#leftMenu{
		width:200px;
		padding-left:0px;
		padding-right:5px;
		float:left;
		
	}
	#mainContent{
		width: 520px;
		padding-right:10px;	
		float:left;
	}
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	}
	#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	}
	#dhtmlgoodies_slidedown_menu ul li{
margin-top:10px;
}
    
	#dhtmlgoodies_slidedown_menu ul li a{
    	color: #232627;
	text-decoration:none;
	display:block;
	clear:both;
	width:272px;
	padding-left:2px;
	font-family: Impact;
	font-size:16px;
    padding-top:4px;
	padding-bottom:4px;
    height:auto;
    }
    
	#dhtmlgoodies_slidedown_menu ul li ul li a{
	    margin-top:6px;
		background:#000;
		width:200px;
		display:none;
		padding-left:18px;
		font-size:0.9em;
		line-height:22px;
        color:#FFF;
        height:auto;
	}
	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{
	width:272px;
	padding-left: 8px;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
	color: #232627;
	text-decoration:none;
	display:block;
	clear:both;
	width:272px;
	padding-left:2px;
	font-family: Impact;
	font-size:16px;
    padding-top:4px;
	padding-bottom:4px;
	}
	#dhtmlgoodies_slidedown_menu a:hover{
	color: #006699;
	
	}
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:10px;
		}	
	
	
	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:6px;
		background:#CCCCCC;
		width:200px;
		display:block;
		padding-left:18px;
		font-size:0.9em;
		line-height:22px;
        color:#000000;
        
			
	}	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover{	/* Sub menu items */
		background:url(../images/productpage_03.jpg);
		color:#3A3A3A;
		
	}	
	
	
	
	
	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:4px;
		background:url(images/productpage_06.jpg);
		height:21px;
		width:200px;
		display:block;
		padding-left:18px;
		font-size:0.8em;
		font-weight:bold;

			
	}	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3:hover{	/* Sub menu items */
		background:url(images/productpage_03.jpg);
		color:#3A3A3A;
		
	}	
	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}