/*############################################################################*/
/*                                                                            */
/* Menus Cascading Style Sheet (Mozilla)                                      */
/* Copyright 2010-2011 Russell Warburton                                      */
/*                                                                            */
/* Filename: /styles/current/menus/menus.css (css)                            */
/* Author: Russell Warburton (russell@warburnet.com.au)                       */
/*                                                                            */
/* No portion of this computer program may be used without prior written      */
/* permission from the author. This computer program is protected by          */
/* international copyright laws.                                              */
/*                                                                            */
/* Created: --/--/--                                                          */
/* Updated: 18/03/11 - head comment section added                             */
/* Updated: 02/06/12 - replaced individual images with 4-state sprites        */
/* Updated: 18/06/12 - removed single quotes from background URLs             */
/* Updated: 18/06/12 - centered menu using fixed width and auto margin        */
/* Updated: 24/09/12 - removed bottom_menu and top_menu styles                */
/* Updated: 04/01/13 - changed left_menu width to 135px                       */
/* Updated: 04/01/13 - changed margin from 0px auto to 0px (left justify)     */
/* Updated: 04/01/13 - changed margin from 0px to 0px auto (centre justify)   */
/* Updated: 13/04/13 - added top_menu and bottom_menu                         */
/*                                                                            */
/*############################################################################*/

#left_menu										{ display: block; width: 135px; border: 0px; margin: 0px auto; padding: 0px; }

#left_menu div									{ display: block; font-family: warburtech, Arial, sans-serif; }

#left_menu div a								{ display: block; width: 135px; height: 22px; line-height: 22px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 11pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.1.default.gif) no-repeat left top; }
#left_menu div.selected a						{ display: block; width: 135px; height: 22px; line-height: 22px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 11pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.1.selected.gif) no-repeat left top; }
#left_menu div.related a						{ display: block; width: 135px; height: 22px; line-height: 22px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 11pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.1.related.gif) no-repeat left top; }

#left_menu div a:link							{ background-position: 0px 0px; color: black; }
#left_menu div a:visited						{ background-position: 0px -22px; color: black; }
#left_menu div a:hover							{ background-position: 0px -44px; color: black; }
#left_menu div a:active							{ background-position: 0px -66px; color: black; }
#left_menu div.selected a:link					{ background-position: 0px 0px; color: white; }
#left_menu div.selected a:visited				{ background-position: 0px -22px; color: white; }
#left_menu div.selected a:hover					{ background-position: 0px -44px; color: black; }
#left_menu div.selected a:active				{ background-position: 0px -66px; color: black; }
#left_menu div.related a:link					{ background-position: 0px 0px; color: black; }
#left_menu div.related a:visited				{ background-position: 0px -22px; color: black; }
#left_menu div.related a:hover					{ background-position: 0px -44px; color: black; }
#left_menu div.related a:active					{ background-position: 0px -66px; color: black; }

#left_menu div a:link img						{ vertical-align: middle; cursor: pointer; }
#left_menu div a:visited img					{ vertical-align: middle; cursor: pointer; }
#left_menu div a:hover img						{ vertical-align: middle; cursor: pointer; }
#left_menu div a:active img						{ vertical-align: middle; cursor: pointer; }


#left_menu div div								{ display: block; font-family: Arial, sans-serif; }

#left_menu div div a							{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.2.default.gif) no-repeat left top; }
#left_menu div div.selected a					{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.2.selected.gif) no-repeat left top; }
#left_menu div div.related a					{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.2.related.gif) no-repeat left top; }

#left_menu div div a:link						{ background-position: 0px 0px; color: black; }
#left_menu div div a:visited					{ background-position: 0px -16px; color: black; }
#left_menu div div a:hover						{ background-position: 0px -32px; color: black; }
#left_menu div div a:active						{ background-position: 0px -48px; color: black; }
#left_menu div div.selected a:link				{ background-position: 0px 0px; color: white; }
#left_menu div div.selected a:visited			{ background-position: 0px -16px; color: white; }
#left_menu div div.selected a:hover				{ background-position: 0px -32px; color: black; }
#left_menu div div.selected a:active			{ background-position: 0px -48px; color: black; }
#left_menu div div.related a:link				{ background-position: 0px 0px; color: black; }
#left_menu div div.related a:visited			{ background-position: 0px -16px; color: black; }
#left_menu div div.related a:hover				{ background-position: 0px -32px; color: black; }
#left_menu div div.related a:active				{ background-position: 0px -48px; color: black; }

