/* 2nd Level ===================================== Horz Links   */
#horzlinks {
}

/* horzlinks essentials   3jan2006 */
div.horzlinks {
	width: 100%;
	float: right;
  BACKGROUND: url(/images/buttons/horzlinkbg.gif) no-repeat right top; /* 2 door sliding door */	
	margin-bottom: 5px; /* push the tabs right */
  text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	VERTICAL-ALIGN: bottom;
  PADDING-TOP: 0px;
	WHITE-SPACE: nowrap;		
}

div.horzlinks ul {
  PADDING: 0px;  
  MARGIN: 0px;		 
  LIST-STYLE-TYPE: none;
 }

div.horzlinks li {
  DISPLAY: inline;
  PADDING: 0px;   
  MARGIN: 0px;		
}

/*  ================================ SPAN */
div.horzlinks SPAN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	DISPLAY: block;
    FLOAT: none;
	background: url(/images/backgrounds/reddivider.gif) no-repeat right; 
	/* TRBL*/
    padding: 5px 6px 5px 6px;
    WHITE-SPACE: nowrap
}

/*   ==== Links */
div.horzlinks a {
/*  BORDER-BOTTOM: #DE0A16 1px solid;   */
	BACKGROUND: url(/images/buttons/horzlinkbg.gif) no-repeat right top; /* 2 door sliding door   */
	 
	/*  This is the KEY float for positioning! It REVERSES the order too!  */
	FLOAT: left; 
	TEXT-DECORATION: none;
}

/* Links all the same */
div.horzlinks A:link {
	COLOR: #115e94;  /* dark blue */
}
div.horzlinks A:visited {
	COLOR: #115e94;
}
div.horzlinks A:hover {
  COLOR: #115e94;
  background-position: 100% -150px; /* sliding door moves background to light color */
}

div.horzlinks A:hover SPAN {
	BACKGROUND-POSITION: 0% -150px;
}

div.horzlinks A:active {
	COLOR: #115e94;
}

/*  =============================================== Current Button  */
/* Dynamic Contextual Tabs */
/*  Current Setting is white like the back of the page */

body#home li.home,
body#products li.products,
body#distributor li.distributor,
body#techdata li.techdata,
body#msds li.msds,
body#support li.support,
body#news li.news,
body#calendar li.calendar, 
body#contact li.contact
{
 BACKGROUND-POSITION: 100% -150px;
 border: 0px;
 }

/*  Link or Visited won't change the look */
body#home li.home a:link,
body#home li.home a:visited,

body#products li.products a:link,
body#products li.products a:visited,

body#distributor li.distributor a:link,
body#distributor li.distributor a:visited,

body#techdata li.techdata a:link,
body#techdata li.techdata a:visited,

body#msds li.msds a:link,
body#msds li.msds a:visited, 

body#support li.support a:link,
body#support li.support a:visited, 

body#news li.news a:link,
body#news li.news a:visited,

body#calendar li.calendar a:link,
body#calendar li.calendar a:visited, 

body#contact li.contact a:link,
body#contact li.contact a:visited 
{
  BACKGROUND-POSITION: 0% -150px;
	PADDING-BOTTOM: 0px;  /* ? wipes out the bottom line? */
}