/***********************/
/***** :hover anything */
/***********************/
#nav, #auxnav {
/*  behavior:url(/js/csshover.htc);*/
}
/***********************/
/***** nav *************/
/***********************/
#nav {
  position:relative;
  margin:0;
  padding:0;
  border:0;
  height:30px;
  list-style-type:none;
}
#nav li {
  position:absolute;
  top:0;
  text-decoration:none;
  margin:0;
  padding:0;
}
#nav li a {
  display:block;
  height:30px;
  text-decoration:none;
}
#nav li a span {
  display:none; 
}

#nav-products    { left:0px;   width:110px; background:url(/images/nav_products_a.gif) transparent 0 0 no-repeat; }
#nav-services    { left:110px; width:92px; background:url(/images/nav_services_a.gif) transparent 0 0 no-repeat; }
#nav-customercare { left:202px; width:140px; background:url(/images/nav_customer_care_a.gif) transparent 0 0 no-repeat; }
#nav-about         { left:342px; width:77px;  background:url(/images/nav_about_a.gif) transparent 0 0 no-repeat; }
#nav-contact         { left:419px; width:100px;  background:url(/images/nav_contact_a.gif) transparent 0 0 no-repeat; }

#nav-products.on, #nav-products a:hover, #nav-products a.hover          { background:url(/images/nav_products_b.gif) transparent 0 0 no-repeat; }
#nav-services.on, #nav-services a:hover, #nav-services a.hover          { background:url(/images/nav_services_b.gif) transparent 0 0 no-repeat; }
#nav-customercare.on, #nav-customercare a:hover, #nav-customercare a.hover    { background:url(/images/nav_customer_care_b.gif) transparent 0 0 no-repeat; }
#nav-about.on, #nav-about a:hover, #nav-about a.hover                { background:url(/images/nav_about_b.gif) transparent 0 0 no-repeat; }
#nav-contact.on, #nav-contact a:hover, #nav-contact a.hover                         { background:url(/images/nav_contact_b.gif) transparent 0 0 no-repeat; }

/***********************/
/***** dhtml ***********/
/***********************/
#nav li ul,
#nav li ul li {
  width:150px;
}
#nav li ul {
  position:relative;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  border:0;
  z-index:21;
}
#nav li ul li {
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0;
  height:auto;
  top:0;
}
#nav li ul li a {
  text-align:left;
  display:block;
  margin:0;
  padding: 4px 4px 4px 10px;
  height:100%;
  width: 150px;
  font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: .1px;
	text-decoration: none;
	text-transform: uppercase;
  text-indent:0px;
	color:#fff;
  background: #4AAB9F url(/images/menu_link_bg.gif) 0 0 repeat-x;
  border-left: 1px solid #35908C;
	border-right: 1px solid #35908C;
	border-bottom: 1px solid #35908C;
}
#nav li ul li a:hover {
  color: #FFFFFF;
  text-decoration: none;
	background:  #25796E url(/images/menu_active_bg.gif) 0 0  repeat-x;
}

/***********************/
/***** auxnav **********/
/***********************/
#auxnav {
  position:relative;
  margin:0;
  padding:0;
  border:0;
  float:left;
  list-style-type:none;
  top:0px; 
}
#auxnav li {
  text-decoration:none;
  margin:0;
  padding:0;
  width:241px; 
  float:left;  
}
#auxnav li a {
  width:241px;
  height:34px;
  text-decoration:none;
  float:left;
}
#auxnav li a span {
  display:none; 
}

#auxnav-top                   { height:56px; background:url(/images/auxnav_top.jpg) transparent 0 0 no-repeat; }
#auxnav-imaging-equipment     { background:url(/images/auxnav_imaging_a.gif) transparent 0 0 no-repeat; }
#auxnav-cash-registers        { background:url(/images/auxnav_cash_a.gif) transparent 0 0 no-repeat; }
#auxnav-desks-and-furnishings { background:url(/images/auxnav_desks_a.gif) transparent 0 0 no-repeat; }
#auxnav-modular-furniture     { background:url(/images/auxnav_mod_a.gif) transparent 0 0 no-repeat; }
#auxnav-ergonomic-chairs      { background:url(/images/auxnav_ergo_a.gif) transparent 0 0 no-repeat; }
#auxnav-filing-storage        { background:url(/images/auxnav_filing_a.gif) transparent 0 0 no-repeat; }
#auxnav-supplies              { background:url(/images/auxnav_supplies_a.gif) transparent 0 0 no-repeat; }
#auxnav-bottom                { height:30px;background:url(/images/auxnav_bottom.gif) transparent 0 0 no-repeat; }

