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

#info {
	background:#f8f8f8;
	border:0;
}
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu {
	width:760px;
	height:31px;
	position:relative;
	z-index:100;
	font-family:arial, sans-serif;
}

#menu span {
	display: none;
}

/* hack to correct IE5.5 faulty box model
* html #menu {
	width:760px;
	w\idth:758px;
} */

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu ul ul {
	width:inherit;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	width:inherit;
	position:relative;
}
/* style the links for the top level */
#menu a, #menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	width:inherit;
	height:31px;
	border:1px solid #000;
	border-width: 0px;
	line-height:29px;
	font-weight:bold;
	background: #FFFFFF url('../images/menu/sub-menu-button.jpg') no-repeat left top;
}
/* a hack so that IE5.5 faulty box model is corrected 
* html #menu a, * html #menu a:visited {
	width:149px;
	w\idth:138px;
}*/

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {
	background:#fe6400;
	background-iamge: url('../images/menu/sub-menu-button_.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:inherit;
}
/* another hack for IE5.5 
* html #menu ul ul {
	top:30px;
	t\op:31px;
} */
/* position the third level flyout menu */
#menu ul ul ul {
	left:149px;
	top:-1px;
	width:149px;
}
/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {
	left:-149px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
	color:#000000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:166px; /* IMPORANT FACT USE THIS TO CHANGE THE WIDTH*/
	border-color: #fe6400;
	border-width:0 1px 0px 1px;
}

/* yet another hack for IE5.5 
* html #menu ul ul a, * html #menu ul ul a:visited {
	width:150px;
	w\idth:128px;
} */
/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {
	color:#FFFFFF;
	background:#fe6400;
	background-image: url('../images/menu/sub-menu-button_.jpg');
}
#menu :hover > a {
	color:#FFFFFF;
	background:#fe6400;
	background-position: 0 -31px; 
}
#menu ul ul :hover > a {
	color:#FFFFFF;
	/*background:#fe6400;*/
	background-image: url('../images/menu/sub-menu-button_.jpg');
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul {
	visibility:visible;
}

#menu a#home { width: 71px; background-image: url('../images/menu/mm_1_home.jpg'); }
#menu a#about-us { width: 71px; background-image: url('../images/menu/mm_2_about.jpg'); }
#menu a#products-and-services { width: 188px; background-image: url('../images/menu/mm_3_products-and-services.jpg'); }
#menu a#shop-online { width: 124px; background-image: url('../images/menu/mm_4_shop-online.jpg'); }
#menu a#request-a-quote { width: 155px; background-image: url('../images/menu/mm_5_request-a-quote.jpg'); }
#menu a#news { width: 66px; background-image: url('../images/menu/mm_6_news.jpg'); }
#menu a#contact-us { width: 85px; background-image: url('../images/menu/mm_7_contact.jpg'); }

#menu a:hover, #menu a.current { background-position: 0 -31px }
#menu a.sub_current, #menu a.sub_current:visited { color: #FFFFFF; background-image: url('../images/menu/sub-menu-button_.jpg'); }

#menu a, #menu a:visited, #menu a:hover {
	text-indent: -9999px;
}

#menu .sub2 a, #menu .sub2 a:visited, #menu .sub2 a:hover {
	text-indent: 0px;
}