/*     CATSHOP Menu*/

/* ------------------------------------------------------ */

/* Standard constructions that should apply to all menus. */

/* Edit these definitions should not be required.         */

/* ------------------------------------------------------ */



.menuItemsContainer .menuItem, .menuItemsContainer .expandItem, .menuItemsContainer .expandItem_2, .menuItemsContainer .expandItem_3, .menuItemsContainer .expandItem_4, .menuItemsContainer .expandItem_5  {
	display: block;
}

.horizontalMenu .menuItem, .horizontalMenu .separator {
	float: right;
}

.horizontalMenu .expandItem, .horizontalMenu .expandItem_2, .horizontalMenu .expandItem_3, .horizontalMenu .expandItem_4, .horizontalMenu .expandItem_5 {
	float: left;
}



.horizontalMenu {
	padding-right:0px;
}

.verticalMenu .menuItem, .verticalMenu .expandItem {
	/*width: 100%;*/

}

.menuItemsContainer .dropItem {
	display: block;
	clear:left;
	cursor: pointer;

/*	white-space: nowrap;*/

}

.menuItemsContainer .dropDown {
	position: absolute;
	z-index: 100000;
	visibility: hidden;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

.menuItemsContainer li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.menuItemsContainer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}



/* ------------------------------------------------------ */

/* The following classes should be modified to customize  */

/* the appearance of your menu. */

/* ------------------------------------------------------ */



.separator {
	background-image: url(../Images/menu-separator.gif);
	width:1px;
	height:25px;
}



.Menu {

}



/* Main Nav */

.Menu .menuItem {
	background-image: url(../Images/menubg.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	background-color: #fecc33;
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
	padding: 0px 5px 0px 42px;
	margin: 0px;
	text-align:left;
}

.Menu .hoverItem {

/*	background-image: url(../Images/menubg-hover.gif);*/

	color: #000000;
}



.Menu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

.Menu .lastItem {
	border-right: 0px solid #ccc;
}



/* Main Nav Dropdowns */

.Menu .dropItem {
	background-color: #ffcc33;
	padding: 0px 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}

.Menu .dropLastItem {
	border-bottom: 1px solid #ccc;
}

.Menu .dropItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}





/* Main Nav Expander */

.Menu .expandItem {
	background-color: #ffcd11;
	padding: 0px 10px 0px 30px;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;	

	text-decoration: none;
	border: 0px solid #ccc;
	color: #333333;
	text-align:left;
}

.Menu .expandLastItem {
	padding-bottom:15px;
}

.Menu .expandItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}

.Menu .expandArrowItem, .Menu .dropArrowItem {

}



.Menu .beforeExpandItem {
	/*color: blue;*/

	border-bottom: 0px;
}

.Menu .afterExpandItem {

}



/* Currently selected items are highlighted the same colour in both main and dropdown nav */

.Menu .currentItem {
	background-image: url(../Images/menubg-hover.gif);
	color: #000000;
}

.Menu .dropCurrentItem {

}

.Menu .expandCurrentItem {
	color: #000000;
}

/********************************************************************************/





/* Top Nav - General Menus*/

.topMenu {
	width:100%;
}

.topMenu .menuItem {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-variant:small-caps;
	font-stretch:condensed;
	background-repeat: no-repeat;
	background-position: 10px 2px;
	background-color: #9c9b9b;
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #dddddd;
	padding: 0px 15px 0px 15px;
	margin: 0px;
}

.topMenu .hoverItem {
	background-color: #FCBE29;
	color: #000000;	
}



.topMenu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

.topMenu .menuItem:hover {
	background-color: #FCBE29;
	color: #000000;	
}