#auxnav-imaging-equipment.on, #auxnav-imaging-equipment a:hover, #auxnav-imaging-equipment a.hover   { background:url(/images/auxnav_imaging_b.gif) transparent 0 0 no-repeat; }
#auxnav-cash-registers.on, #auxnav-cash-registers a:hover, #auxnav-cash-registers a.hover               { background:url(/images/auxnav_cash_b.gif) transparent 0 0 no-repeat; }
#auxnav-desks-and-furnishings.on, #auxnav-desks-and-furnishings   a:hover, #auxnav-desks-and-furnishings   a.hover { background:url(/images/auxnav_desks_b.gif) transparent 0 0 no-repeat; }
#auxnav-modular-furniture.on, #auxnav-modular-furniture a:hover, #auxnav-modular-furniture a.hover   { background:url(/images/auxnav_mod_b.gif) transparent 0 0 no-repeat; }
#auxnav-ergonomic-chairs.on, #auxnav-ergonomic-chairs a:hover, #auxnav-ergonomic-chairs a.hover         { background:url(/images/auxnav_ergo_b.gif) transparent 0 0 no-repeat; }
#auxnav-filing-storage.on, #auxnav-filing-storage a:hover, #auxnav-filing-storage a.hover            { background:url(/images/auxnav_filing_b.gif) transparent 0 0 no-repeat; }
#auxnav-supplies.on, #auxnav-supplies a:hover, #auxnav-supplies a.hover                              { background:url(/images/auxnav_supplies_b.gif) transparent 0 0 no-repeat; }

#callouts-container {
/*  margin-left:60px;*/
	padding-right:15px;
	float:right;
}
#callouts-container-top-off {
	 background:transparent url(/images/callout_orange_top.gif) right center no-repeat; 
	 width:186px;
	 height:9px;
}
#callouts-container-bot-off {
	 background:transparent url(/images/callout_orange_bottom.gif) right top no-repeat; 
	 width:186px;
	 height:9px;

}
#callout-bg {
  background:#1E83B3 url(/images/callout_blue_bg.gif) right center repeat; 
}
#callouts-top {
	 background:  url(/images/callout_blue_top.gif) right top no-repeat; 
	 width:166px;
	 padding-bottom: 12px;
}
#callouts-container-bot-on  {
	background:transparent url(/images/callout_blue_bottom.gif) right top no-repeat; 

	width:166px;
	height:12px;
	float:right;
}


/*#callouts-container-margin3 {
  margin-top:-118px;
}
#callouts-container-margin2 {
  margin-top:-80px;
}
#callouts-container-margin1 {
  margin-top:-42px;
}*/
#callouts-container ul.callouts {
  width:166px;
  padding:0;
  border:0;
  list-style:none;
  display:block;

}
#callouts-container ul.callouts li {
  padding:3px 8px;
	border:0;
  display: block;
  color:#ffb400;
  text-decoration:none;
	text-align: center;
  height: auto !important;
  height: 1%; /*For IE*/
  font:bold 12px/18px trebuchet,verdana , sans-serif;

}

#callouts-container ul.callouts li a,
#callouts-container ul.callouts li a:link,
#callouts-container ul.callouts li a:visited {
  padding:3px 8px;
	border:0;
  display: block;
  color:#fff;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
}

#callouts-container ul.callouts li a:active,
#callouts-container ul.callouts li a:hover,
#callouts-container ul.callouts li a.on {

  color:#ffb400;
/*  background:#1E83B3 url(/images/callout_blue_bg.gif) right center repeat; */
}
#callouts-container ul.callouts #callouts-top li.active {
  padding:3px 16px;
	border:0;
  display: block;
  color:#ffb400;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
  font:bold 12px/18px trebuchet,verdana , sans-serif;
  color:#ffb400;
/*  background:#1E83B3 url(/images/callout_blue_bg.gif) right center repeat; */
}
/*#callouts-container ul.callouts li a,
#callouts-container ul.callouts li a:link,
#callouts-container ul.callouts li a:visited {
  padding:3px 10px;
	border:0;
  display: block;
  color:#fff;
	background:#1E83B3 url(/images/callout_blue_bg.gif) right center repeat;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
}*/