/* search button */



form input.search-box {

 width: 130px;
 height:18px;
 border-style: solid;
 border-width: 1px;
 border-color: #999;
 line-height:15px;
 padding-left:3px;
 background:#fff;
 font: 11px Arial, Verdana, sans-serif;
 color: #666;
}


form input.search-button {
 width: 22px;
 background-color: #fff;
 border: 1px solid #666;
 position: relative;
 text-align: center;
 margin: 0 auto;
 font: 11px Arial, Verdana, sans-serif;
 cursor:pointer;
 cursor:hand;
}


/* button bar navigation */

#nav-top {
 /* color of nav bar not covered by ul blocks */

 background:#fff;
 width:640px;
}

#nav-top ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
}

#nav-top>ul li {
 /* underlying 1px right-hand white divider bar for "hidden" cases - don't know what this is */
 background:transparent url(../images/nav_divider.gif) right top repeat-y;
}

#nav-top ul li {
 float:left;
 display:inline;
}

#nav-top ul li a {
 /* default style specs */
 display:block;
 width:105px;
 font:normal 12px "Arial", "Helvetica", "Verdana";
 text-decoration:none;
 color:#ff0000;
 line-height:18px;
 height:18px;
 padding:0px 2px 2px 0px;
 border-bottom:1px solid #fff;
/* color of vertical divider between buttons */
 border-right:1px solid #ff0000;
 text-align:center;
 background:#fff url(../images/nav_item_arrow_0.gif) right bottom no-repeat;
}

#nav-top ul li.nodropbutton a {
/* hide down arrow */
  background:#fff right bottom no-repeat;
}

/* button-specific changes */

#nav-top ul li.homebutton a {
 width: 45px;
}

#nav-top ul li.eshowbutton a {
 width: 85px;
}

#nav-top ul li.resourcesbutton a {
 width: 80px;
}

#nav-top ul li.productsbutton a {
 width: 70px;
}

#nav-top ul li.servicesbutton a {
 width: 70px;
}

#nav-top ul li.rentalbutton a {
 width: 80px;
}

#nav-top ul li.contractorbutton a {
 width: 100px;
}

#nav-top ul li.aboutbutton a {
/* this is the last button - hide right hand divider bar */
 border-right:1px solid #fff;
/* if width changes, also change margin-left offset below */
 width:70px;
}

/* action when hovering over main buttons */

#nav-top ul li a:hover,
#nav-top li.hover a,
#nav-top ul li a.selected {
 background:#ffc0c0 url(../images/nav_item_arrow_1.gif) right bottom no-repeat;
 border-bottom:1px solid #fff0000;
 color:#000;
}

#nav-top ul li:hover>a {
 /* CSS-2 hover - separate from above rule since IE would skip the declaration otherwise */
 background:#ffc0c0 url(../images/nav_item_arrow_1.gif) right bottom no-repeat;
 border-bottom:1px solid #ff0000;
 color:#000;
}

#nav-top ul li.nodropbutton a:hover {
 background:#ffc0c0 right bottom no-repeat;
 border-bottom:1px solid #fff;
 color:#000;
}

#nav-top ul li.nodropbutton:hover>a {
 /* CSS-2 hover - separate from above rule since IE would skip the declaration otherwise */
 background:#ffc0c0 right bottom no-repeat;
 border-bottom:1px solid #fff;
 color:#000;
}