@charset "utf-8";

 

/* suckerfish_navbar
-------------------------------------------------------------- */

#hmt-sf-navbar {
	width: 653px;
	height: 33px;
	min-height: 33px;
	
	margin: 0px;
	padding: 0px;

/*	margin-top: 3px; */	/* distance from top of navbar */
	margin-left: 15px;	/* distance from left margin of navbar */

	display: inline;
	overflow: hidden;
	float: left;
	
	color: #FFF;
	
	line-height: 33px;
}


#hmt-sf-nav {
	margin: 0;
	padding: 0;
}

#hmt-sf-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:9999; /* this has to be high so nothing else gets in its way! */
}

#hmt-sf-nav li {
	float: left;
	width: auto;
}

#hmt-sf-nav a {
	display: block;
	width: auto;
/*	padding-bottom: 5px; */ /* deleted 17/11/09 - this is the space between the nav bar and the first subment */
}

#hmt-sf-nav li ul {
	font-size: 10px; 	/* set the font size slightly smaller for submenus */
	position: absolute;
	left: -999em;		/* if a UL isnt showing send it off the side of the screen until something hoevers it to bring it back */
	width: 185px;		/* width of the drop down column - you must set this to match the width for #hmt-sf-nav li ul a below or things go a bit crazy! */
	line-height: 24px;	/* added to fix vertical alignment across more browsers 17/11/09 */
}

#hmt-sf-nav li ul a {
	background: #363636;	/* background colour for each item */
	/* removed an erroneous reference to 638em 30/1/2010 */
	height: 24px;			/* height of each item in the submentu */
	width: 185px;			/* width of each drop down column */
/*	padding-top: 1px; */
	padding-bottom: 1px; 	/* just a little spacing to make things neat */
	padding-left: 5px;		/* and just offset it a little from the left side */
	border-bottom: solid 1px #A2A2A2; /* draw a dividing line between each item */
	
	filter:alpha(opacity=90); /*set up transparency effect for lots of different browsers */
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow: hidden; 		/* hide anything thats too long! */
}

#hmt-sf-nav li ul ul { 		/* third level lists downwards - controls where sub items appear next to the parent list */
	margin-top: -26px;		/* you'll need to adjust this if you adjust the height of the item box */ 
	margin-left: 190px; 	/* set this to match the width plus the padding left in "#hmt-sf-nav li ul a" */
}

#hmt-sf-nav li:hover ul ul, 
#hmt-sf-nav li:hover ul ul ul, 
#hmt-sf-nav li.sfhover ul ul, 
#hmt-sf-nav li.sfhover ul ul ul {
	left: -999em;
}

#hmt-sf-nav li:hover ul, 
#hmt-sf-nav li li:hover ul, 
#hmt-sf-nav li li li:hover ul, 
#hmt-sf-nav li.sfhover ul, 
#hmt-sf-nav li li.sfhover ul, 
#hmt-sf-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#hmt-sf-nav li ul ul a {	/* make the colours of the menu alternate! */
	background: #A2A2A2;
	border-bottom: solid 1px #363636;
	overflow: hidden;
}

#hmt-sf-nav li ul ul ul a { 	/* and again */
	background: #363636;
	border-bottom: solid 1px #A2A2A2;
	overflow: hidden;
}

#hmt-sf-nav li:hover, #hmt-sf-nav li.hover {
	position: static;   /* fix sticky IE menus! - thanks Matt builtfromsource.com */
}


/* suckerfish_catbar 
-------------------------------------------------------------- */

#hmt-sf-catbar {
	width: 618px;  	/* 16/02/2010  changed this to 618px to cater for reported problems in MAC Chrome and Firefox - Thanks gthiruva */ 
					/* 11/01/2010 - change this from 653px - which was a typo */
	height: 28px;
	min-height: 28px;
	
	margin: 0px;
	padding: 0px;

/*	margin-top: 3px; */	/* distance from top of navbar */
	margin-left: 15px;	/* distance from left margin of navbar */

	display: inline;
	overflow: hidden;
	float: left;
	
	color: #FFF;
	
	line-height: 28px;
}


#hmt-sf-cat {
	margin: 0;
	padding: 0;
}

#hmt-sf-cat ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:9999; /* this has to be high so nothing else gets in its way! */
}

#hmt-sf-cat li {
	float: left;
	width: auto;
}

#hmt-sf-cat a {
	display: block;
	width: auto;
/*	padding-bottom: 5px; */ /* deleted 17/10/09 - this is the space between the nav bar and the first subment */
}

#hmt-sf-cat li ul {
	font-size: 11px; 	/* set the font size slightly smaller for submenus */
	position: absolute;
	/* width: 653em; */		/* deleted this 11/2/2010 - typo - space allocated for the entire nav bar */
	left: -999em;		/* if a UL isnt showing send it off the side of the screen until something hoevers it to bring it back */
	width: 185px;		/* width of the drop down column - you must set this to match the width for #hmt-sf-nav li ul a below or things go a bit crazy! */
}

#hmt-sf-cat li ul a {
	background: #363636;	/* background colour for each item */
	height: 28px;			/* height of each item in the submentu */
	width: 185px;			/* width of each drop down column */
/*	padding-top: 2px; */	/* deleted 17/10/09 */
/*	padding-bottom: 0px; */	/* deleted 17/10/09 - just a little spacing to make things neat */
	padding-left: 5px;		/* and just offset it a little from the left side */
	border-bottom: solid 1px #A2A2A2; /* draw a dividing line between each item */
	
	filter:alpha(opacity=90); /*set up transparency effect for lots of different browsers */
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow: hidden; 		/* hide anything thats too long! */
}

#hmt-sf-cat li ul ul { 		/* third level lists downwards - controls where sub items appear next to the parent list */
	margin-top: -29px;		/* you'll need to adjust this if you adjust the height of the item box */ 
	margin-left: 190px; 	/* set this to match the width plus the padding left in "#hmt-sf-nav li ul a" */
}

#hmt-sf-cat li:hover ul ul, 
#hmt-sf-cat li:hover ul ul ul, 
#hmt-sf-cat li.sfcathover ul ul, 
#hmt-sf-cat li.sfcathover ul ul ul {
	left: -999em;
}

#hmt-sf-cat li:hover ul, 
#hmt-sf-cat li li:hover ul, 
#hmt-sf-cat li li li:hover ul, 
#hmt-sf-cat li.sfcathover ul, 
#hmt-sf-cat li li.sfcathover ul, 
#hmt-sf-cat li li li.sfcathover ul { /* lists nested under hovered list items */
	left: auto;
}

#hmt-sf-cat li ul ul a {	/* make the colours of the menu alternate! */
	background: #A2A2A2;
	border-bottom: solid 1px #363636;
	overflow: hidden;
}

#hmt-sf-cat li ul ul ul a { 	/* and again */
	background: #363636;
	border-bottom: solid 1px #A2A2A2;
	overflow: hidden;
}

#hmt-sf-cat li:hover, #hmt-sf-cat li.hover {
	position: static;   /* fix sticky IE menus! - thanks Matt builtfromsource.com */
}