#navigationwrapper {
	padding: 0 15px;
	background-position: top;
	background: url('../images/filler.gif') repeat-x;
	height:60px;
    border:0; margin:0;
}
#navigationwrapper .leftnav {
        float: left;
}
#navigationwrapper .rightnav {
        float: right;
        text-align: right;
}
ul.bg_rollover, ul.bg_rollover li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        border:0;
        text-align: left;
        height: 60px;
}
ul.bg_rollover {
}
ul.bg_rollover li {
        float: left;
}
ul.bg_rollover li a {
        text-align: center;
        line-height: 60px;
        height: 60px;
        text-decoration: none;
        display: block;
}
ul#menu_left li a, ul#menu_right li a {
        position: relative; /* hide from IE5/Mac \*/;
        overflow: hidden;
  /* end hide */
}
ul#menu_left li a span, ul#menu_right li a span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 60px;
        cursor: pointer;
}

body#indexHomeBody ul#menu_left li.home a span, body#indexHomeBody ul#menu_left li a.home span, 
body#ourrangeBody ul#menu_left li.our_range a span, body#ourrangeBody ul#menu_left li a.our_range span,
body#orderonlineBody ul#menu_left li.order_online a span, body#orderonlineBody ul#menu_left li a.order_online span,
body#productsfamilyBody ul#menu_left li.order_online a span, body#productsfamilyBody ul#menu_left li a.order_online span,
body#productinfoBody ul#menu_left li.order_online a span, body#productinfoBody ul#menu_left li a.order_online span,
body#contactusBody ul#menu_left li.contact a span, body#contactusBody ul#menu_left li a.contact span,

body#loginBody ul#menu_right li.sign_up_login a span, body#loginBody ul#menu_right li a.sign_up_login span,
body#accountBody ul#menu_right li.my_account a span, body#accountBody ul#menu_right li a.my_account span,
body#shoppingcartBody ul#menu_right li.shopping_cart a span, body#shoppingcartBody ul#menu_right li a.shopping_cart span,
body#productsfamilyBody ul#menu_right li.order_online a span, body#productsfamilyBody ul#menu_right li a.order_online span {
background-position: 0 -120px;	
}

/* for IE5/Mac only
the negative top margin needs to be the same absolute value as the height of the
<a> and <span> elements. \*/
/*/
ul#menu_right li a span {
position: static;
margin-top: -60px;
}
/* end for IE5/Mac only */
ul#menu_left li a:hover span, 
ul#menu_left li a span:hover, 
ul#menu_right li a:hover span, 
ul#menu_right li a span:hover {
        background-position: 0 -60px;
/* the second number should be the negative height of the link. */
}


ul.bg_rollover li.home a, ul#menu_left li.home a span {
        background-image: url('../images/home.gif');
        width: 78px;
}
ul.bg_rollover li.our_range a, ul#menu_left li.our_range span {
        background-image: url('../images/our_range.gif');
        width: 111px;
}
ul.bg_rollover li.order_online a, ul#menu_left li.order_online a span {
        background-image: url('../images/order_online.gif');
        width: 134px;
}
ul.bg_rollover li.contact a, ul#menu_left li.contact a span {
        background-image: url('../images/contact.gif');
        width: 86px;
}
ul.bg_rollover li.log_out a, ul#menu_right li.log_out a span {
        background-image: url('../images/log_out.gif');
        width: 62px;
}
ul.bg_rollover li.sign_up_login a, ul#menu_right li.sign_up_login a span {
        background-image: url('../images/sign_up_login.gif');
        width: 95px;
}
ul.bg_rollover li.my_account a, ul#menu_right li.my_account a span {
        background-image: url('../images/my_account.gif');
        width: 87px;
}
ul.bg_rollover li.shopping_cart a, ul#menu_right li.shopping_cart a span {
        background-image: url('../images/shopping_cart.gif');
        width: 95px;
}