#left_menu div div a:link img					{ vertical-align: middle; cursor: pointer; }
#left_menu div div a:visited img				{ vertical-align: middle; cursor: pointer; }
#left_menu div div a:hover img					{ vertical-align: middle; cursor: pointer; }
#left_menu div div a:active img					{ vertical-align: middle; cursor: pointer; }


#left_menu div div div							{ display: none; font-family: Arial, sans-serif; }

#left_menu div div div a						{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.3.default.gif) no-repeat left top; }
#left_menu div div div.selected a				{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.3.selected.gif) no-repeat left top; }
#left_menu div div div.related a				{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 8pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.3.related.gif) no-repeat left top; }

#left_menu div div div a:link					{ background-position: 0px 0px; color: black; }
#left_menu div div div a:visited				{ background-position: 0px -16px; color: black; }
#left_menu div div div a:hover					{ background-position: 0px -32px; color: black; }
#left_menu div div div a:active					{ background-position: 0px -48px; color: black; }
#left_menu div div div.selected a:link			{ background-position: 0px 0px; color: white; }
#left_menu div div div.selected a:visited		{ background-position: 0px -16px; color: white; }
#left_menu div div div.selected a:hover			{ background-position: 0px -32px; color: black; }
#left_menu div div div.selected a:active		{ background-position: 0px -48px; color: black; }
#left_menu div div div.related a:link			{ background-position: 0px 0px; color: black; }
#left_menu div div div.related a:visited		{ background-position: 0px -16px; color: black; }
#left_menu div div div.related a:hover			{ background-position: 0px -32px; color: black; }
#left_menu div div div.related a:active			{ background-position: 0px -48px; color: black; }

#left_menu div div div a:link img				{ vertical-align: middle; cursor: pointer; }
#left_menu div div div a:visited img			{ vertical-align: middle; cursor: pointer; }
#left_menu div div div a:hover img				{ vertical-align: middle; cursor: pointer; }
#left_menu div div div a:active img				{ vertical-align: middle; cursor: pointer; }


#left_menu div div div div						{ display: none; font-family: Arial, sans-serif; }

#left_menu div div div div a					{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 7pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.4.default.gif) no-repeat left top; }
#left_menu div div div div.selected a			{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 7pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.4.selected.gif) no-repeat left top; }
#left_menu div div div div.related a			{ display: block; width: 135px; height: 16px; line-height: 16px; border: 0px; margin: 0px; padding: 0px 6px; overflow: hidden; color: black; font-size: 7pt; font-weight: bold; text-align: left; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/left_menu.4.related.gif) no-repeat left top; }

#left_menu div div div div a:link				{ background-position: 0px 0px; color: black; }
#left_menu div div div div a:visited			{ background-position: 0px -16px; color: black; }
#left_menu div div div div a:hover				{ background-position: 0px -32px; color: black; }
#left_menu div div div div a:active				{ background-position: 0px -48px; color: black; }
#left_menu div div div div.selected a:link		{ background-position: 0px 0px; color: white; }
#left_menu div div div div.selected a:visited	{ background-position: 0px -16px; color: white; }
#left_menu div div div div.selected a:hover		{ background-position: 0px -32px; color: black; }
#left_menu div div div div.selected a:active	{ background-position: 0px -48px; color: black; }
#left_menu div div div div.related a:link		{ background-position: 0px 0px; color: black; }
#left_menu div div div div.related a:visited	{ background-position: 0px -16px; color: black; }
#left_menu div div div div.related a:hover		{ background-position: 0px -32px; color: black; }
#left_menu div div div div.related a:active		{ background-position: 0px -48px; color: black; }

