/* Start of CMSMS style sheet 'sussex_menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */    
/*
modified to include primary_nav
http://alistapart.com/articles/slidingdoors
*/

.menuwrapper li{
	background-repeat: no-repeat;
	height: 27px;
	width: 117px;	
	display: block;
	text-align:left;
	outline: none;
	margin-right:3px;
	background-position:0px 0px;
}
.menuwrapper li a{
	text-indent: -9999px;
}
.menuwrapper li.last_item, li.last_itemh{
	margin-right:0px;
}
.menuwrapper ul li ul li{
	height:auto;
}
li#home_li{
	background-image:url(images/sussexTaps/primary_nav/li_home.gif);		

}
li#our-products_li{
	background-image:url(images/sussexTaps/primary_nav/li_our_products.gif);	

}

#customer-care_li{
	background-image:url(images/sussexTaps/primary_nav/li_customer_care.gif);	
	
}
#technical-info_li{
	background-image:url(images/sussexTaps/primary_nav/li_technical_info.gif);
			
}
#our-company_li{
	background-image:url(images/sussexTaps/primary_nav/li_our_company.gif);
		
}
#contact-us_li{
	background-image:url(images/sussexTaps/primary_nav/li_contact_us.gif);
	
}

li.current,
li.menuactive
{
	background-position: 0 -54px;
}

.hori-nav li:hover,
.hori-nav li.last_itemh,
.hori-nav li.menuh, 
.hori-nav li.menuparent:hover, 
.hori-nav li.menuparenth { 
	background-position: 0 -27px;
}




/*START PRIMARY_NAV_STYLES*******************************************************************************/

#primary_nav{
	position:relative;	
	z-index:1000;   
	line-height:12px;
	display:inline;
	float:left;
	width:718px;
	padding-bottom:5px;
}

#primary_nav li.primaryHover a, #primary_nav li:hover a{
	text-decoration:underline;
}

#primary_nav ul li:hover ul a, #primary_nav ul li.menuh ul a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#primary_nav li {
	display:block;	

}
#primary_nav a.last_item, #primary_nav ul ul a{
	background-image:none;
}
 
#primary_nav a {
	display:block;
	text-decoration:none;	
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	display:block;
	padding:8px 8px 8px 5px;	
	background-image:url(images/menu_divider.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
	height:12px;	
}

#primary_nav li.menuactive a{
	color:#000;
}

#primary_nav li {    
   float: left; 
   /*necessary for IE 6*/
   position:relative;  
	background-color:#000000; /*001409*/
}

#primary_nav ul li ul li {
	float: left;
	display: inline;
	height: auto;
	white-space: wrap;
	width: 151px;
	text-align: left;
	margin: 0;
	padding: 0;	
	padding: 3px 6px 6px 8px;
	background-repeat:no-repeat;
	background-position:8px bottom;
	background-image:url(images/sussexTaps/primary_nav/li_border.gif);
}

#primary_nav ul li ul li a, #primary_nav ul li.primaryHover ul li a, #primary_nav ul li.menuactive ul li a{
	background-color:#000000; /*001409*/
	text-indent: 0;
	display:block;
	color: #fff;	
	text-decoration: none;
	height:12px;
	padding:3px 3px 3px 3px;
	font-weight:normal;
}
#primary_nav ul li ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#e31818;
} 

#primary_nav ul li ul li ul li  a:hover {
}

#primary_nav  ul li ul li.current a, #primary_nav  ul li.primaryHover ul li.current a, #primary_nav  ul li.menuactive ul li.current a{
	background-color:#B71314;

}


/*END PRIMARY_NAV_STYLES*******************************************************************************/


/* Unless you know what you do, do not touch this */ 
.hori-nav, .hori-nav ul { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px; 
	padding: 0px;
	 
	
	
}
.hori-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   padding-top: 0px;
}

.hori-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}	

.hori-nav li li { 
   margin-left: 0px;
   float: none; 
   position: relative; 
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
.hori-nav ul li.menuparent, 
.hori-nav ul li.menuparent:hover, 
.hori-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-color:#5F7D16;
}


/* Styling the apperance of menu items on hover */

.hori-nav li li:hover, 
.hori-nav li li.menuh, 
.hori-nav li li.menuparenth, 
.hori-nav li li.menuactiveh { 

}
.hori-nav li a:hover{
	
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
.hori-nav li:hover ul ul, 
.hori-nav li.menuparenth ul ul ul,
for fourth level 
*/
.hori-nav ul, 
.hori-nav li:hover ul, 
.hori-nav li:hover ul ul, 
.hori-nav li.menuparenth ul, 
.hori-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
.hori-nav ul ul ul li:hover ul, 
.hori-nav ul ul ul li.menuparenth ul,
for fourth level
*/
.hori-nav li:hover ul,
.hori-nav li.menuh ul,  
.hori-nav ul li:hover ul, 
.hori-nav ul ul li:hover ul, 
.hori-nav li.menuparenth ul, 
.hori-nav ul li.menuparenth ul, 
.hori-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
.hori-nav li li, .hori-nav li li li { 
   float: left; 
   clear: both; 
}
 
 
.hori-nav li li a { 
   height: 1%; 
}


.menuwrapper ul li ul li ul li a, .menuwrapper ul li.primaryHover ul li ul li a {
	background-position:2px 0px;
}
.menuwrapper ul ul{
	padding:3px 0px 23px 0px;	
	margin-top: -1px;
	
	background-image:url(images/sussexTaps/primary_nav/bot_dots.gif);
	background-repeat:no-repeat;
	background-position:8px bottom;
	background-color:#000000; /*001409*/
	
}
.menuwrapper ul ul ul{
	background-position:2px bottom;	
}
.clearb{
	clear:both;
	font-size:0px;
	display:block;
	width:100%;
	height:0px;
	line-height:0px;
}

:-moz-any-link {
cursor:pointer;
}

dfn, .accessibility{
display:none;
}

/* End of 'sussex_menu' */