/*     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:40px;
}
.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: #787878;
	color: #ffffff;
}

.topMenu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.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;
	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;
	color: #ffffff;
}

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

.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 */
}

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