#left_menu div div div div a:link img			{ vertical-align: middle; cursor: pointer; }
#left_menu div div div div a:visited img		{ vertical-align: middle; cursor: pointer; }
#left_menu div div div div a:hover img			{ vertical-align: middle; cursor: pointer; }
#left_menu div div div div a:active img			{ vertical-align: middle; cursor: pointer; }


.category_menu									{ font-size: 8pt; text-align: center; }
.category_menu div a:link						{ height: 20px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 10pt; font-weight: bold; color: black; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.category_menu div a:visited					{ height: 20px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 10pt; font-weight: bold; color: black; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.category_menu div a:hover						{ height: 20px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 10pt; font-weight: bold; color: black; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.category_menu div a:active						{ height: 20px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 10pt; font-weight: bold; color: black; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.category_menu div div a:link					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.category_menu div div a:visited				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.category_menu div div a:hover					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.category_menu div div a:active					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.category_menu div div div a:link				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div a:visited			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div a:hover				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div a:active				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div div a:link			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div div a:visited		{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div div a:hover			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }
.category_menu div div div div a:active			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; display: none; }

.product_menu									{ font-size: 8pt; text-align: center; }
.product_menu div a:link						{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: bold; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div a:visited						{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: bold; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div a:hover						{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: bold; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div a:active						{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: bold; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div a:link					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div a:visited					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div a:hover					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div a:active					{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div a:link				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div a:visited				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div a:hover				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div a:active				{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div div a:link			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: blue; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div div a:visited			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div div a:hover			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: red; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }
.product_menu div div div div a:active			{ height: 14px; vertical-align: middle; overflow: hidden; cursor: pointer; font-size: 8pt; font-weight: normal; color: purple; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; }


div.menu_bar									{ display: block; width: 100% height: auto; }

div.menu_bar div.default						{ display: inline-block; float: left; }
div.menu_bar div.default a						{ display: block; width: 86px; height: 22px; line-height: 22px; overflow: hidden; color: black; font-size: 10pt; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/menu_bar.default.gif) no-repeat left top;  }
div.menu_bar div.default a:link					{ background-position: 0px 0px; color: black; }
div.menu_bar div.default a:visited				{ background-position: 0px -22px; color: black; }
div.menu_bar div.default a:hover				{ background-position: 0px -44px; color: black; }
div.menu_bar div.default a:active				{ background-position: 0px -66px; color: black; }

div.menu_bar div.selected						{ display: inline-block; float: left; }
div.menu_bar div.selected a						{ display: block; width: 86px; height: 22px; line-height: 22px; overflow: hidden; color: black; font-size: 10pt; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/menu_bar.selected.gif) no-repeat left top;  }
div.menu_bar div.selected a:link				{ background-position: 0px 0px; color: white; }
div.menu_bar div.selected a:visited				{ background-position: 0px -22px; color: white; }
div.menu_bar div.selected a:hover				{ background-position: 0px -44px; color: black; }
div.menu_bar div.selected a:active				{ background-position: 0px -66px; color: black; }

div.menu_bar div.related						{ display: inline-block; float: left; }
div.menu_bar div.related a						{ display: block; width: 86px; height: 22px; line-height: 22px; overflow: hidden; color: black; font-size: 10pt; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; cursor: pointer; background: transparent url(images/menu_bar.related.gif) no-repeat left top;  }
div.menu_bar div.related a:link					{ background-position: 0px 0px; color: black; }
div.menu_bar div.related a:visited				{ background-position: 0px -22px; color: black; }
div.menu_bar div.related a:hover				{ background-position: 0px -44px; color: black; }
div.menu_bar div.related a:active				{ background-position: 0px -66px; color: black; }

div.menu_bar div a:link img						{ vertical-align: middle; cursor: pointer; }
div.menu_bar div a:visited img					{ vertical-align: middle; cursor: pointer; }
div.menu_bar div a:hover img					{ vertical-align: middle; cursor: pointer; }
div.menu_bar div a:active img					{ vertical-align: middle; cursor: pointer; }