/* CSS Document */

#menu{background:url(../images/menu_bg.gif) repeat-x; width:800px; height:32px; margin:0 auto; border-bottom:10px solid #FFFFFF; border-top:1px solid #96170e;}
#menu ul{margin:0; list-style:none; margin:0 0 0 10px;}
#menu li{text-decoration:none; display: inline;}

#home{background:url(../images/menu/home_off.gif) no-repeat; width: 80px; height:32px; float:left;}
#home:hover, #home.selected{background:url(../images/menu/home_on.gif) no-repeat; width:80px; height:32px; margin:0px 0 0 0;}
#products{background:url(../images/menu/products_off.gif) no-repeat; width: 100px; height:32px; float:left;}
#products:hover, #products.selected{background:url(../images/menu/products_on.gif) no-repeat; width:100px; height:32px; margin:0px 0 0 0;}
#guest{background:url(../images/menu/guest_off.gif) no-repeat; width: 160px; height:32px; float:left;}
#guest:hover, #guest.selected{background:url(../images/menu/guest_on.gif) no-repeat; width:160px; height:32px; margin:0px 0 0 0;}
#cart{background:url(../images/menu/cart_off.gif) no-repeat; width: 120px; height:32px; float:left;}
#cart:hover, #cart.selected{background:url(../images/menu/cart_on.gif) no-repeat; width:120px; height:32px; margin:0px 0 0 0;}
#contact{background:url(../images/menu/contact_off.gif) no-repeat; width: 100px; height:32px; float:left;}
#contact:hover, #contact.selected{background:url(../images/menu/contact_on.gif) no-repeat; width:100px; height:32px; margin:0px 0 0 0;}
#back{background:url(../images/menu/back_off.gif) no-repeat; width: 150px; height:32px; float:left;}
#back:hover, #back.selected{background:url(../images/menu/back_on.gif) no-repeat; width:150px; height:32px; margin:0px 0 0 0;}