/* ------------------------------------------------------------------------------------ */
/* BUTTONS AND ROLLOVERS		
/* ------------------------------------------------------------------------------------ */
.rollover { display: block; } 						/* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } 			/* only set width and height once */
.rollover:hover { visibility: visible; 				/* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } 			/* 'rolls over' the image */


/* ------------------------------------------------------------------------------------ */
/* HOMEPAGE / LOGIN SCREEN	
/* ------------------------------------------------------------------------------------ */
/* The width and height must be set on the html and not in this stylesheet when using drop down menus */
#navCards {
	width: 85px;
	height: 32px;
	background-image: url(../images/nav-cards-on.gif);
	display: block;
	float: left;
}
#navGifts {
	width: 82px;
	height: 32px;
	background-image: url(../images/nav-gifts-on.gif);
	display: block;
	float: left;
}
#navSales {
	width: 140px;
	height: 32px;
	background-image: url(../images/nav-sales-on.gif);
	display: block;
	float: left;
}
#navContact {
	width: 79px;
	height: 32px;
	background-image: url(../images/nav-contact-on.gif);
	display: block;
	float: left;
}
#navRetailers {
	width: 151px;
	height: 32px;
	background-image: url(../images/nav-retailer-on.gif);
	display: block;
	float: left;
}
#navInquiries {
	width: 136px;
	height: 32px;
	background-image: url(../images/nav-inquiries-on.gif);
	display: block;
	float: left;
}