/* NAVIGATION BUTTONS */
/* CSS navigation from Webcredible: www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml \*/

.main-bar {
	color: #FFFFFF
	background-image;
	height: 30px;
	background-repeat: repeat-x;
	clear: both;
	vertical-align: middle;
}
.sub-bar {
	background-repeat: repeat-x;
	clear: both;
	vertical-align: top;
	height: 36px;
	background-color: #fe98fe;
/*	background-image: url(nav-pics/subbg3.png); -- to use an image instead of a colour */

}
#nav-menu
{
	width:100%;
	vertical-align: top;
	text-align: center;
} 
#nav-menu ul
{
	list-style: url((URL));
	padding: 0;
	left: 90px;
	position: relative;
	vertical-align: top;
	float: left;
	background-position: top;
}

#nav-menu li
{
	vertical-align: top;
	margin-top: -1px;
	margin-right: 0.1em;
	margin-left: 0.1em;
	width: 110px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#nav-menu li a
{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;

}

#nav-menu li a:hover
{
	display: block;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
/* Rollover Buttons for Main-bar */
a#NewBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/NEW-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#NewBtn:hover {	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#PartyBtn {
	display: block;
	width: 110px;
	height: 31px; 
	background-image: url(nav-pics/PARTY-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#PartyBtn:hover {	background-position: 0 -35px;
	background-repeat: repeat-x;
}

a#ShopBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/SHOP-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#ShopBtn:hover {	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#JoinBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/JOIN-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#JoinBtn:hover {	background-position: 0 -35px;
	background-repeat: repeat-x;
}
a#FreeBtn {
	display: block;
	width: 110px;
	height: 31px;  
	background-image: url(nav-pics/FREE-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -3px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#FreeBtn:hover {	background-position: 0 -35px;
	background-repeat: repeat-x;
}

a .alt {
	display: none;
	list-style-image: none;
	list-style-type: none;
}


}

/* Sub-menu setup for Shopping) */
}

#sub-menu
{
	width:100%;
	vertical-align: top;
	left: 90px; 
	text-align: center;
} 
#sub-menu ul
{
	list-style: url((URL));
	padding: 0;
	position: relative;
	vertical-align: top;
	float: left;
	background-position: top;
}

#sub-menu li
{
	vertical-align: top;
	margin-top: -1px;
	margin-right: 0.1em;
	margin-left: 0.1em;
	width: 90px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#sub-menu li a
{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;

}

#sub-menu li a:hover
{
	display: block;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
/* Rollover Buttons for Sub-bar */
a#CartBtn {
	display: block;
	width: 70px;
 	height: 31px;  
	background-image: url(nav-pics/Cart-btn.gif);
	background-repeat: repeat-x;
	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#CartBtn:hover {
	background-position: 0 -59px;
	background-repeat: repeat-x;
}
a#ToysBtn {
	display: block;
	width: 80px;
 	height: 31px;  
	background-image: url(nav-pics/Toys-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#ToysBtn:hover {
		background-position: 0 -59px;
	background-repeat: repeat-x;
}

a#BathBtn {
	display: block;
	width: 60px;
 	height: 31px;  
	background-image: url(nav-pics/Bath-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#BathBtn:hover {
		background-position: 0 -59px;
	background-repeat: repeat-x;
}
a#LubesBtn {
	display: block;
	width: 70px;
 	height: 31px;  
	background-image: url(nav-pics/Lubes-btn.gif);
	background-repeat: repeat-x; 
	background-position: 0 -13px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#LubesBtn:hover {
	background-position: 0 -58px;
	background-repeat: repeat-x;
}

a#BooksBtn {
	display: block;
	width: 70px;
 	height: 31px;  
	background-image: url(nav-pics/Books-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#BooksBtn:hover {
		background-position: 0 -59px;
	background-repeat: repeat-x;
}

a#NoveltiesBtn {
	display: block;
	width: 70px;
 	height: 31px;  
	background-image: url(nav-pics/Novelties-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#NoveltiesBtn:hover {
		background-position: 0 -59px;
	background-repeat: repeat-x;
}
a#LingerieBtn {
	display: block;
	width: 70px;
 	height: 31px;  
	background-image: url(nav-pics/Lingerie-btn.gif);
	background-repeat: repeat-x;	background-position: 0 -14px;
	margin: 1px auto;
	list-style-image: none;
	list-style-type: none;
}
a#LingerieBtn:hover {
		background-position: 0 -59px;
	background-repeat: repeat-x;
}

a .alt { display: none; } 


}