.topMenu .firstItem { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	border-right: 0px solid #ccc;
	background-image: url(../Images/menu-right-tab.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.topMenu .firstItem:hover { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	border-right: 0px solid #ccc;
	background-image: url(../Images/menu-right-tab-o.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.topMenu .lastItem { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	border-right: 0px solid #ccc;
	background-image: url(../Images/menu-left-tab.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.topMenu .lastItem:hover { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	border-right: 0px solid #ccc;
	background-image: url(../Images/menu-left-tab-o.gif);
	background-repeat: no-repeat;
	background-position: top left;
}



/* Main Nav Dropdowns */

.topMenu .dropItem {
	background-color: #d7d7d7;
	padding-left:20px;
	padding-right:10px;
	line-height: 25px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
	text-align:left;
	white-space:nowrap;
}

.topMenu .dropLastItem {
	border-bottom: 1px solid #ccc;
}

.topMenu .dropItem:hover {
/*	background-color: #f7f7f7;
	color: black;*/
	background-color: #FCBE29;
	color: #000;
	text-decoration: none;
}





/* Main Nav Expander */

.topMenu .expandItem {
	background-color: #ffcd11;
	padding: 0px 10px 0px 30px;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	border: 0px solid #ccc;
	color: #333333;
	text-align:left;
}

.topMenu .expandLastItem {
	padding-bottom:15px;
}

.topMenu .expandItem:hover {
	background-color: #f7f7f7;
	color: #ffffff;
	text-decoration: none;
}

.topMenu .expandArrowItem, .topMenu .dropArrowItem {
	background-repeat: no-repeat;
	background-position: center right;
}


.topMenu .beforeExpandItem {
	border-bottom: 0px;
}

.topMenu .afterExpandItem {

}



/* Currently selected items are highlighted the same colour in both main and dropdown nav */

.topMenu .currentItem {
/*	background-color: #787878;*/
	background-color: #FCBE29;
/*	color: #ffffff;*/
	color: #000;	
}



.topMenu .dropCurrentItem {
	background-image: url(../Images/black-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.topMenu .dropTrueCurrentItem {
/*	background-color: #f7f7f7;*/
	background-color: #FCBE29;
	color: #000;
}



.topMenu .expandCurrentItem {
	color: #ffffff;
}

.topMenu .firstItem.trueCurrentItem { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	background-image: url(../Images/menu-right-tab-o.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.topMenu .lastItem.trueCurrentItem { /******   NOTE: Because the Top Menu is "floating right" the first and last items are back to front    *********/
	background-image: url(../Images/menu-left-tab-o.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


/********************************************************************************/





.productsMenu {

}



/* Main Nav */

.productsMenu .menuItem {
	background-image: url(../Images/products-menu-bg3.gif);
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
	padding: 0px 27px 0px 9px;
	margin: 0px;	
	text-align:right;
}



.productsMenu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

.productsMenu .lastItem {
	border-right: 0px solid #ccc;
}



/* Main Nav Dropdowns */

.productsMenu .dropItem {
	background-color: #d7d7d7;
	padding: 0px 22px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
	text-align:left;
	white-space:nowrap;
}

.productsMenu .dropLastItem {
	border-bottom: 1px solid #ccc;
}

.productsMenu .dropItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}





/* Main Nav Expander */

.productsMenu .expandItem {
	background-color: #ffcd11;
	padding: 0px 10px 0px 30px;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;	

	text-decoration: none;
	border: 0px solid #ccc;
	color: #333333;
	text-align:left;
}

.productsMenu .expandLastItem {
	padding-bottom:15px;
}

.productsMenu .expandItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}

.productsMenu .expandArrowItem, .productsMenu .dropArrowItem {

}



.productsMenu .beforeExpandItem {
	border-bottom: 0px;
}

.productsMenu .afterExpandItem {

}



/* Currently selected items are highlighted the same colour in both main and dropdown nav */

.productsMenu .currentItem {
	color: #000000;
}



.productsMenu .dropCurrentItem {
	background-image: url(../Images/black-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.productsMenu .dropTrueCurrentItem {
	background-color: #f7f7f7;
}





.productsMenu .expandCurrentItem {
	color: #000000;
}

/********************************************************************************/



.productsListMenu {

}



/* Main Nav */

.productsListMenu .menuItem {
	line-height: 15px;
	font-size: 12px;
	font-weight:bold;
	color: #9c9b9b;
	text-decoration: none;
	padding: 2px 5px 0px 25px;
	margin: 0px;	

	text-align:left;
}

.productsListMenu .menuItem:hover {
	color: #000000;
}



.productsListMenu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

.productsListMenu .lastItem {
	border-right: 0px solid #ccc;
}



/* Main Nav Dropdowns */

.productsListMenu .dropItem {
	background-color: #ffcc33;
	padding: 0px 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}

.productsListMenu .dropLastItem {
	border-bottom: 1px solid #ccc;
}

.productsListMenu .dropItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}



/* Main Nav Expander */

.productsListMenu .expandItem {
	background-color: #ffcd11;
	padding: 0px 10px 0px 30px;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;	

	text-decoration: none;
	border: 0px solid #ccc;
	color: #333333;
	text-align:left;
}

.productsListMenu .expandLastItem {
	padding-bottom:15px;
}

.productsListMenu .expandItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}

.productsListMenu .expandArrowItem, .productsListMenu .dropArrowItem {

}



.productsListMenu .beforeExpandItem {
	border-bottom: 0px;
}

.productsListMenu .afterExpandItem {

}



/* Currently selected items are highlighted the same colour in both main and dropdown nav */

.productsListMenu .currentItem {
	color: #000000;
}

.productsListMenu .dropCurrentItem {

}

.productsListMenu .expandCurrentItem {
	color: #000000;
}

/********************************************************************************/



/********************************************************************************/





.SideMenu {
	padding-top: 0px;
	padding-bottom: 40px;
	width:200px;
}



/* Main Nav */

.SideMenu a {
	zoom: 1;
}

.SideMenu .menuItem {
	font-family: Arial, Verdana, Helvetica, sans-serif, Geneva;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}



.SideMenu .menuItem:hover {
	background-image: url(../Images/Arrows/arrow-hollow.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
}

/*

.SideMenu .hoverItem {
	background-image: url(../Images/Arrows/arrow-hollow.gif);
	background-repeat: no-repeat;
	background-position: 2px 10px;
}

*/



.SideMenu .lastItem {

}



.SideMenu .dropItem {
	background-color: #cccccc;
	padding: 5px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #aaa;
	border-bottom: 0px;
	color: #666666;
	width:250px;
}



.SideMenu .dropItem:hover {
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
}



.SideMenu .dropLastItem {
	border-bottom: 1px solid #aaa;
}



/* Main Nav Expander */

.SideMenu .expandItem {
	padding: 2px 5px 2px 25px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid #ccc;
	border-bottom: 0px;
	color: #666666;
	background-color:#efefef;
}

.SideMenu .expandItem:hover {

/*.SideMenu .expandHoverItem {*/

	background-image: url(../Images/Arrows/arrow-hollow.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px; /* h v */

	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}



.SideMenu .arrowItem {
	background-image: url(../Images/Arrows/arrow-expand.gif);
	background-repeat: no-repeat;
	background-position: right; /* h v */

}



.SideMenu .expandLastItem {
	padding-bottom:10px;
}

.SideMenu .expandArrowItem, .SideMenu .dropArrowItem {
	background-image: url(../Images/Arrows/arrow-expand.gif);
	background-repeat: no-repeat;
	background-position: right; /* h v */

}



.SideMenu .beforeExpandItem {
	border-bottom: 0px;
}

.SideMenu .afterExpandItem {

}



/* Currently selected items are highlighted the same colour in both main and dropdown nav */

.SideMenu .currentItem {
	background-image: url(../Images/Arrows/arrow-black-down.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px; /* h v */

	background-color:#efefef;
}



.SideMenu .trueCurrentItem {
	background-image: url(../Images/Arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px; /* h v */

}

.SideMenu .expandCurrentItem {
	background-image: url(../Images/Arrows/arrow-black-down.gif);
	background-repeat: no-repeat;
	background-position:10px 5px; /* h v */

	padding-left: 25px;
	background-color:#dedede;
}



.SideMenu .expandTrueCurrentItem {
	background-image: url(../Images/Arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position:10px 5px; /* h v */

	background-color:#dedede;
}



.SideMenu .expandTrueCurrentItem:hover {
	background-image: url(../Images/Arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position:10px 5px; /* h v */

}



/********************************************************************************/



.SideMenu .dropItem_2 {
	padding: 4px;
}



.SideMenu .expandItem_2 {
	padding: 2px 5px 2px 35px;
	font-size: 11px;
	text-decoration: none;
	border: 0px solid #ccc;
	border-left: 1px;
	color: #666666;
	color: #000000;
	background-color:#dedede;
}

.SideMenu .expandItem_2:hover {

/*.SideMenu .expandHoverItem_2 {*/

	background-image: url(../Images/Arrows/arrow-hollow.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px; /* h v */

	color: #000000;
	text-decoration: underline;
}



.SideMenu .expandLastItem_2 {
	padding-bottom:10px;
	border-bottom: 1px;
}

.SideMenu .expandArrowItem_2 {
	background-image: url(../Images/Arrows/arrow-expand.gif);
	background-repeat: no-repeat;
	background-position: right; /* h v */

}



.SideMenu .beforeExpandItem_2 {
	border-bottom: 0px;
}

.SideMenu .afterExpandItem_2 {

}



.SideMenu .expandCurrentItem_2 {
	background-image: url(../Images/Arrows/arrow-black-down.gif);
	background-repeat: no-repeat;
	background-position:10px 5px; /* h v */

	padding-left: 35px;
}



.SideMenu .expandTrueCurrentItem_2 {
	background-image: url(../Images/Arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position:20px 5px; /* h v */

}



.SideMenu .expandTrueCurrentItem_2:hover {
	background-image: url(../Images/Arrows/arrow-black.gif);
	background-repeat: no-repeat;
	background-position:20px 5px; /* h v */

}



/********************************************************************************/