ul#dropdown,
ul#dropdown li{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	background:#FFF;
	}

ul#dropdown{
	margin:0;
	padding:0;
	border: 1px solid #CCC;
	border-width:1px 0 1px 0;
	}
	
ul#dropdown li {
	width:80px;
	border: 1px solid #CCC;
	border-width:0 1px 0 1px;
	}
		
ul#dropdown a,
ul#dropdown a:link,
ul#dropdown a:hover,
ul#dropdown a:active,
ul#dropdown a:visited{
	width:70px;
	text-decoration:none;
	cursor:pointer;
	margin:0;
	padding:0 5px;
	color:#333;
	line-height:20px;
	display:block;
	background:url('http://hosted.where2getit.com/vistakon/images/next-arrow.gif') 70px center no-repeat;
}
	
	ul#dropdown li ul {
		width:80px;
		position:absolute;
		margin:0 0 0 -1px;
		padding:0;
		display:none;
		z-index:999;
		border: 1px solid #CCC;
		border-width: 1px 0 1px 0;
		background:#FFF;
		}

	ul#dropdown li ul li {
		width:80px;
		}				

	ul#dropdown li ul li a,
	ul#dropdown li ul li a:link,
	ul#dropdown li ul li a:hover,
	ul#dropdown li ul li a:active,
	ul#dropdown li ul li a:visited{
		background:transparent;
	}

	ul#dropdown li a:hover,
	ul#dropdown li li a:hover{
		/*background:#CCC;*/
	}
			
	/* this is the trick to display the nested ul */
	/* must be coupled with .js below to correct IE DOM */
	ul#dropdown li:hover ul, 
	ul#dropdown li.over ul { 
		display: block !important;
		}	

.alignLeft{
	float:left;
	margin-right:5px;
	line-height:24px;
	}